:root{--ink:#1b2921;--paper:#f4f4ef;--card:#fff;--line:#dce2d9;--muted:#6d776f;--green:#b9df86;--deep:#102219;--gold:#e8c76a;--blue:#c9e3e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#cced9c 0,transparent 28%),radial-gradient(circle at 85% 90%,#b4dce1 0,transparent 27%),#e7ede2}.auth-panel{width:min(440px,100%);padding:42px;border:1px solid #d5dfce;border-radius:26px;background:#fbfcf8;box-shadow:0 24px 70px #16311f20}.auth-mark,.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--deep);color:var(--green);font:25px "Special Elite",serif}.eyebrow{margin:0 0 8px;color:#698065;font:12px/1.2 "DM Mono",monospace;letter-spacing:.09em}.auth-panel h1{font-size:clamp(2rem,6vw,2.65rem);line-height:1.04;margin:18px 0 12px;letter-spacing:-.055em}.auth-copy{color:var(--muted);line-height:1.5;margin:0 0 26px}.auth-form{display:grid;gap:15px}.auth-form label,dialog label{display:grid;gap:7px;font-size:14px;font-weight:600}.auth-form input,dialog input,dialog textarea,dialog select,.task-adder input{width:100%;border:1px solid #cbd5c8;border-radius:11px;background:#fff;color:var(--ink);font:16px "DM Sans";padding:12px 13px;outline:none}.auth-form input:focus,dialog input:focus,dialog textarea:focus,dialog select:focus,.task-adder input:focus{border-color:#719c62;box-shadow:0 0 0 3px #b9df8655}.primary-button,.quick-add{border:0;border-radius:12px;background:var(--deep);color:#fff;padding:13px 16px;font:600 15px "DM Sans";cursor:pointer}.primary-button:disabled{opacity:.6}.auth-message{min-height:20px;margin:12px 0 0;color:#527d45;font-size:14px}.auth-message.bad{color:#ae4a42}.text-button,.signout,.focus-action{border:0;background:transparent;color:#527345;font:600 14px "DM Sans";cursor:pointer;padding:8px 0}.auth-panel>.text-button{margin-top:11px}.app{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr)}.sidebar{background:var(--deep);color:#eaf2e9;padding:24px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;color:#f5f6ee;text-decoration:none;font:20px/1 "Special Elite",serif;padding:0 8px}.brand-mark{width:34px;height:34px;border-radius:10px;font-size:20px;background:var(--green);color:var(--deep)}nav{display:grid;gap:7px;margin-top:54px}.nav-link{display:flex;align-items:center;gap:12px;border:0;border-radius:11px;background:transparent;color:#aec0ae;padding:12px;font:500 15px "DM Sans";cursor:pointer;text-align:left}.nav-link span{width:18px;text-align:center;color:#9cb698}.nav-link:hover,.nav-link.active{background:#254230;color:#fff}.nav-link.active span{color:var(--green)}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 8px;border-top:1px solid #314b39}.mini-user{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#365a41;color:var(--green);font-weight:700}.sidebar-bottom strong{display:block;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.signout{color:#9ab69d;font-size:12px;padding:2px 0}.main-content{width:min(1240px,100%);margin:0 auto;padding:42px 52px 60px}.page-header,.tool-header,.surface-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-header{margin-bottom:32px}.page-header h1,.tool-header h2,.section-heading h2{margin:0;letter-spacing:-.05em;font-size:clamp(2rem,4vw,3rem);line-height:1}.quick-add{display:flex;align-items:center;gap:7px;background:var(--ink);box-shadow:0 7px 18px #1d332018}.view{display:none}.view.active{display:block}.focus-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:30px;min-height:258px;padding:38px 42px;border-radius:26px;background:linear-gradient(120deg,#1b3527,#0d2118);color:#f6f8ef}.focus-card:after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-110px;border:1px solid #b9df8655;border-radius:50%;box-shadow:0 0 0 34px #b9df860b,0 0 0 69px #b9df8608}.focus-card h2{max-width:480px;margin:7px 0 11px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;letter-spacing:-.05em}.focus-card p:not(.eyebrow){max-width:470px;margin:0;color:#c3d0c2;line-height:1.5}.focus-action{margin-top:24px;color:var(--green)}.focus-action span{margin-left:6px}.focus-orbit{z-index:1;align-self:center;display:grid;place-items:center;align-content:center;width:156px;height:156px;border:1px solid #b9df8688;border-radius:50%;background:#b9df860c;text-align:center}.focus-orbit span,.focus-orbit small{color:#bad2ba;font:10px "DM Mono";letter-spacing:.1em}.focus-orbit b{font-size:28px;letter-spacing:-.05em;margin:8px 0}.section-heading{margin:37px 0 16px}.section-heading h2{font-size:21px}.section-heading>span{font-size:14px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-grid article,.surface,.planner-shell,.goal-card{border:1px solid var(--line);border-radius:18px;background:var(--card)}.stat-grid article{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:0 13px;padding:18px}.stat-icon{display:grid;place-items:center;grid-row:span 2;width:38px;height:38px;border-radius:11px;font-size:18px}.green{background:#e6f6ca;color:#476e2b}.gold{background:#fff1bf;color:#96751c}.blue{background:#dceff2;color:#47747c}.stat-grid strong{font-size:25px;line-height:1}.stat-grid small{color:var(--muted);font-size:13px;margin-top:5px}.home-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}.surface{padding:22px}.surface-heading h3{margin:2px 0 0;font-size:19px;letter-spacing:-.025em}.recent-notes,.mini-plan{display:grid;margin-top:18px}.recent-note{display:flex;align-items:flex-start;gap:12px;border:0;border-top:1px solid #edf0eb;background:transparent;padding:13px 0;text-align:left;color:var(--ink);cursor:pointer}.recent-note span{color:#769c51}.recent-note strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px;font-size:14px}.recent-note small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.mini-task{padding:12px 0;border-top:1px solid #edf0eb;font-size:14px}.mini-task span{display:inline-block;width:23px;color:#6e9c4e}.mini-task.done{color:#94a096;text-decoration:line-through}.empty-copy,.empty-state{color:var(--muted);font-size:14px;line-height:1.5}.tool-header{margin-bottom:25px}.tool-header h2{font-size:34px}.tool-actions{display:flex;gap:8px}.ghost-button,.filters>button,.tag-filter{border:1px solid #ced8cc;border-radius:10px;background:#fff;color:#536756;padding:9px 11px;font:500 13px "DM Sans";cursor:pointer}.filters>button.selected,.tag-filter.active{background:#e4f3c9;border-color:#b8d495;color:#355a32}.search-row{display:flex;gap:10px}.search-box{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #cad5c8;border-radius:13px;background:#fff;padding:0 14px;color:#779173}.search-box span{font-size:22px}.search-box input{width:100%;height:48px;border:0;background:transparent;outline:0;color:var(--ink);font:15px "DM Sans"}.add-button{width:48px;border:0;border-radius:13px;background:var(--deep);color:var(--green);font-size:29px;cursor:pointer}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.date-divider{display:flex;align-items:center;gap:12px;margin:40px 0 18px;color:#718072;font:11px "DM Mono";letter-spacing:.1em}.date-divider:before,.date-divider:after{content:"";height:1px;background:#d7dfd6;flex:1}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.note-card{min-height:185px;display:flex;flex-direction:column;padding:16px;border:1px solid #d9e1d7;border-radius:16px;background:#fff}.card-top{display:flex;justify-content:space-between;color:#7b877c;font:11px "DM Mono"}.card-top button,.goal-delete{border:0;background:transparent;color:#889388;font-size:18px;cursor:pointer}.note-card p{margin:16px 0;color:#26352a;font-size:14px;line-height:1.5}.note-tag,.note-untagged{width:max-content;margin-top:auto;padding:4px 6px;border-radius:5px;font:11px "DM Mono"}.note-tag{background:#f7eed1;color:#92711c}.note-untagged{color:#89948a;background:#eff2ee}.sent-status,.due{margin-top:9px;border-radius:7px;background:#edf5e7;color:#4f7a3d;padding:7px;font-size:11px}.due{background:#fff4d5;color:#977427}.task-list{display:grid;gap:8px;margin-top:0}.task-list label{display:flex;gap:7px;font-size:13px}.task-list input{accent-color:#6c9d4b}.planner-shell{display:grid;grid-template-columns:230px 1fr;overflow:hidden}.planner-date{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:430px;background:#e8f4d4;text-align:center}.planner-date p{color:#527543;font:11px "DM Mono";letter-spacing:.1em}.planner-date strong{font-size:92px;letter-spacing:-.08em;line-height:.9}.planner-date span{margin-top:9px;color:#547449;font:13px "DM Mono"}.planner-content{padding:30px}.planner-content>.surface-heading span{color:var(--muted);font-size:13px}.task-adder{display:flex;gap:9px;margin:25px 0 12px}.task-adder input{padding:11px 13px}.task-adder button{width:46px;border:0;border-radius:11px;background:var(--ink);color:var(--green);font-size:24px;cursor:pointer}.planner-list{display:grid}.planner-task{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0eb;padding:13px 0}.planner-task label{position:relative}.planner-task input{position:absolute;opacity:0}.planner-task label span{display:block;width:19px;height:19px;border:1px solid #b7c5b8;border-radius:50%}.planner-task input:checked+span{border-color:#719b52;background:#719b52}.planner-task p{flex:1;margin:0;font-size:15px}.planner-task button{border:0;background:transparent;color:#9ca69e;font-size:18px;cursor:pointer}.planner-task.done p{color:#94a096;text-decoration:line-through}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.goal-card{position:relative;padding:23px;min-height:180px}.goal-card h3{margin:7px 0 28px;font-size:20px;letter-spacing:-.025em}.goal-delete{position:absolute;right:13px;top:10px}.goal-line{height:8px;overflow:hidden;border-radius:99px;background:#edf1eb}.goal-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#739c4c,#b9df86)}.goal-footer{display:flex;justify-content:space-between;margin-top:11px;color:var(--muted);font-size:13px}.goal-footer b{color:#547849}.goals-empty{margin-top:24px}dialog{width:min(620px,calc(100% - 30px));border:1px solid #cdd8cb;border-radius:20px;background:#fbfcf8;color:var(--ink);padding:24px;box-shadow:0 25px 80px #19302033}dialog::backdrop{background:#13211688}dialog form{display:grid;gap:15px}dialog textarea{height:135px;resize:vertical}.close{position:absolute;right:13px;top:7px;border:0;background:transparent;color:#7c887d;font-size:25px;cursor:pointer}.mode-tabs{display:flex;gap:8px;border-bottom:1px solid #dce4da;padding-bottom:14px}.mode{border:1px solid #ccd7ca;border-radius:9px;background:#fff;color:#657565;padding:9px 11px;font:500 13px "DM Sans";cursor:pointer}.mode.active{border-color:#b4d486;background:#e4f3c9;color:#365832}.mode-tabs+section{display:grid;gap:9px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-fields label{font-size:13px}.date-selects{display:flex;gap:5px}.date-selects select{min-width:0;padding:9px 5px;font-size:13px}.composer-bottom{display:flex;align-items:center;gap:10px}.composer-bottom select{max-width:180px}.composer-bottom button{margin-left:auto;border:0;border-radius:10px;background:var(--deep);color:#fff;padding:11px 14px;font:600 14px "DM Sans";cursor:pointer}.tag-manager-list{display:grid;gap:8px}.tag-manager-row{display:grid;grid-template-columns:1fr auto auto;gap:7px}.tag-manager-row button,#addListItem{border:1px solid #cbd7c9;border-radius:8px;background:#fff;color:#496a48;padding:7px 9px;font:13px "DM Sans";cursor:pointer}#listItems{display:grid;gap:7px}#addListItem{width:max-content}
@media(max-width:800px){.app{display:block}.sidebar{position:sticky;z-index:5;top:0;height:auto;display:flex;flex-direction:row;align-items:center;padding:11px 15px}.brand{font-size:16px;padding:0}.brand-mark{width:30px;height:30px}.sidebar nav{display:flex;order:3;overflow-x:auto;gap:3px;margin:0 0 0 auto}.nav-link{padding:8px;font-size:0}.nav-link span{font-size:16px}.sidebar-bottom{display:none}.main-content{padding:27px 18px 45px}.focus-card{padding:28px;min-height:225px}.focus-orbit{display:none}.home-grid{grid-template-columns:1fr}.planner-shell{grid-template-columns:1fr}.planner-date{min-height:150px;flex-direction:row;gap:12px}.planner-date p,.planner-date span{margin:0}.planner-date strong{font-size:62px}.stat-grid{grid-template-columns:1fr}.tool-header{align-items:flex-end}.tool-actions{flex-wrap:wrap;justify-content:flex-end}.page-header h1{font-size:29px}}@media(max-width:480px){.brand>span:last-child{display:none}.sidebar nav{margin-left:auto}.main-content{padding:22px 14px}.page-header{margin-bottom:22px}.quick-add span{display:none}.quick-add{width:44px;height:44px;padding:0;justify-content:center;font-size:20px}.focus-card h2{font-size:29px}.tool-header{display:block}.tool-actions{margin-top:15px}.cards{grid-template-columns:1fr}.time-fields{grid-template-columns:1fr}.composer-bottom{flex-wrap:wrap}.composer-bottom select{max-width:none}.composer-bottom button{width:100%;margin:0}}
.recent-surface{margin-top:15px}.home-habit{margin-top:18px}.home-habit .habit-meter{height:8px;margin:11px 0;border-radius:9px;background:#edf1eb;overflow:hidden}.home-habit .habit-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#739c4c,#b9df86)}.home-habit p{margin:0;color:var(--muted);font-size:14px}.growth-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.surface-copy{margin:10px 0 18px;color:var(--muted);font-size:14px}.habit-list{display:grid}.habit-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0eb;padding:14px 0}.habit-row label{display:flex;align-items:center;gap:11px;flex:1;cursor:pointer}.habit-row input{width:18px;height:18px;accent-color:#6d994d}.habit-row strong{display:block;font-size:15px}.habit-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.habit-row button{border:0;background:transparent;color:#98a398;cursor:pointer;font-size:17px}.focus-timer{display:flex;flex-direction:column;align-items:center;min-height:355px;padding:29px;border-radius:18px;background:linear-gradient(155deg,#183c2a,#0e2118);color:#f4f9f1}.focus-timer h3{align-self:flex-start;margin:1px 0;font-size:22px}.timer-ring{display:grid;place-items:center;align-content:center;width:176px;height:176px;margin:24px 0 18px;border:10px solid #aada7859;border-radius:50%;box-shadow:inset 0 0 0 1px #c8ef9a44}.timer-ring strong{font-size:35px;letter-spacing:-.06em}.timer-ring span{margin-top:6px;color:#b9cfb7;font:10px "DM Mono";letter-spacing:.08em}.timer-actions{display:flex;gap:8px}.timer-actions button,.save-checkin{border:1px solid #b9df86;border-radius:10px;background:#b9df86;color:#183020;padding:10px 13px;font:600 14px "DM Sans";cursor:pointer}.timer-actions button+button{background:transparent;border-color:#b6cbb455;color:#d5e3d3}.timer-tip{margin:17px 0 0;color:#adc3ad;font-size:12px;text-align:center;line-height:1.4}.review-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-top:15px}.checkin-card h3,.weekly-card h3{margin:5px 0 21px;font-size:20px}.checkin-card label{display:block;margin:17px 0 7px;font-size:13px;font-weight:600}.checkin-card textarea,.checkin-card input{width:100%;border:1px solid #cbd5c8;border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);font:14px "DM Sans"}.checkin-card textarea{height:76px;resize:vertical}.energy-row{display:flex;gap:7px}.energy-row button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd7c9;border-radius:50%;background:#fff;color:#567052;cursor:pointer;font-weight:700}.energy-row button.active{background:#e2f2c7;border-color:#98bf72;color:#345b31}.save-checkin{margin-top:17px;border:0;background:var(--deep);color:#fff}.weekly-card{background:#f1f7e8}.weekly-prompt{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #dce8d2;padding:14px 0}.weekly-prompt span{color:#779d58;font:12px "DM Mono"}.weekly-prompt p{margin:0;font-size:14px;line-height:1.35}.weekly-card .text-button{margin-top:4px}@media(max-width:800px){.growth-grid,.review-grid{grid-template-columns:1fr}}[hidden]{display:none!important}
