:root{--ink:#0b1f33;--paper:#fff;--mist:#f6f8fb;--slate:#47576b;--cloud:#8494a8;--line:#e6eaf0;--line-strong:#d4dbe4;--success:#1e7a5a;--warning:#b8860b;--error:#c0392b;--error-soft:#fbedeb;--warning-soft:#fbf3df;--sp:#0b1f33;--bookk:#0f9384;--acct:#8e2f3f;--payge:#0a6fde;--dig1t:#6b40c4;--accent:var(--sp);--accent-soft:#edf1f7;--inverse-bg:var(--ink);--inverse-fg:#fff;--inverse-hover:#ffffff24;--hover:#0b1f330f;--dot:#0b1f3324;--font-display:"Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:13.5px;--text-base:16px;--text-lg:20px;--text-xl:25px;--text-2xl:31px;--text-3xl:39px;--text-4xl:49px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 2px #0b1f330f;--shadow-md:0 4px 12px #0b1f3314;--shadow-lg:0 12px 32px #0b1f331f;--fast:.12s ease;--base:.2s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eef2f7;--paper:#0a1826;--mist:#10233a;--slate:#b9c4d2;--cloud:#7d8ca0;--line:#1e2f45;--line-strong:#2b3f5a;--accent:#eef2f7;--accent-soft:#1a3050;--error-soft:#c0392b38;--warning-soft:#b8860b38;--inverse-bg:#eef2f7;--inverse-fg:#0b1f33;--inverse-hover:#0b1f331f;--hover:#ffffff14;--dot:#eef2f71f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#eef2f7;--paper:#0a1826;--mist:#10233a;--slate:#b9c4d2;--cloud:#7d8ca0;--line:#1e2f45;--line-strong:#2b3f5a;--accent:#eef2f7;--accent-soft:#1a3050;--error-soft:#c0392b38;--warning-soft:#b8860b38;--inverse-bg:#eef2f7;--inverse-fg:#0b1f33;--inverse-hover:#0b1f331f;--hover:#ffffff14;--dot:#eef2f71f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;min-height:100dvh;transition:background var(--base), color var(--base);line-height:1.6}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--mist);color:var(--ink);white-space:nowrap;border-bottom-width:2px;padding:2px 7px;font-size:11px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.thread{background:linear-gradient(90deg, var(--sp), var(--bookk), var(--acct), var(--payge), var(--dig1t));height:3px;margin-top:env(safe-area-inset-top,0px)}.app{max-width:600px;padding:0 var(--s5) calc(var(--s8) + env(safe-area-inset-bottom,0px));margin:0 auto}@media (width<=640px){.app{padding-left:var(--s4);padding-right:var(--s4)}}.hero{isolation:isolate;padding:var(--s6) 0 var(--s5);position:relative}.hero:before{content:"";inset:0 calc(-1 * var(--s5));z-index:-1;pointer-events:none;background-image:radial-gradient(circle, var(--dot) 1.1px, transparent 1.1px);background-size:22px 22px;position:absolute;-webkit-mask-image:radial-gradient(75% 95% at 50% 45%,#000 15%,#0000 100%);mask-image:radial-gradient(75% 95% at 50% 45%,#000 15%,#0000 100%)}.topbar{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s6);display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:var(--s2);font-size:17px;font-weight:800;display:flex}.logo .mark{background:var(--accent);border-radius:3px;width:10px;height:10px}.date{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cloud);font-weight:500}.display{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.03em;font-weight:700;line-height:1.08}@media (width<=640px){.display{font-size:var(--text-3xl)}}.sub{color:var(--slate);font-size:var(--text-sm);margin-top:var(--s2)}.seg{gap:var(--s1);padding:var(--s1);background:var(--mist);border:1px solid var(--line);margin-bottom:var(--s4);border-radius:10px;grid-template-columns:1fr 1fr;display:grid}.seg-btn{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s3);border-radius:var(--r-md);letter-spacing:-.01em;color:var(--slate);transition:background var(--fast), color var(--fast), box-shadow var(--fast);font-size:14.5px;font-weight:600;display:flex}.seg-btn:hover{color:var(--ink)}.seg-btn.active{background:var(--inverse-bg);color:var(--inverse-fg);box-shadow:var(--shadow-sm)}.seg-btn .count{font-size:var(--text-xs);background:var(--hover);min-width:22px;color:var(--slate);border-radius:999px;padding:1px 7px;font-weight:500;line-height:1.5}.seg-btn.active .count{background:var(--inverse-hover);color:var(--inverse-fg)}.btn{align-items:center;gap:var(--s2);border-radius:var(--r-md);letter-spacing:-.01em;transition:transform var(--fast), box-shadow var(--fast), background var(--fast), opacity var(--fast);border:none;padding:11px 20px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--inverse-bg);color:var(--inverse-fg)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{border-radius:var(--r-sm);min-height:36px;padding:7px 14px;font-size:13px}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.add{align-items:center;gap:var(--s2);padding:var(--s1) var(--s1) var(--s1) var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);margin-bottom:var(--s5);transition:border-color var(--fast), box-shadow var(--fast);display:flex}.add:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.add input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 0;font-size:16px}.add input::placeholder{color:var(--cloud)}.list{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);list-style:none;overflow:hidden}.list.is-reordering{overflow:visible}.row{align-items:center;gap:var(--s2);padding:var(--s2) var(--s2) var(--s2) var(--s3);border-top:1px solid var(--line);background:var(--paper);min-height:56px;transition:background var(--fast), transform var(--fast);animation:rise var(--base) backwards;display:flex;position:relative}.row:first-child{border-top:0}.row:hover{background:var(--mist)}.row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:var(--r-sm);outline:none}.row.is-dragging{z-index:2;box-shadow:var(--shadow-lg);border-radius:var(--r-md);border-top-color:#0000;transition:none}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.grip{width:28px;height:44px;color:var(--cloud);border-radius:var(--r-sm);cursor:grab;touch-action:none;flex-shrink:0;place-items:center;margin-left:-6px;display:grid}.grip:hover{color:var(--slate);background:var(--hover)}.is-dragging .grip{cursor:grabbing}.row:not(.can-drag){padding-left:var(--s4)}.check-hit{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:44px;height:44px;margin-left:-6px;display:grid}.row:not(.can-drag) .check-hit{margin-left:-11px}.check{border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);width:22px;height:22px;color:var(--inverse-fg);transition:background var(--fast), border-color var(--fast), transform var(--fast);place-items:center;display:grid}.check svg{opacity:0;transition:opacity var(--fast), transform var(--fast);transform:scale(.6)}.check-hit:hover .check{border-color:var(--cloud)}.check-hit:active .check{transform:scale(.92)}.check-hit[aria-checked=true] .check{background:var(--inverse-bg);border-color:var(--inverse-bg)}.check-hit[aria-checked=true] .check svg{opacity:1;transform:none}.body{flex-direction:column;flex:1;gap:2px;min-width:0;padding:4px 0;display:flex}.title{text-align:left;overflow-wrap:anywhere;transition:color var(--base);border-radius:4px;padding:2px 0;line-height:1.4}.title-input{border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft);outline:none;margin-left:-9px;padding:3px 8px;font-size:16px;line-height:1.4}.is-done .title{color:var(--cloud);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.tags{gap:var(--s2);flex-wrap:wrap;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cloud);background:var(--hover);border-radius:999px;padding:1px 7px;font-size:11px}.tag.warn{color:var(--warning);background:var(--warning-soft)}.actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.act{border-radius:var(--r-sm);min-height:36px;color:var(--slate);white-space:nowrap;transition:background var(--fast), color var(--fast);align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.act:hover{background:var(--hover);color:var(--ink)}.act.icon{width:36px;color:var(--cloud);justify-content:center;padding:0}.act.icon:hover{color:var(--error);background:var(--error-soft)}@media (hover:hover) and (pointer:fine){.actions{opacity:0;transition:opacity var(--fast)}.row:hover .actions,.row:focus-within .actions,.row:focus-visible .actions{opacity:1}}@media (width<=480px){.act-label{display:none}.act.move{border:1px solid var(--line-strong);background:var(--paper);width:40px;height:40px;color:var(--ink);justify-content:center;padding:0}.act.move:active{background:var(--mist)}.act.icon{width:40px;height:40px}}.group{margin:var(--s5) 0 var(--s2);padding:0 var(--s1);justify-content:space-between;align-items:center;display:flex}.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--cloud);font-weight:500}.link{font-size:var(--text-sm);color:var(--slate);border-radius:var(--r-sm);min-height:32px;transition:background var(--fast), color var(--fast);padding:4px 10px;font-weight:600}.link:hover{background:var(--mist);color:var(--ink)}.empty{text-align:center;padding:var(--s8) var(--s5);border:1px dashed var(--line-strong);border-radius:var(--r-lg);animation:rise var(--base) both}.empty h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:var(--s2);font-weight:700}.empty p{color:var(--slate);font-size:var(--text-sm);max-width:36ch;margin:0 auto}.foot{margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--s3) var(--s4);font-family:var(--font-mono);letter-spacing:.06em;color:var(--cloud);flex-wrap:wrap;font-size:11px;display:flex}.foot-tools{gap:var(--s4);display:flex}.foot-link{font:inherit;color:var(--slate);text-underline-offset:3px;padding:4px 0;text-decoration:underline}.foot-link:hover{color:var(--ink)}.desktop-only{display:none}@media (hover:hover) and (pointer:fine){.desktop-only{display:inline}}.foot-form{gap:var(--s2);font-family:var(--font-body);letter-spacing:0;flex-wrap:wrap;align-items:center;display:flex}.foot-form input{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);min-width:220px;color:var(--ink);padding:8px 12px;font-size:16px}.foot-form input[type=password]{min-width:160px}.foot-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.foot-error{color:var(--error);font-size:var(--text-xs);flex-basis:100%}.foot-hint{color:var(--slate);font-size:var(--text-xs);flex-basis:100%}.foot-links{gap:var(--s3);flex-basis:100%;display:flex}.toast-region{left:0;right:0;bottom:calc(var(--s5) + env(safe-area-inset-bottom,0px));padding:0 var(--s4);pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--s4);background:var(--inverse-bg);max-width:100%;color:var(--inverse-fg);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:rise var(--base) both;padding:10px 10px 10px 16px;font-weight:500;display:flex}.toast-undo{color:var(--inverse-fg);border-radius:var(--r-sm);background:var(--inverse-hover);min-height:32px;transition:background var(--fast);padding:6px 12px;font-weight:700}.toast-undo:hover{filter:brightness(1.15)}.scrim{padding:var(--s5);z-index:30;animation:fade var(--base) both;background:#0b1f3359;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.help{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:380px;padding:var(--s5);box-shadow:var(--shadow-lg);animation:rise var(--base) both}.help-head{margin-bottom:var(--s4);justify-content:space-between;align-items:center;display:flex}.keys{gap:var(--s2);display:grid}.keys>div{align-items:center;gap:var(--s3);grid-template-columns:120px 1fr;display:grid}.keys dt{text-align:right}.keys dd{font-size:var(--text-sm);color:var(--slate)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}