:root{--navy:#061a36;--navy-2:#0a2d57;--cream:#fff8e9;--paper:#fffdf7;--orange:#f04a1d;--yellow:#f6aa16;--teal:#0f9cab;--purple:#8540a8;--ink:#10223d;--muted:#586779;--line:rgba(16,34,61,.14);--shadow:0 22px 60px rgba(3,21,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:20px;z-index:999;padding:10px 16px;border-radius:8px;background:white}.skip-link:focus{top:12px}.tool-header{background:var(--paper);border-bottom:1px solid var(--line)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--navy);color:white;font-size:13px;font-weight:900;transform:rotate(-3deg)}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.tool-header nav{display:flex;gap:20px}.tool-header nav a{color:var(--navy);font-size:13px;font-weight:800;text-decoration:none}.tool-hero{position:relative;overflow:hidden;padding:70px 0;background:linear-gradient(112deg,var(--navy),var(--navy-2));color:white}.tool-hero::after{content:"";position:absolute;right:-80px;top:-170px;width:340px;height:340px;border:65px solid rgba(246,170,22,.18);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:80px}.eyebrow{margin:0 0 7px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.tool-hero .eyebrow{color:#74e1e8}h1,h2{margin-top:0;line-height:1.05;letter-spacing:-.035em}.tool-hero h1{margin-bottom:17px;font-size:clamp(42px,6vw,70px)}.tool-hero p:not(.eyebrow){max-width:690px;margin:0;color:rgba(255,255,255,.76);font-size:18px}.hero-rule{display:grid;gap:9px;padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.08);font-size:20px;font-weight:900}.hero-rule span:nth-child(1){color:#74e1e8}.hero-rule span:nth-child(2){color:var(--yellow)}.hero-rule span:nth-child(3){color:#dca9f4}.builder-section{padding:72px 0 96px}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:45px}.section-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.section-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--orange);color:white;font-size:20px;font-weight:950;transform:rotate(-3deg)}.section-heading h2{margin:0;font-size:clamp(31px,4vw,44px)}.section-heading .eyebrow{margin-bottom:3px}.quick-add{padding:24px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 10px 30px rgba(8,34,66,.05)}.quick-add label{display:block;margin-bottom:8px;font-weight:850}.add-row{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:8px}.add-row input,.add-row select{min-width:0;min-height:49px;padding:0 13px;border:1px solid #c6d1db;border-radius:12px;background:white;color:var(--ink)}.add-row button{padding:0 18px;border:0;border-radius:12px;background:var(--navy);color:white;font-weight:900}.suggestion-label{margin:31px 0 11px;font-weight:850}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.category-tab{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);font-size:13px;font-weight:800}.category-tab.active{border-color:var(--teal);background:#eafafa;color:#086d77}.suggestion-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.suggestion{min-height:48px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);text-align:left;font-weight:700}.suggestion::before{content:"+";margin-right:7px;color:var(--teal);font-weight:950}.suggestion.added{border-color:#b8d9dc;background:#edf5f5;color:var(--muted)}.suggestion.added::before{content:"✓"}.list-card{position:sticky;top:22px;padding:27px;border:1px solid rgba(246,170,22,.3);border-radius:27px;background:var(--cream);box-shadow:var(--shadow)}.list-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.list-card-header h2{margin:0;font-size:31px}.list-card-header button{border:0;background:transparent;color:var(--orange);font-size:12px;font-weight:900}.summary{display:flex;align-items:baseline;gap:8px;margin-top:22px}.summary strong{color:var(--purple);font-size:34px;line-height:1}.summary span{color:var(--muted);font-size:13px;font-weight:750}.progress{height:8px;margin:10px 0 18px;overflow:hidden;border-radius:999px;background:#e1e5df}.progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--purple));transition:width .2s}.selected-list{display:grid;gap:13px;max-height:430px;overflow:auto}.selected-group h3{margin:0 0 5px;color:var(--teal);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.selected-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;background:white}.selected-item input{width:18px;height:18px;accent-color:var(--teal)}.selected-item.done span{color:var(--muted);text-decoration:line-through}.selected-item button{border:0;background:transparent;color:var(--orange);font-weight:950}.empty-list{padding:22px 12px;color:var(--muted);text-align:center}.list-actions{display:grid;gap:8px;margin-top:20px}.list-actions button{min-height:49px;border-radius:999px;font-weight:900}.focus-button{border:0;background:var(--orange);color:white;box-shadow:0 10px 24px rgba(240,74,29,.22)}.secondary-button{border:2px solid var(--teal);background:white;color:var(--navy)}.status{margin:10px 0 0;color:var(--teal);font-size:12px;font-weight:800;text-align:center}.focus-view{position:fixed;z-index:1000;inset:0;overflow:auto;background:var(--paper);color:var(--ink)}.focus-view[hidden]{display:none}.focus-view header{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:12px max(20px,calc((100% - 760px)/2));background:var(--navy);color:white}.focus-view header button{border:0;background:transparent;color:white;font-weight:850}.focus-view header div{text-align:right}.focus-view header strong,.focus-view header span{display:block}.focus-view header strong{color:var(--yellow);font-size:18px}.focus-view header span{font-size:11px}.focus-view main{width:min(700px,calc(100% - 32px));margin:0 auto;padding:58px 0}.focus-view h1{margin-bottom:10px;color:var(--navy);font-size:clamp(42px,8vw,72px)}.focus-prompt{max-width:540px;margin-bottom:30px;color:var(--muted);font-size:17px}.focus-items{display:grid;gap:12px}.focus-item{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 18px;border:2px solid #d6dee5;border-radius:18px;background:white;font-size:19px;font-weight:800}.focus-item input{width:27px;height:27px;accent-color:var(--teal)}.focus-item.done{opacity:.55}.focus-item.done span{text-decoration:line-through}.focus-complete{padding:35px;border-radius:22px;background:#eafafa;text-align:center}.focus-complete strong{display:block;color:var(--teal);font-size:28px}.focus-controls{display:flex;justify-content:space-between;gap:10px;margin-top:28px}.focus-controls button{min-height:49px;padding:0 20px;border:0;border-radius:999px;background:var(--navy);color:white;font-weight:850}.focus-controls button:disabled{opacity:.35}.focus-controls button:last-child{background:var(--orange)}footer{padding:38px 0;background:#031329;color:white}footer .container{display:flex;justify-content:space-between}footer span{color:rgba(255,255,255,.62)}
@media(max-width:900px){.hero-grid,.builder-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.hero-rule{max-width:420px}.list-card{position:static}.tool-header nav a:not(:last-child){display:none}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.brand small{display:none}.tool-hero{padding:53px 0}.add-row{grid-template-columns:1fr}.add-row button{min-height:48px}.suggestion-panel{grid-template-columns:1fr 1fr}.builder-section{padding-top:52px}footer .container{flex-direction:column;gap:7px}}
@page{size:A4;margin:14mm}@media print{body{background:white}.tool-header,.tool-hero,.list-builder,.list-actions,.status,body>footer{display:none!important}.builder-section{padding:0}.container,.builder-grid{width:100%;display:block}.list-card{padding:0;border:0;background:white;box-shadow:none}.list-card-header{padding:15px;border-bottom:5px solid var(--yellow);border-radius:12px 12px 0 0;background:var(--navy)!important;color:white;print-color-adjust:exact;-webkit-print-color-adjust:exact}.list-card-header .eyebrow{color:#74e1e8}.list-card-header h2{color:white}.list-card-header button,.progress{display:none}.summary{padding:0 5px}.selected-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;max-height:none;overflow:visible}.selected-group{break-inside:avoid}.selected-group h3{padding:7px 9px;border-left:5px solid var(--teal);background:#eafafa!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.selected-item{grid-template-columns:20px 1fr;padding:6px 8px;border-bottom:1px solid #e6eaed}.selected-item button{display:none}.empty-list{display:none}}