:root{--bg:#f3f6fa;--surface:#fff;--heading:#0b1f3a;--text:#22324a;--muted:#4f5f74;--line:#d9e1ea;--accent:#0171d0;--accent-text:#0a5fb8;--on-accent:#fff;--urgent:#b8321a;--person-0:#0171d0;--person-1:#0a7d36;--skeleton:#e4eaf1;--glass:#f3f6fab8;--glass-solid:#f3f6fa;--glass-edge:#ffffffb3;--glass-shadow:0 1px 0 #0b1f3a0f, 0 8px 24px #0b1f3a14;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--gutter:20px;--tap:36px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070d18;--surface:#0f1828;--heading:#f2f6fb;--text:#d3dce8;--muted:#9eabbd;--line:#1d2a3d;--accent:#1f8fe6;--accent-text:#5cb0f2;--on-accent:#03111f;--urgent:#ff8d73;--skeleton:#16233a;--glass:#070d18ad;--glass-solid:#0b1422;--glass-edge:#ffffff14;--glass-shadow:0 1px 0 #0006, 0 8px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#070d18;--surface:#0f1828;--heading:#f2f6fb;--text:#d3dce8;--muted:#9eabbd;--line:#1d2a3d;--accent:#1f8fe6;--accent-text:#5cb0f2;--on-accent:#03111f;--urgent:#ff8d73;--skeleton:#16233a;--glass:#070d18ad;--glass-solid:#0b1422;--glass-edge:#ffffff14;--glass-shadow:0 1px 0 #0006, 0 8px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:coarse){:root{--tap:44px}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:15px;line-height:1.45;display:flex}img,svg{display:block}a{color:var(--accent-text);text-underline-offset:3px}h1,h2{color:var(--heading);letter-spacing:-.02em;margin:0;line-height:1.12}p{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1240px;padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));margin:0 auto}main.wrap{flex:1}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);box-shadow:inset 0 1px 0 var(--glass-edge), var(--glass-shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass-solid)}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}.site-header{z-index:20;border-bottom:1px solid var(--line);position:sticky;top:0}.header-row{align-items:center;gap:10px;min-height:60px;display:flex}.brand{border-radius:6px;margin-right:auto}.brand img{width:auto;height:30px}.offline{color:var(--muted);text-align:right;font-size:13px}.icon-btn{min-width:var(--tap);height:var(--tap);border:1px solid var(--line);color:var(--heading);background:0 0;border-radius:9px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--accent-text)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.lang{font-size:13px;font-weight:600}.i-sun{display:none}:root[data-theme=dark] .i-sun{display:block}:root[data-theme=dark] .i-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:block}:root:not([data-theme=light]) .i-moon{display:none}}.gate{justify-items:start;gap:18px;max-width:460px;padding-block:12vh 48px;display:grid}.gate h1{letter-spacing:-.035em;font-size:clamp(36px,7.4vw,56px);font-weight:700}.lede{color:var(--muted);overflow-wrap:anywhere;font-size:18px}.form-error{color:var(--urgent)}.google-btn{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 18px;font-weight:500;display:inline-flex}.google-btn:hover{background:#f4f6f8}.google-btn svg{width:18px;height:18px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .google-btn{color:#e3e3e3;background:#131314;border-color:#8e918f}}:root[data-theme=dark] .google-btn{color:#e3e3e3;background:#131314;border-color:#8e918f}.btn{background:var(--accent);min-height:42px;color:var(--on-accent);border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;transition:transform .2s cubic-bezier(.3,1.4,.5,1),filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn.quiet{color:var(--heading);border:1px solid var(--line);background:0 0}.btn.danger{color:var(--urgent);background:0 0;margin-right:auto;padding-inline:4px}.link-btn{color:var(--accent-text);text-underline-offset:3px;background:0 0;border:0;min-height:24px;padding:0;text-decoration:underline}.filter,.tabs,.segmented{background:var(--skeleton);border-radius:11px;gap:2px;padding:3px;display:flex}.filter{width:-moz-fit-content;width:fit-content;margin-block:20px 16px}.filter button,.tabs button{min-height:var(--tap);color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 14px;font-weight:500}.filter button[aria-checked=true],.tabs button[aria-pressed=true]{background:var(--surface);color:var(--heading);font-weight:600;box-shadow:0 1px 2px #0b1f3a24}.tabs{margin-bottom:16px}.tabs button{flex:1;padding:0 6px}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.col{display:none}.col.active{display:block}.col h2{letter-spacing:-.01em;margin-bottom:12px;font-size:17px;font-weight:650;display:none}.quick-add{margin-bottom:10px;position:relative}.quick-add input{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;height:44px;padding:0 44px 0 14px}.quick-add input::placeholder{color:var(--muted)}.quick-submit{width:44px;height:44px;color:var(--accent-text);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:0;right:0}.quick-submit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.cards{align-content:start;gap:10px;min-height:120px;margin:0;padding:0 0 32px;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;align-items:start;display:grid}.card.dragging{opacity:.4}.card[draggable=true]{cursor:grab}.card:hover{border-color:var(--muted)}.card-open{text-align:left;min-width:0;cursor:inherit;background:0 0;border:0;border-radius:11px;justify-items:start;gap:4px;padding:12px 8px 12px 14px;display:grid}.card-title{color:var(--heading);overflow-wrap:anywhere;font-weight:550}.card-note{color:var(--muted);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.urgent-tag{color:var(--urgent);align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.urgent-tag svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:13px;height:13px}.card-foot{flex-direction:row-reverse;align-items:center;gap:2px;min-height:44px;padding:8px 10px 8px 0;display:flex}.avatar{color:#fff;background:var(--person-0);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:650;display:grid}.avatar-1{background:var(--person-1)}.move{width:var(--tap);height:var(--tap);color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.move:hover{color:var(--accent-text);background:var(--bg)}.move svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.empty{color:var(--muted);padding:10px 2px}.drop-line{background:var(--accent);border-radius:2px;height:3px;margin-block:-2px}.skeleton{background:var(--skeleton);border-radius:12px;height:76px;animation:1.4s ease-in-out infinite pulse}.skeleton.short{height:52px}@keyframes pulse{50%{opacity:.5}}@media (min-width:860px){.tabs{display:none}.columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.col,.col.active{display:block}.col h2{justify-content:space-between;align-items:baseline;display:flex}.cards{min-height:300px}.quick-add{margin-bottom:10px}@media (hover:hover){.move{opacity:0}.card:hover .move,.card:focus-within .move{opacity:1}}}.sheet{width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:22px}.sheet::backdrop{background:#070d186b}.sheet h2{margin-bottom:16px;font-size:20px;font-weight:650}#sheet-form{gap:14px;display:grid}.field{border:0;gap:5px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field>legend{color:var(--muted);padding:0;font-size:13px;font-weight:500}legend{margin-bottom:5px}.field input[type=text],.field textarea{background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;padding:10px 12px}.segmented label{min-height:var(--tap);color:var(--muted);text-align:center;cursor:pointer;border-radius:9px;flex:1;place-items:center;padding:0 6px;font-weight:500;display:grid;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label:has(input:checked){background:var(--surface);color:var(--heading);font-weight:600;box-shadow:0 1px 2px #0b1f3a24}.segmented label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.switch{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--urgent);margin:0}.switch-text{display:grid}.switch-text strong{color:var(--heading);font-weight:600}.switch-text small{color:var(--muted);font-size:13px}.sheet-actions{align-items:center;gap:8px;margin-top:4px;display:flex}@media (max-width:859px){.sheet{width:100%;max-width:none;padding-bottom:max(22px, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:18px 18px 0 0;margin:auto 0 0}}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:30;width:max-content;max-width:calc(100vw - 32px);color:var(--heading);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:11px 16px;display:flex;position:fixed;transform:translate(-50%)}.site-footer{color:var(--muted);gap:8px;padding-block:12px 24px;font-size:13px;display:grid}.account{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.fine{flex-wrap:wrap;justify-content:space-between;gap:4px 20px;display:flex}.fine-links{flex-wrap:wrap;gap:4px 14px;display:flex}.fine-links a{color:var(--muted)}.fine-links a:hover{color:var(--accent-text)}.legal{max-width:720px;padding-block:40px;font-size:16px;line-height:1.55}.legal h1{margin-bottom:8px;font-size:clamp(32px,6vw,44px)}.legal h2{margin-top:36px;margin-bottom:10px;scroll-margin-top:80px;font-size:22px}.legal h3{color:var(--heading);margin:22px 0 6px;font-size:17px}.legal p{margin-bottom:12px}.legal ul{margin:0 0 12px;padding-left:20px}.legal li{margin-bottom:6px}.legal hr{border:0;border-top:1px solid var(--line);margin-block:48px}.legal .date{color:var(--muted)}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn{transition:none}}