:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f3f5f1;--surface:#fff;--surface-soft:#edf2ed;--surface-raised:#fafcf9;--ink:#17221c;--ink-soft:#58675f;--ink-faint:#74827a;--rule:#d6ded8;--rule-strong:#b9c6be;--accent:#155f49;--accent-hover:#0d4d3b;--accent-soft:#dceee6;--accent-ink:#0d4938;--danger:#9a3327;--danger-soft:#fbe9e5;--warning:#7c4b07;--warning-soft:#fff2d7;--shadow:0 14px 40px #1f322814;--radius:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0d1411;--surface:#151e19;--surface-soft:#1c2822;--surface-raised:#18231d;--ink:#e8efe9;--ink-soft:#aab8b0;--ink-faint:#8f9e96;--rule:#2c3932;--rule-strong:#425149;--accent:#64c9aa;--accent-hover:#82d8bd;--accent-soft:#173b30;--accent-ink:#bcebdc;--danger:#ff9c8f;--danger-soft:#48251f;--warning:#f1c36f;--warning-soft:#3d3019;--shadow:0 18px 50px #0000003d}}*{box-sizing:border-box}html{background:var(--ground);min-width:320px}body{background:radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 34rem), var(--ground);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Pretendard,system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--rule-strong);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:.65rem .75rem}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-faint)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:2px}h1,h2,p{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.72rem;font-weight:800}.brand-mark{background:var(--accent);width:42px;height:42px;color:var(--surface);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:13px;flex:0 0 42px;place-items:center;font-family:Georgia,serif;font-size:1.55rem;font-style:italic;font-weight:700;line-height:1;display:grid}.button,.icon-button,.text-button{color:inherit;border:0;text-decoration:none}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.58rem .9rem;font-size:.88rem;font-weight:750;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.button:not(:disabled):active,.icon-button:not(:disabled):active{transform:translateY(1px)}.button-primary{background:var(--accent);color:var(--surface)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{border-color:var(--rule);background:var(--surface);color:var(--ink)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){border-color:var(--rule-strong);background:var(--surface-soft)}.button-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.button-wide{width:100%}.button-small{min-height:40px;padding:.35rem .65rem;font-size:.8rem}.icon-button{border:1px solid var(--rule);background:var(--surface);border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:1.1rem;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--rule-strong);background:var(--surface-soft)}.text-button{min-height:40px;color:var(--accent);background:0 0;border-radius:8px;padding:.35rem .45rem;font-size:.78rem;font-weight:750}.text-button:hover:not(:disabled){background:var(--accent-soft)}.text-button-danger{color:var(--danger)}.text-button-danger:hover:not(:disabled){background:var(--danger-soft)}.field{gap:.35rem;display:grid}.field label,.task-edit-form>label,.space-picker label{color:var(--ink-soft);font-size:.78rem;font-weight:750}.field-compact{min-width:0}.notice{border:1px solid var(--rule);border-radius:10px;padding:.75rem .85rem;font-size:.86rem}.notice p{margin-bottom:.35rem}.notice-error,.form-error{border-color:color-mix(in srgb, var(--danger) 38%, var(--rule));background:var(--danger-soft);color:var(--danger)}.notice-warning{border-color:color-mix(in srgb, var(--warning) 38%, var(--rule));background:var(--warning-soft);color:var(--warning)}.form-error{border:1px solid;border-radius:10px;margin:0;padding:.65rem .75rem;font-size:.84rem}.live-region:empty{display:none}.app-state,.login-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.state-card,.login-card{border:1px solid var(--rule);background:color-mix(in srgb, var(--surface) 95%, transparent);width:min(100%,420px);box-shadow:var(--shadow);border-radius:22px;padding:clamp(1.4rem,5vw,2.2rem)}.state-card{text-align:center}.state-card .brand-mark{margin:0 auto 1rem}.state-card h1{letter-spacing:-.025em;margin-bottom:.55rem;font-size:1.4rem}.state-card p{color:var(--ink-soft)}.state-card .button{margin-top:.6rem}.loading-dot{background:var(--accent);border-radius:50%;width:16px;height:16px;margin:0 auto .8rem;animation:.9s ease-in-out infinite alternate breathe}@keyframes breathe{to{opacity:.3;transform:scale(.72)}}.login-card .brand-mark{margin-bottom:1.35rem}.login-card h1{letter-spacing:-.04em;margin-bottom:.4rem;font-family:Georgia,serif;font-size:2.25rem}.login-intro{color:var(--ink-soft);margin-bottom:1.5rem}.login-form{gap:.9rem;margin-top:1.1rem;display:grid}.login-divider{color:var(--ink-faint);align-items:center;gap:.8rem;margin:1.1rem 0;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{background:var(--rule);content:"";flex:1;height:1px}.login-card .live-region:not(:empty){margin-top:.9rem}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid color-mix(in srgb, var(--rule) 82%, transparent);background:color-mix(in srgb, var(--ground) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1.25rem;min-height:74px;padding:.8rem max(1rem,50vw - 590px);display:flex}.brand-lockup,.user-menu{align-items:center;gap:.7rem;min-width:0;display:flex}.brand-name{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:1.2rem;font-weight:700}.brand-subtitle,.user-copy span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;display:block;overflow:hidden}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;flex:0 0 36px;place-items:center;font-weight:800;display:grid}.user-copy{min-width:0;max-width:220px}.user-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;display:block;overflow:hidden}.workspace{width:min(100% - 2rem,1180px);margin:0 auto;padding:1.4rem 0 4rem}.workspace-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2.15rem;display:flex}.space-picker{gap:.3rem;min-width:min(260px,100%);display:grid}.space-picker select{min-height:44px;padding-block:.45rem;font-weight:700}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.date-navigator{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.1rem;display:flex}.date-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.18}.date-controls{align-items:center;gap:.45rem;display:flex}.date-controls input{min-width:145px}.quick-add{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--rule));border-radius:var(--radius);background:linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--accent-soft) 55%, var(--surface)));box-shadow:var(--shadow);margin-bottom:1.15rem;padding:1rem;position:relative;overflow:hidden}.quick-add-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.7rem;display:flex}.quick-add-heading h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}.keyboard-hint{color:var(--ink-faint);font-size:.72rem}.quick-add-form{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:.65rem;display:grid}.quick-add-input{border-color:color-mix(in srgb, var(--accent) 25%, var(--rule));min-height:50px;font-size:1rem}.destination-toggle{border:1px solid var(--rule-strong);background:var(--surface);border-radius:10px;min-height:48px;margin:0;padding:3px;display:flex;overflow:hidden}.destination-toggle label{min-height:40px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:7px;place-items:center;padding:0 .7rem;font-size:.78rem;font-weight:750;display:grid;position:relative}.destination-toggle input{opacity:0;width:1px;min-height:1px;position:absolute}.destination-toggle label:has(input:checked){background:var(--accent-soft);color:var(--accent-ink)}.destination-toggle label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:-1px}.quick-add-button{min-height:50px}.action-error{margin-bottom:1rem}.planner-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1rem;display:grid}.planner-main,.planner-side{gap:1rem;min-width:0;display:grid}.planner-side{position:sticky;top:1rem}.panel{border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);padding:1rem;box-shadow:0 5px 18px #1f32280a}.section-header{justify-content:space-between;align-items:start;gap:.8rem;margin-bottom:.8rem;display:flex}.section-header h2{letter-spacing:-.015em;margin:0;font-size:1rem}.section-header p:not(.eyebrow){color:var(--ink-soft);margin:.18rem 0 0;font-size:.76rem}.section-title-row{align-items:center;gap:.45rem;display:flex}.count-badge{background:var(--surface-soft);min-width:24px;height:24px;color:var(--ink-soft);border-radius:999px;place-items:center;font-size:.7rem;font-weight:800;display:inline-grid}.task-section-overdue{border-color:color-mix(in srgb, var(--danger) 28%, var(--rule))}.task-section-overdue .count-badge{background:var(--danger-soft);color:var(--danger)}.task-section-quiet{background:color-mix(in srgb, var(--surface-soft) 45%, var(--surface))}.empty-message,.status-copy{border:1px dashed var(--rule);color:var(--ink-soft);text-align:center;border-radius:10px;margin:0;padding:.9rem;font-size:.82rem}.task-list{gap:.55rem;display:grid}.task-card{border:1px solid var(--rule);background:var(--surface-raised);border-radius:12px;grid-template-columns:32px minmax(0,1fr);gap:.7rem;padding:.75rem;display:grid}.task-card-done{opacity:.76}.task-card-important{border-color:color-mix(in srgb, var(--warning) 42%, var(--rule));background:color-mix(in srgb, var(--warning-soft) 28%, var(--surface-raised))}.task-check{place-items:center;width:32px;min-height:40px;display:grid}.task-check input{width:20px;height:20px;min-height:20px;accent-color:var(--accent);margin:0}.task-body,.task-heading{min-width:0}.task-title-row{align-items:start;gap:.45rem;min-width:0;display:flex}.task-title{overflow-wrap:anywhere;flex:1;margin:0;font-size:.92rem;font-weight:720}.importance-button{width:44px;height:44px;color:var(--ink-faint);background:0 0;border:0;border-radius:10px;flex:0 0 44px;place-items:center;margin:-.55rem -.45rem -.55rem 0;font-size:1.15rem;display:inline-grid}.importance-button:hover:not(:disabled){background:var(--warning-soft);color:var(--warning)}.importance-button-active{color:var(--warning)}.task-card-done .task-title{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint)}.task-meta{color:var(--ink-soft);margin:.18rem 0 0;font-size:.73rem}.task-details-preview{max-height:3.25rem;color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap;margin:.38rem 0 0;font-size:.76rem;line-height:1.55;overflow:hidden}.task-actions{flex-wrap:wrap;gap:.1rem;margin-top:.35rem;display:flex}.task-editor{border-top:1px solid var(--rule);margin-top:.3rem;padding-top:.45rem}.task-editor:not([open])>:not(summary){display:none}.task-editor summary{width:fit-content;color:var(--ink-soft);cursor:pointer;border-radius:6px;font-size:.76rem;font-weight:700}.task-editor[open] summary{margin-bottom:.75rem}.task-edit-form{background:var(--surface-soft);border-radius:10px;gap:.45rem;margin-top:.65rem;padding:.65rem;display:grid}.task-edit-form textarea{min-height:110px;line-height:1.55}.edit-form-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.edit-form-footer span{color:var(--ink-faint);font-size:.72rem}.edit-row{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.schedule-grid{grid-template-columns:1.2fr .8fr .85fr;gap:.5rem;display:grid}.input-with-unit{position:relative}.input-with-unit input{padding-right:2rem}.input-with-unit span{color:var(--ink-faint);font-size:.72rem;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.note-heading,.trash-heading{align-items:center}.note-panel textarea{background:var(--surface-soft);border-color:#0000;min-height:210px;line-height:1.7}.save-status{color:var(--ink-faint);white-space:nowrap;font-size:.72rem}.save-status-error{color:var(--danger);font-weight:750}.trash-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.trash-list li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.5rem;font-size:.84rem;display:flex}.trash-list li:last-child{border-bottom:0;padding-bottom:0}.trash-list span{overflow-wrap:anywhere}.loading-panel{color:var(--ink-soft);text-align:center}.error-panel,.empty-workspace{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.error-panel h2,.empty-workspace h1{margin-bottom:.3rem;font-size:1.15rem}.error-panel p:not(.eyebrow),.empty-workspace p:not(.eyebrow){color:var(--ink-soft);margin:0;font-size:.84rem}@media (max-width:860px){.planner-grid{grid-template-columns:minmax(0,1fr) 290px}.user-copy{display:none}}@media (max-width:720px){.topbar{min-height:66px;padding-inline:1rem}.brand-subtitle,.avatar{display:none}.workspace{width:min(100% - 1.25rem,100%);padding-top:1rem}.workspace-toolbar,.date-navigator{flex-direction:column;align-items:stretch}.workspace-toolbar{margin-bottom:1.5rem}.toolbar-actions{justify-content:stretch}.toolbar-actions .button{flex:1}.date-controls{grid-template-columns:44px minmax(0,1fr) auto 44px;display:grid}.date-controls input{min-width:0}.quick-add-form{grid-template-columns:minmax(0,1fr) auto}.quick-add-input{grid-column:1/-1}.destination-toggle{min-width:0}.planner-grid{grid-template-columns:minmax(0,1fr)}.planner-side{position:static}.schedule-grid{grid-template-columns:1fr 1fr}.schedule-grid .field:last-child{grid-column:1/-1}}@media (max-width:420px){.topbar .brand-mark{flex-basis:38px;width:38px;height:38px}.topbar .button-ghost{padding-inline:.55rem}.date-controls{grid-template-columns:40px minmax(0,1fr) auto 40px}.date-controls .button-secondary{min-height:42px;padding-inline:.55rem;font-size:.78rem}.quick-add-heading{flex-direction:column;align-items:start;gap:.2rem}.keyboard-hint{display:none}.quick-add-form{grid-template-columns:1fr}.destination-toggle,.quick-add-button{width:100%}.destination-toggle label{flex:1}.edit-row,.schedule-grid{grid-template-columns:1fr}.schedule-grid .field:last-child{grid-column:auto}.error-panel,.empty-workspace{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
