:root{--radius-sm:8px;--radius:14px;--radius-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.25rem;--text-3xl:3rem;--leading:1.6;--tracking-tight:-.011em;--transition:.2s cubic-bezier(.4, 0, .2, 1);--bg:#f5f3ee;--surface:#fbfaf6;--surface-2:#efece4;--text:#313a3d;--text-muted:#5c666a;--text-soft:#8a9296;--accent:#7c9885;--accent-strong:#5f7e69;--accent-soft:#e3ebe4;--accent-contrast:#fff;--secondary:#8aa7b4;--border:#e2ddd2;--border-strong:#cfc8ba;--success:#6e9b78;--notice:#c9a35e;--focus:#5f7e69;--shadow:0 1px 2px #313a3d0a, 0 6px 20px #313a3d0f;--logo-text:#3f4346}[data-theme=focus]{--bg:#f2f3f1;--surface:#fff;--surface-2:#e9ebe8;--text:#23292b;--text-muted:#4a5458;--text-soft:#828a8d;--accent:#4d6a57;--accent-strong:#3c5645;--accent-soft:#e2e9e3;--accent-contrast:#fff;--secondary:#6f8d95;--border:#d6d8d3;--border-strong:#b9bcb6;--success:#4d6a57;--notice:#b98f3f;--focus:#3c5645;--shadow:none}[data-theme=evening]{--bg:#181c20;--surface:#20262b;--surface-2:#272e34;--text:#e7e4dd;--text-muted:#aab2b5;--text-soft:#7e878b;--accent:#8fb39a;--accent-strong:#a6c6b0;--accent-soft:#2b3a32;--accent-contrast:#16201a;--secondary:#94b3c1;--border:#2e353b;--border-strong:#3c454c;--success:#8fb39a;--notice:#d4b577;--focus:#a6c6b0;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--logo-text:#e3dcd0}[data-theme=high-contrast]{--bg:#fff;--surface:#fff;--surface-2:#eef0f1;--text:#111418;--text-muted:#2b3136;--text-soft:#45525a;--accent:#1f5d7a;--accent-strong:#154457;--accent-soft:#d8eaf2;--accent-contrast:#fff;--secondary:#1f5d7a;--border:#5a6b73;--border-strong:#2b3136;--success:#15616d;--notice:#8a5a00;--focus:#1f5d7a;--shadow:none;--logo-text:#111418}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--transition), color var(--transition)}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:600;line-height:1.2}p{color:var(--text-muted)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{padding:0;list-style:none}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-3);display:flex}.brand-logo{width:100px;height:auto;display:block}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.icon-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);transition:border-color var(--transition), background var(--transition);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--border-strong)}.icon-btn svg{width:20px;height:20px}.area-pill{align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;display:inline-flex}.area-pill .ico{color:var(--accent-strong);display:inline-flex}.area-pill .ico svg{width:15px;height:15px}.theme-field{align-items:center;gap:var(--space-2);display:inline-flex}.theme-field label{font-size:var(--text-xs);color:var(--text-soft)}.theme-select{font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:999px}.modebar{z-index:20;padding:var(--space-2) var(--space-4) var(--space-3);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:64px}.modebar-label{font-size:var(--text-xs);color:var(--text-soft);padding:0 var(--space-1) var(--space-2)}.modebar-track{gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--radius);scrollbar-width:thin;display:flex;overflow-x:auto}.seg{white-space:nowrap;font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);border:1px solid #0000}.seg:hover{color:var(--text)}.seg.is-active{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow);font-weight:600}.surface{padding:var(--space-6) var(--space-5) var(--space-10);flex:1}.content{max-width:720px;margin:0 auto}.drawer-backdrop{z-index:50;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#14181a47;position:fixed;inset:0}.drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.drawer-panel{z-index:51;background:var(--surface);border-right:1px solid var(--border);width:min(320px,86vw);height:100dvh;transition:transform var(--transition);padding:var(--space-5) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 0 40px #14181a1f}.drawer-panel[data-open=true]{transform:translate(0)}.drawer-head{padding:0 var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.drawer-head .brand-logo{width:108px}.nav-group-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);padding:var(--space-4) var(--space-2) var(--space-1)}.nav-item{align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-3);border-radius:var(--radius);color:var(--text);font-size:var(--text-base);transition:background var(--transition), border-color var(--transition);border:1px solid #0000;display:flex}.nav-item:hover{background:var(--surface-2)}.nav-item[data-active=true]{background:var(--accent-soft);border-color:var(--border);color:var(--accent-strong);font-weight:600}.nav-item .ico{color:var(--accent-strong);display:inline-flex}.nav-item .ico svg{width:18px;height:18px}.nav-item .soon{font-size:var(--text-xs);color:var(--text-soft);border:1px solid var(--border);padding:1px var(--space-2);border-radius:999px;margin-left:auto}.greeting{margin-bottom:var(--space-5);text-align:center}.greeting h1{font-size:var(--text-2xl)}.greeting .date{font-size:var(--text-sm);color:var(--text-soft);margin-top:var(--space-1)}.avatars{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.avatars .all{align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--border);border-radius:999px;display:inline-flex}.avatars .who{background:var(--surface);border:1px solid var(--border);width:30px;height:30px;font-size:var(--text-xs);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.q-eyebrow{font-size:var(--text-sm);color:var(--text-soft)}.q-title{font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-5);text-align:center;font-weight:600}.grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;max-width:560px;margin:0 auto;display:grid}@media (max-width:720px){.grid{grid-template-columns:1fr}}.col{gap:var(--space-4);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5)}.card .eyebrow{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.card h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.muted{color:var(--text-soft);font-size:var(--text-sm)}.pill{font-size:var(--text-xs);color:var(--text-soft);border:1px solid var(--border);padding:2px var(--space-3);border-radius:999px;display:inline-block}.next-task{align-items:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}.next-task .badge{background:var(--accent-soft);width:54px;height:54px;color:var(--accent-strong);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.next-task .badge svg{width:26px;height:26px}.next-task .title{font-size:var(--text-xl);font-weight:600}.next-task .sub{font-size:var(--text-sm);color:var(--text-soft)}.tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:999px}.actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:1px solid var(--accent-strong);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-base);transition:background var(--transition);font-weight:500;display:inline-flex}.btn:hover{background:var(--accent-strong)}.btn svg{width:16px;height:16px}.btn.ghost{color:var(--accent-strong);border-color:var(--border-strong);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.tasklist{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.task-row{align-items:center;gap:var(--space-3);font-size:var(--text-base);display:flex}.task-row.done{color:var(--text-soft)}.task-row.done .label{text-decoration:line-through}.check{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.check.on{background:var(--accent);color:var(--accent-contrast)}.check.on svg{width:13px;height:13px}.check.off{border:1.5px solid var(--border-strong)}.task-row .when{font-size:var(--text-sm);color:var(--text-soft);margin-left:auto}.ring-wrap{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.dial{--pct:0;background:radial-gradient(closest-side, var(--surface) 74%, transparent 75% 100%), conic-gradient(var(--accent) calc(var(--pct) * 1%), var(--accent-soft) 0);border-radius:50%;place-items:center;width:104px;height:104px;display:grid}.dial span{font-size:var(--text-xl);color:var(--text);font-weight:600}.bar{background:var(--surface-2);height:8px;margin-top:var(--space-2);border-radius:999px;overflow:hidden}.bar>i{background:var(--accent);border-radius:999px;height:100%;display:block}.mini-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.mini{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.mini .time{font-size:var(--text-xs);color:var(--text-soft)}.mini .name{font-size:var(--text-base);margin-top:var(--space-1);font-weight:500}.braindump-field{resize:vertical;background:var(--surface);width:100%;min-height:40vh;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);font:inherit;line-height:var(--leading)}.braindump-field::placeholder{color:var(--text-soft)}.confirm{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--text-base)}.thoughts{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.thoughts li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--text)}.protect-actions{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.protect-action{align-items:center;gap:var(--space-3);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:var(--space-4);color:var(--text);font-size:var(--text-base);display:flex}.protect-action:hover{border-color:var(--border-strong)}.protect-action .ico{color:var(--accent-strong);display:inline-flex}.protect-action .ico svg{width:20px;height:20px}.stub{text-align:center;max-width:560px;margin:0 auto}.stub .card,.stub .composer{text-align:left}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row.end{justify-content:flex-end}.section-label{font-size:var(--text-sm);color:var(--text-soft);margin:var(--space-6) 0 var(--space-3)}input[type=text],input[type=email],input[type=password],textarea,select{font:inherit}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);color:var(--text-muted)}.input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);transition:border-color var(--transition)}.input:hover{border-color:var(--border-strong)}.input::placeholder{color:var(--text-soft)}.auth-wrap{min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;display:grid}.auth-card{width:100%;max-width:380px}.auth-card .brand-logo{width:132px;height:auto;margin:0 auto var(--space-5);display:block}.auth-card h1{font-size:var(--text-xl);text-align:center;margin-bottom:var(--space-2)}.auth-card .sub{text-align:center;font-size:var(--text-sm);color:var(--text-soft);margin-bottom:var(--space-5)}.auth-error{background:color-mix(in srgb, var(--notice) 16%, var(--surface));border:1px solid var(--notice);color:var(--text);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-alt{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-soft)}.btn.block{justify-content:center;width:100%}.add-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--accent-strong);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-sm);transition:background var(--transition);border-radius:999px;font-weight:500;display:inline-flex}.add-btn:hover{background:var(--accent-strong)}.add-btn svg{width:16px;height:16px}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);margin-bottom:var(--space-5)}.composer .composer-row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.composer .grow{flex:220px}.composer select.input,.composer .narrow{flex:none;width:auto}.loading,.empty{color:var(--text-soft);font-size:var(--text-sm);padding:var(--space-4) 0}.center-screen{min-height:100dvh;color:var(--text-soft);place-items:center;display:grid}.account-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.triage-list{margin:var(--space-3) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.triage-row{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.triage-row:first-child{border-top:0}.triage-title{color:var(--text);font-size:var(--text-base)}.triage-controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.triage-controls .input.narrow{width:auto;padding:var(--space-2) var(--space-3)}.routine-list{margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.routine-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);display:flex}.routine-row:first-child{border-top:0}.routine-title{color:var(--text);flex:auto}.routine-row.resting .routine-title{color:var(--text-muted)}.routine-meta{color:var(--text-soft);font-size:var(--text-sm);white-space:nowrap}.check.done{background:var(--accent);width:22px;height:22px;color:var(--accent-contrast);border:1px solid var(--accent-strong);border-radius:999px;flex:none;place-items:center;display:inline-grid}.link-btn{color:var(--text-soft);font:inherit;font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:0}.link-btn:hover{color:var(--text);background:var(--surface-2,var(--surface))}.freeze-trigger{z-index:900;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--surface);color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition);border-right:0;font-weight:500;display:inline-flex;position:fixed;top:calc(50% - 30px);right:0;transform:translateY(-50%);box-shadow:-8px 0 28px #0000001a}.freeze-trigger:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent-strong);transform:translateY(-50%)translate(-4px);box-shadow:-12px 0 34px #00000029}@media (max-width:560px){.freeze-trigger{font-size:var(--text-xs);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4)}}.freeze-overlay{z-index:1000;background:var(--bg);padding:var(--space-6) var(--space-5);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.freeze-inner{text-align:center;width:100%;max-width:460px}.freeze-step{gap:var(--space-4);flex-direction:column;display:flex}.freeze-step.center{align-items:center}.freeze-seed{font-size:2.6rem;line-height:1}.freeze-seed.big{font-size:3.4rem}.freeze-lead{font-size:var(--text-xl);color:var(--text)}.freeze-soft{color:var(--text-soft);font-size:var(--text-base);line-height:var(--leading)}.freeze-q{font-size:var(--text-xl);color:var(--text)}.freeze-target{font-size:var(--text-2xl);color:var(--text);line-height:1.3}.freeze-actions{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;align-items:center;width:100%;display:flex}.freeze-actions .btn.block{max-width:320px}.freeze-options{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.freeze-option{text-align:left;width:100%;font:inherit;font-size:var(--text-base);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;transition:border-color var(--transition), background var(--transition)}.freeze-option:hover{border-color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.btn.big{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.breath{place-items:center;width:160px;height:160px;display:grid}.breath-core{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 60%, var(--surface)), var(--accent));width:120px;height:120px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;animation:6s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent);transform:scale(.82)}50%{box-shadow:0 0 0 26px color-mix(in srgb, var(--accent) 0%, transparent);transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.breath-core{animation-duration:12s}}.freeze-sound{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;align-items:center;display:flex}.freeze-sound-opts{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.chip{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px}.chip.on{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent-strong)}.chip:disabled{opacity:.5;cursor:default}.seed-check{text-align:center;flex:none;width:22px;font-size:15px}.theme-toggle{gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.tt-btn{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:0;border-radius:999px}.tt-btn:hover{color:var(--text)}.tt-btn.on{background:var(--accent);color:var(--accent-contrast)}.theme-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.tt-btn.block{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:var(--space-3);background:var(--surface)}.tt-btn.block.on{border-color:var(--accent-strong)}.support-trigger{z-index:900;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--surface);color:var(--text-soft);border:1px solid var(--border);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition);border-right:0;display:inline-flex;position:fixed;top:calc(50% + 30px);right:0;transform:translateY(-50%);box-shadow:-8px 0 28px #00000014}.support-trigger:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent-strong);transform:translateY(-50%)translate(-4px);box-shadow:-12px 0 34px #00000024}@media (max-width:560px){.support-trigger{font-size:var(--text-xs);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4)}}