:root{--forest:#173f2b;--leaf:#286044;--leaf2:#3d7956;--sun:#e2b62e;--sun2:#f4d76c;--cream:#fffdf6;--ink:#302d27;--muted:#716b61;--line:rgba(40,96,68,.14);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 10% 0%,rgba(244,215,108,.3),transparent 30rem),radial-gradient(circle at 100% 15%,rgba(61,121,86,.18),transparent 32rem),var(--cream)}button,input,select,textarea{font:inherit}.app-shell{width:min(100%,1050px);margin:auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom))}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem .25rem 1.25rem}.eyebrow,.kicker{font-size:.73rem;font-weight:900;letter-spacing:.16em;color:var(--leaf)}.eyebrow span{color:var(--sun)}h1{margin:.18rem 0 0;color:var(--forest);font-size:clamp(1.75rem,5vw,2.7rem);letter-spacing:-.045em}.app-header p{margin:.25rem 0;color:var(--muted)}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.soft-btn,.quiet-btn,.focus-btn{border:1px solid var(--line);background:rgba(255,255,255,.75);color:var(--forest);text-decoration:none;border-radius:999px;padding:.7rem .95rem;font-weight:800;cursor:pointer}.sync-badge{cursor:default;display:inline-flex;align-items:center}.sync-badge.cloud{background:rgba(61,121,86,.11);border-color:rgba(40,96,68,.22)}.sync-badge.saving{background:rgba(244,215,108,.22);border-color:rgba(226,182,46,.28)}.sync-badge.local{background:rgba(255,255,255,.72)}.hidden{display:none!important}.list-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.8rem}.list-tab{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:20px;padding:.85rem .7rem;color:var(--forest);cursor:pointer;display:flex;align-items:center;gap:.45rem;justify-content:center;box-shadow:0 8px 24px rgba(23,63,43,.05)}.list-tab span{font-size:1.15rem}.list-tab strong{font-size:.86rem}.list-tab em{font-style:normal;background:rgba(40,96,68,.1);min-width:1.55rem;height:1.55rem;border-radius:999px;display:grid;place-items:center;font-size:.7rem}.list-tab.active{background:linear-gradient(135deg,var(--forest),var(--leaf));color:white;transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,63,43,.18)}.list-tab.active em{background:rgba(255,255,255,.18)}.list-card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:30px;padding:1.25rem;box-shadow:0 24px 70px rgba(23,63,43,.12);backdrop-filter:blur(14px)}.list-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.list-topbar h2{font-size:clamp(1.55rem,4vw,2.15rem);color:var(--forest);margin:.2rem 0}.list-topbar p{margin:0;color:var(--muted)}.focus-btn{white-space:nowrap}.summary-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.stat{padding:.5rem .75rem;background:rgba(244,215,108,.2);border-radius:999px;color:var(--forest);font-size:.78rem;font-weight:850}.quick-add{display:grid;grid-template-columns:minmax(0,1fr) 80px 155px auto;gap:.55rem;padding:.8rem;background:rgba(40,96,68,.06);border-radius:20px}.quick-add input,.quick-add select,.quick-add textarea{min-width:0;border:1px solid rgba(40,96,68,.16);border-radius:14px;padding:.85rem;background:white;color:var(--ink);outline:none}.quick-add input:focus,.quick-add select:focus,.quick-add textarea:focus{border-color:var(--sun);box-shadow:0 0 0 3px rgba(226,182,46,.15)}.add-btn{border:0;border-radius:14px;padding:.85rem 1rem;background:linear-gradient(135deg,var(--sun2),var(--sun));color:#473807;font-weight:900;cursor:pointer}.planning-fields{grid-column:1/-1;display:grid;grid-template-columns:130px minmax(180px,1fr) 150px minmax(150px,1fr);gap:.55rem}.planning-fields textarea{grid-column:1/-1;min-height:72px;resize:vertical}.controls-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin:1rem 0}.filter-pills{display:flex;gap:.35rem}.filter-pill{border:0;border-radius:999px;padding:.55rem .8rem;background:rgba(40,96,68,.08);color:var(--leaf);font-weight:850;cursor:pointer}.filter-pill.active{background:var(--leaf);color:white}.quiet-btn{padding:.55rem .8rem}.items{display:grid;gap:.55rem}.item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:19px;padding:.62rem .7rem;background:white;min-height:72px;box-shadow:0 7px 18px rgba(23,63,43,.045)}.item.plan-item{align-items:start;padding:.8rem}.check{appearance:none;width:42px;height:42px;border-radius:14px;border:2px solid rgba(40,96,68,.25);background:rgba(61,121,86,.05);display:grid;place-items:center;cursor:pointer}.check:checked{background:var(--leaf);border-color:var(--leaf)}.check:checked:after{content:'✓';color:white;font-weight:1000;font-size:1.3rem}.item-name{font-size:1rem;font-weight:850;color:var(--forest);word-break:break-word}.item-meta{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.tag{font-size:.68rem;color:var(--muted);background:rgba(244,215,108,.17);padding:.22rem .42rem;border-radius:999px}.tag.cost{background:rgba(61,121,86,.1);color:var(--leaf);font-weight:850}.tag.priority-soon{background:rgba(244,215,108,.28);color:#705706}.tag.priority-dream{background:rgba(226,182,46,.15);color:#7a5e05}.item-note{font-size:.78rem;color:var(--muted);margin:.48rem 0 0;line-height:1.4}.plan-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.55rem}.plan-action{border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:999px;padding:.38rem .6rem;color:var(--leaf);font-size:.7rem;font-weight:850;cursor:pointer;text-decoration:none}.plan-action.primary{background:rgba(244,215,108,.2);border-color:rgba(226,182,46,.25)}.item.done{opacity:.58}.item.done .item-name{text-decoration:line-through}.remove{border:0;background:transparent;color:#8d6c62;font-size:1.1rem;width:42px;height:42px;border-radius:12px;cursor:pointer}.remove:hover{background:#fff1ec}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);background:rgba(40,96,68,.035);border-radius:20px}.history-wrap{margin-top:1.1rem}.section-label{font-size:.72rem;font-weight:850;color:var(--muted);margin-bottom:.5rem}.history{display:flex;gap:.45rem;flex-wrap:wrap}.history button{border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:999px;padding:.5rem .7rem;color:var(--leaf);font-weight:750;cursor:pointer}.toast{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--forest);color:white;border-radius:999px;padding:.7rem 1rem;font-weight:800;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}body.focus-mode{overflow:hidden}body.focus-mode .app-shell{width:100%;max-width:none;padding:max(.7rem,env(safe-area-inset-top)) .7rem max(.7rem,env(safe-area-inset-bottom));height:100dvh}body.focus-mode .app-header,body.focus-mode .list-tabs{display:none}body.focus-mode .list-card{height:100%;border-radius:24px;display:flex;flex-direction:column;padding:1rem}body.focus-mode .items{overflow:auto;flex:1;padding-bottom:2rem}body.focus-mode .item{min-height:82px;grid-template-columns:58px minmax(0,1fr) auto}body.focus-mode .check{width:48px;height:48px}body.focus-mode .item-name{font-size:1.12rem}body.focus-mode .history-wrap{display:none}@media(max-width:720px){.app-header{align-items:stretch}.header-actions{flex-direction:column;align-items:stretch}.sync-badge{justify-content:center}.list-tab{flex-direction:column;gap:.2rem}.list-tab strong{font-size:.72rem}.quick-add{grid-template-columns:1fr 70px}.quick-add select{grid-column:1/2}.add-btn{grid-column:2/3}.planning-fields{grid-template-columns:1fr 1fr}.planning-fields input,.planning-fields select{grid-column:auto}.planning-fields textarea{grid-column:1/-1}.list-topbar{align-items:flex-start}.focus-btn{font-size:.76rem;padding:.6rem .7rem}}@media(max-width:440px){.app-shell{padding-left:.65rem;padding-right:.65rem}.list-card{padding:.9rem;border-radius:24px}.app-header{padding-top:.4rem}.app-header .soft-btn:first-child{display:none}.item{grid-template-columns:48px minmax(0,1fr) 38px;gap:.45rem}.check{width:40px;height:40px}.controls-row{align-items:flex-start;flex-direction:column}.quiet-btn{align-self:flex-end}.planning-fields{grid-template-columns:1fr}.planning-fields input,.planning-fields select,.planning-fields textarea{grid-column:1/-1}.plan-actions{gap:.25rem}}