@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,650&family=Figtree:wght@400;500;600;700&display=swap";:root{--ink:#121c24;--ink-soft:#4a5d6a;--accent:#0f6b5c;--accent-deep:#16333f;--accent-mist:#d9ece7;--paper:#eef3f6;--surface:#fff;--line:#121c241a;--line-strong:#121c242e;--down:#9a3f2d;--today:#9a7a12;--tomorrow:#0f6b5c;--shadow:0 18px 40px #16333f12;--radius:18px;--font-display:"Newsreader", Georgia, serif;--font-body:"Figtree", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(ellipse 80% 50% at 8% -10%, #0f6b5c2e, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 0%, #16333f14, transparent 50%), linear-gradient(180deg, #e8eef2 0%, var(--paper) 42%, #e4ebf0 100%);background-attachment:fixed;margin:0}#root{min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.page{width:min(1100px,100% - 2rem);margin:0 auto;padding:2.25rem 0 3.25rem}.page--gate{justify-content:center;align-items:center;min-height:70vh;display:flex}.gate{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:28rem;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.75rem;display:flex}.hero__brand{font-family:var(--font-display);color:var(--accent-deep);letter-spacing:-.02em;font-size:1.25rem;font-weight:650;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-weight:650}h1{font-size:2rem;line-height:1.15}h2{font-size:1.35rem}.kicker{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .2rem;font-size:.72rem;font-weight:600}.muted{color:var(--ink-soft)}.muted a{color:var(--accent)}.error{color:var(--down);margin:0 0 1rem}.btn{background:var(--accent-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.05rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){background:#1d4452}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn--ghost:hover:not(:disabled){background:#121c240a}.btn--danger{color:var(--down);background:0 0;border:1px solid #9a3f2d47}.btn--danger:hover:not(:disabled){background:#9a3f2d14}.btn--small{padding:.3rem .7rem;font-size:.85rem;font-weight:500}.app{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffd1;flex-shrink:0;justify-content:space-between;align-items:center;padding:.7rem 1.25rem .7rem 1.15rem;display:flex;position:sticky;top:0}.top-leading{align-items:center;gap:.55rem;min-width:0;display:flex}.top-nav{align-items:center;gap:1rem;font-size:.92rem;display:flex}.sync-mark{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.sync-spinner{border:1.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:.7rem;height:.7rem;margin-top:.22rem;animation:.65s linear infinite sync-spin;display:inline-block}.sync-mark .sync-spinner{margin-top:0}@keyframes sync-spin{to{transform:rotate(360deg)}}.nav-hamburger{appearance:none;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;padding:0;display:none}.nav-hamburger-bars{flex-direction:column;justify-content:center;gap:.28rem;width:1.05rem;display:flex}.nav-hamburger-bars span{background:var(--accent-deep);border-radius:99px;width:100%;height:2px;transition:transform .18s,opacity .18s;display:block}.nav-hamburger.is-open .nav-hamburger-bars span:first-child{transform:translateY(.35rem)rotate(45deg)}.nav-hamburger.is-open .nav-hamburger-bars span:nth-child(2){opacity:0}.nav-hamburger.is-open .nav-hamburger-bars span:nth-child(3){transform:translateY(-.35rem)rotate(-45deg)}.sidebar-backdrop{display:none}.nav-account{position:relative}.nav-avatar{appearance:none;width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;background:linear-gradient(160deg,#d5e0d8 0%,#c0cfc6 100%);border:1px solid #121c242e;border-radius:999px;place-items:center;padding:0;font-size:.72rem;font-weight:600;transition:border-color .16s,box-shadow .16s;display:inline-grid;overflow:hidden}.nav-avatar.has-photo{background:#ddd}.nav-avatar img{object-fit:cover;width:100%;height:100%;display:block}.nav-avatar:hover,.nav-avatar.open{border-color:var(--accent);box-shadow:0 0 0 3px #0f6b5c24}.nav-menu{z-index:50;border:1px solid var(--line);min-width:min(16rem,100vw - 2rem);box-shadow:var(--shadow);background:#fffffffa;border-radius:12px;flex-direction:column;gap:.15rem;padding:.4rem;animation:.18s ease-out both nav-pop;display:flex;position:absolute;top:calc(100% + .45rem);right:0}@keyframes nav-pop{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-menu-identity{border-bottom:1px solid var(--line);flex-direction:column;gap:.15rem;margin-bottom:.15rem;padding:.45rem .65rem .55rem;display:flex}.nav-menu-identity strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.nav-menu-identity span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.nav-menu-item{appearance:none;text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:2.75rem;padding:.7rem .65rem;font-size:.9rem;text-decoration:none;display:block}.nav-menu-item:hover{background:#0f6b5c1a}.nav-menu-item.danger{color:var(--down)}.nav-menu-item.danger:hover{background:#9a3f2d14}.shell{flex:1;grid-template-columns:248px minmax(0,1fr);min-height:0;transition:grid-template-columns .2s;display:grid}.shell.is-collapsed{grid-template-columns:4.25rem minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#ffffff6b;min-width:0;min-height:0;padding:1.1rem .85rem 1.5rem;overflow:auto}.sidebar-head{justify-content:space-between;align-items:center;gap:.35rem;margin:0 0 .75rem;padding:0 .15rem 0 .7rem;display:flex}.sidebar h2{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;padding:0;font-size:.72rem;font-weight:600}.sidebar-toggle{appearance:none;border:1px solid var(--line);width:1.85rem;height:1.85rem;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;padding:0;font-size:1.15rem;line-height:1}.sidebar-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.sidebar-initials{display:none}.sidebar ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.sidebar a{color:inherit;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:.12rem;padding:.65rem .75rem;text-decoration:none;display:flex}.sidebar a strong{font-weight:600}.sidebar-meta{color:var(--ink-soft);font-size:.78rem}.sidebar a:hover{background:#ffffffb3}.sidebar a.is-active{background:var(--accent-mist);border-color:#0f6b5c2e;box-shadow:0 0 0 1px #0f6b5c14}.shell.is-collapsed .sidebar{padding:1rem .55rem 1.5rem}.shell.is-collapsed .sidebar-head{justify-content:center;margin-bottom:.85rem;padding:0}.shell.is-collapsed .sidebar h2,.shell.is-collapsed .sidebar-empty,.shell.is-collapsed .sidebar a strong,.shell.is-collapsed .sidebar-meta{display:none}.shell.is-collapsed .sidebar-initials{letter-spacing:.02em;border-radius:10px;place-items:center;width:2.15rem;height:2.15rem;font-size:.72rem;font-weight:700;display:grid}.shell.is-collapsed .sidebar a{align-items:center;padding:.2rem}.shell.is-collapsed .sidebar a.is-active .sidebar-initials{background:#0f6b5c29}.main{flex-direction:column;min-width:0;min-height:0;padding:1.1rem 1.25rem 1.25rem;display:flex}.main>.panel,.main>.split{flex:1;width:100%;min-height:0}.main>.panel{flex-direction:column;display:flex;overflow:hidden auto}.main>.panel.panel--settings{flex:auto;align-self:stretch}.panel--settings>h1{margin-bottom:1.25rem}.settings-body{flex-direction:column;gap:1.75rem;width:min(36rem,100%);display:flex}.settings-block h2{margin:0 0 .4rem}.settings-block .muted{max-width:36rem;margin:0 0 .7rem;line-height:1.45}.settings-block .stack{margin:0}.settings-block .row{margin-top:.15rem}.panel--settings .context-edit{margin-top:1.1rem}.panel--settings .context-edit li{border:1px solid var(--line);background:#f7fafb;border-radius:12px;align-items:center;margin:0;padding:.75rem .9rem}.panel--settings .context-edit li+li{margin-top:.45rem}.panel--settings .context-edit li:last-child{border-bottom:1px solid var(--line)}.panel--detail{align-self:stretch;padding:1.25rem 1.4rem 1.5rem;position:static;overflow:hidden auto}.panel--detail .stack{padding-inline:.15rem}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.panel-head-lead{flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.panel-head .context-tabs,.panel-head h1,.panel-head h2{margin:0}.panel-count{white-space:nowrap;margin:.35rem 0 0;font-size:.88rem}.panel-head-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.overflow-menu{position:relative}.kebab{appearance:none;border:1px solid var(--line);width:2.15rem;height:2.15rem;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;place-items:center;padding:0;display:inline-grid}.kebab-dots{flex-direction:column;justify-content:center;align-items:center;gap:.18rem;width:.85rem;display:flex}.kebab-dots span{background:currentColor;border-radius:1px;width:.22rem;height:.22rem;display:block}.kebab:hover,.kebab.is-open{color:var(--ink);border-color:var(--line-strong)}.panel-head-actions .panel-count{margin:0}.split{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.split.has-detail{grid-template-columns:minmax(0,1.2fr) minmax(280px,24rem)}.split>.panel{flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.stack{flex-direction:column;gap:1rem;margin:.35rem 0 1rem;display:flex}.stack label{color:var(--ink-soft);flex-direction:column;gap:.45rem;font-size:.88rem;font-weight:600;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.kind-pick{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.kind-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;margin:0;padding:.85rem .95rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.kind-card strong{font-family:var(--font-display);font-size:1.05rem}.kind-card span{color:var(--ink-soft);font-size:.88rem;font-weight:400;line-height:1.35}.kind-card:hover{border-color:var(--line-strong)}.kind-card.is-active{border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 1px var(--accent)}.kind-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.7rem .9rem}.dialog{border:1px solid var(--line);border-radius:var(--radius);width:min(28rem,100vw - 2rem);box-shadow:var(--shadow);color:inherit;background:#fff;margin:auto;padding:1.2rem 1.3rem 1.35rem}.dialog::backdrop{background:#121c2466}.dialog-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.dialog-head h2,.dialog .stack{margin:0}.dialog--confirm .dialog-copy{margin:0 0 1.1rem;line-height:1.45}.dialog--confirm .row{justify-content:flex-end}.due-field{align-items:center;gap:.45rem;min-width:0;padding-right:.2rem;display:flex}.due-field input[type=date]{min-width:9.5rem}.field-caption{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.due-quick{flex-wrap:wrap;gap:.45rem;display:flex}.due-quick button{appearance:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:.38rem .85rem;font-size:.78rem;font-weight:600}.due-quick button:hover{color:var(--ink);border-color:var(--line-strong)}.due-quick button.is-active{background:var(--accent-mist);color:var(--accent);border-color:#0f6b5c47}.tasks,.comments,.context-edit{margin:0;padding:0;list-style:none}.tasks li,.comments li,.context-edit li{border-bottom:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:.75rem;min-width:0;max-width:100%;margin:0;padding:.85rem .8rem;display:flex}.tasks li:last-child{border-bottom:0}.tasks li:hover{background:#f7fafb}.tasks li.is-open{background:var(--accent-mist);border-bottom-color:#0000;padding:.95rem .9rem}.task-open{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;gap:.35rem;min-width:0;padding:0;display:flex}.task-top{justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;display:flex}.task-main{flex:1;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.task-title{overflow-wrap:anywhere;min-width:0;font-weight:600;line-height:1.35}.task-meta{flex-wrap:wrap;align-items:center;gap:.4rem;padding-left:1.1rem;display:flex}.task-due{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-top:.12rem;font-size:.82rem;line-height:1.35}.task-due.is-overdue{color:var(--down)}.chip{color:var(--ink-soft);background:#121c240f;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.chip.is-today{color:var(--today);background:#e8c43052}.chip.is-tomorrow{background:var(--accent-mist);color:var(--tomorrow)}.chip.is-overdue{color:var(--down);background:#9a3f2d1f}.chip.is-label{background:#121c240d;font-weight:500}.label-picker{flex-direction:column;gap:.45rem;display:flex}.label-add{align-items:center;gap:.45rem;display:flex}.label-add input{flex:1;min-width:0}.inline-code{word-break:break-all;font-size:.8rem}.key-reveal{border:1px solid var(--line);background:#f7fafb;border-radius:14px;margin:.75rem 0 1rem;padding:.85rem .95rem}.key-reveal code{word-break:break-all;background:#fff;border-radius:10px;margin:.45rem 0 .75rem;padding:.55rem .65rem;font-size:.82rem;display:block}.check{z-index:2;cursor:pointer;flex:0 0 1rem;width:1rem;height:1rem;margin-top:.18rem;display:block;position:relative}.check input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.check-box{box-sizing:border-box;border:1px solid var(--ink);pointer-events:none;background:#fff;border-radius:0;width:1rem;height:1rem;display:block;overflow:hidden}.check:hover .check-box{border-color:var(--accent)}.check input:checked+.check-box{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='square' stroke-linejoin='miter' d='M2 6.2 4.7 8.9 10 3.1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.7rem .7rem}.check:hover input:checked+.check-box{background-color:var(--accent-deep);border-color:var(--accent-deep)}.prio{background:#c5d0d6;border-radius:50%;flex:none;width:.55rem;height:.55rem;margin-top:.4rem;box-shadow:0 0 0 3px #c5d0d659}.prio-2{background:#3d7ea6;box-shadow:0 0 0 3px #3d7ea62e}.prio-3{background:#c47a2c;box-shadow:0 0 0 3px #c47a2c2e}.prio-4{background:#9a3f2d;box-shadow:0 0 0 3px #9a3f2d2e}.comments li{justify-content:space-between;align-items:flex-start}.comments p{margin:0;line-height:1.45}.context-edit li{justify-content:space-between;align-items:center}.context-edit div{flex-direction:column;gap:.15rem;display:flex}.context-tabs,.range-pills{flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;display:flex}.context-tabs a,.range-pills a{color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.context-tabs a.is-active,.range-pills a.is-active{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.context-tabs a:hover:not(.is-active),.range-pills a:hover:not(.is-active){border-color:var(--line-strong);color:var(--ink)}.history-head-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.75rem;display:flex}.history-head-meta .panel-count{margin:0}.history-since{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem .65rem;display:flex}.history-since label{color:var(--ink-soft);align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;display:inline-flex}.history-since input[type=month]{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.32rem .55rem}.history-day h2{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:.75rem;margin:1rem 0 .15rem;font-size:.78rem;font-weight:600;display:flex}.history-day h2 span{letter-spacing:0;text-transform:none;font-weight:500}.completed-block{margin-top:.75rem}.completed-block h2{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:.5rem 0 .15rem;font-size:.78rem;font-weight:600}.task-title.is-done{color:var(--ink-soft);font-weight:500;text-decoration:line-through;text-decoration-thickness:1px}@media (width<=860px){.nav-hamburger{display:inline-flex}.top{z-index:50;padding:.55rem .75rem}.shell,.shell.is-collapsed,.split,.split.has-detail,.kind-pick{grid-template-columns:1fr}.sidebar-backdrop{z-index:40;opacity:0;pointer-events:none;background:#121c2461;border:0;margin:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.shell.drawer-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar,.shell.is-collapsed .sidebar{z-index:45;border-right:1px solid var(--line);width:min(18.5rem,86vw);box-shadow:var(--shadow);background:#fff;padding:1rem .85rem 1.5rem;transition:transform .22s;display:block;position:fixed;top:3.35rem;bottom:0;left:0;overflow:auto;transform:translate(-105%)}.shell.drawer-open .sidebar,.shell.drawer-open.is-collapsed .sidebar{transform:translate(0)}.sidebar-toggle{display:none}.shell.is-collapsed .sidebar-head{justify-content:space-between;margin-bottom:.75rem;padding:0 .15rem 0 .7rem}.shell.is-collapsed .sidebar h2,.shell.is-collapsed .sidebar-empty,.shell.is-collapsed .sidebar a strong,.shell.is-collapsed .sidebar-meta{display:block}.shell.is-collapsed .sidebar-initials{display:none}.shell.is-collapsed .sidebar a{align-items:stretch;padding:.65rem .75rem}.panel--detail{position:static}.main{padding:.7rem .7rem 1rem}.panel{border-radius:14px;padding:.95rem .95rem 1.1rem}h1{font-size:1.55rem}.panel-head{gap:.6rem;margin-bottom:.75rem}.context-tabs,.range-pills{margin-bottom:.75rem}}