:root{--ink:#16263f;--steel:#2b4162;--muted:#4a688c;--faint:#6d84a3;--gold:#f4c752;--blue:#4f9ae8;--blue-deep:#2165c7;--line:#1e3c6924;--line-strong:#1e3c6938;--glass:linear-gradient(180deg, #ffffffbd, #ffffff8a);--danger:#cf4d47;--st-backlog:#8ba0bd;--st-todo:#f4c752;--st-doing:#4f9ae8;--st-done:#57b894;--radius:12px;--z-backdrop:-2;--z-motif:-1;--z-toast:60}*{box-sizing:border-box}html,body{min-height:100%}html{overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#e4eef8;margin:0;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}body:before{content:"";z-index:var(--z-backdrop);background:radial-gradient(120% 90% at 78% 6%,#fff 0%,#fff0 46%),radial-gradient(140% 120% at 18% 100%,#cfe0f2 0%,#cfe0f200 55%),linear-gradient(178deg,#f2f7fc 0%,#e4eef8 42%,#d3e1f1 100%);position:fixed;inset:0}.motif{pointer-events:none;z-index:var(--z-motif);color:#5c7fac;opacity:.06;position:fixed}.motif.heart{width:46vmin;top:-6vmin;left:-8vmin;transform:rotate(-12deg)}.motif.crownbg{opacity:.05;width:40vmin;bottom:-8vmin;right:4vmin;transform:rotate(8deg)}.motif.spark{opacity:.045;width:22vmin;top:28%;right:30%}.stage{z-index:1;flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:clamp(24px,4.5vmin,56px) clamp(18px,4vw,64px);display:flex;position:relative}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brandmark{letter-spacing:.34em;text-transform:uppercase;color:#476186;align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.brandmark .dot{background:var(--gold);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #f4c752e6}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.badge{letter-spacing:.16em;text-transform:uppercase;color:#3a597f;border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #4f9ae8e6}.dirty-flag{letter-spacing:.02em;color:#a9791a;font-size:11.5px;font-weight:600;display:none}.dirty-flag.show{display:inline}button{font:inherit;cursor:pointer}.pill{color:var(--steel);border:1px solid var(--line);letter-spacing:.04em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background .2s}.pill:hover{border-color:#4f9ae880;transform:translateY(-1px);box-shadow:0 6px 16px #1a4a9624}.pill:focus-visible{outline:none;box-shadow:0 0 0 2px #4f9ae88c}.pill.primary{color:#fff;background:linear-gradient(#6fb1f0 0%,#3a8ce4 52%,#2165c7 100%);border-color:#0000;box-shadow:inset 0 1px #ffffff8c,0 6px 18px #1a4a9647}.pill.primary:hover{box-shadow:inset 0 1px #fff9,0 0 22px #53a3f480,0 10px 24px #1a4a964d}.title-block{margin-top:clamp(20px,5vmin,44px);margin-bottom:clamp(20px,4vmin,36px)}h1{letter-spacing:-.03em;color:#17304f;text-wrap:balance;text-shadow:0 1px #ffffffd9,0 2px 18px #2856962e;margin:0;font-size:clamp(34px,7vmin,68px);font-weight:800;line-height:.96}h1 .glint{color:#2f6fb8}.tagline{letter-spacing:.06em;color:#4a688c;margin:12px 0 0;font-size:13.5px}.links-nav{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(18px,3vmin,28px);display:flex}.links-nav .entry{isolation:isolate;color:#23405f;font:inherit;letter-spacing:.11em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:10px 17px 10px 13px;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .22s,transform .28s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.links-nav .entry .crown{width:16px;height:13px;fill:var(--gold);opacity:0;filter:drop-shadow(0 1px 2px #78500066);flex:none;transition:opacity .24s,transform .28s cubic-bezier(.22,1,.36,1);transform:translate(-6px)scale(.8)}.links-nav .entry:hover,.links-nav .entry:focus-visible,.links-nav .menu[open]>summary.entry{color:#fff;text-shadow:0 1px 10px #0b346e8c;background:linear-gradient(#c6e9ffeb 0%,#78bef6c7 10%,#3a8ce4b3 52%,#2165c7bd 100%);border-color:#ffffff80;outline:none;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff47,0 0 26px #53a3f48c,0 10px 26px #1a4a9647}.links-nav .entry:hover .crown,.links-nav .entry:focus-visible .crown,.links-nav .menu[open]>summary.entry .crown{opacity:1;transform:none}.links-nav .entry:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#ffffffd9 0%,#fff0 24%);transition:opacity .22s;position:absolute;inset:0}.links-nav .entry:after{content:"";z-index:-1;opacity:0;background:linear-gradient(100deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);width:40%;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-18deg)}.links-nav .entry:hover:before,.links-nav .entry:focus-visible:before,.links-nav .menu[open]>summary.entry:before{opacity:1}.links-nav .entry:hover:after,.links-nav .entry:focus-visible:after,.links-nav .menu[open]>summary.entry:after{opacity:1;animation:2.8s ease-in-out infinite sheen-loop}@keyframes sheen-loop{0%{left:-45%}55%,to{left:130%}}@media (prefers-reduced-motion:reduce){.links-nav .entry,.links-nav .entry .crown{transition:none!important}.links-nav .entry:hover:after,.links-nav .entry:focus-visible:after,.links-nav .menu[open]>summary.entry:after{animation:none;display:none}}.links-nav .menu{position:relative}.links-nav .menu summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.links-nav .menu summary::-webkit-details-marker{display:none}.links-nav .menu .caret{font-size:10px;line-height:1;transition:transform .2s}.links-nav .menu[open] .caret{transform:rotate(180deg)}.links-nav .menu-list{z-index:10;white-space:nowrap;background:var(--glass);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;min-width:152px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #1a4a962e}.links-nav .menu-list a{color:var(--steel);border-radius:7px;padding:7px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:block}.links-nav .menu-list a:hover{color:var(--blue-deep);background:#4f9ae824}.board{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}@media (max-width:900px){.board{grid-template-columns:1fr 1fr}}@media (max-width:560px){.board{grid-template-columns:1fr}}.column{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#ffffff80,#ffffff52);min-height:120px;padding:14px;animation:.5s cubic-bezier(.22,1,.36,1) backwards rise;box-shadow:inset 0 1px #fff9,0 10px 30px #1a4a960f}.column:first-child{animation-delay:40ms}.column:nth-child(2){animation-delay:.1s}.column:nth-child(3){animation-delay:.16s}.column:nth-child(4){animation-delay:.22s}@keyframes rise{0%{transform:translateY(12px)}to{transform:none}}.column h2{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);justify-content:space-between;align-items:center;margin:2px 2px 14px;font-size:12px;font-weight:700;display:flex}.count{border:1px solid var(--line);letter-spacing:.06em;color:var(--faint);font-variant-numeric:tabular-nums;background:#fff9;border-radius:999px;padding:1px 9px;font-size:11px}.column h2 .name{align-items:center;gap:8px;display:inline-flex}.column h2 .dot{border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px}.card{isolation:isolate;background:var(--glass);border:1px solid var(--line);border-radius:9px;margin-bottom:10px;padding:12px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-color .24s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 6px 16px #1a4a960f}.card:hover{border-color:#4f9ae880;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #fff9,0 0 22px #53a3f442,0 12px 26px #1a4a9629}.card:after{content:"";z-index:2;pointer-events:none;opacity:0;background:linear-gradient(100deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:45%;position:absolute;top:0;bottom:0;left:-45%;transform:skew(-18deg)}.card:hover:after{animation:1s ease-in-out sheen}@keyframes sheen{0%{opacity:1;left:-45%}to{opacity:1;left:130%}}.card .title{color:var(--ink);white-space:pre-wrap;word-break:break-word;border-radius:5px;outline:none;margin:-2px -4px 6px;padding:2px 4px;font-size:15px;font-weight:700}.card .title:empty:before{content:"Untitled";color:var(--muted);font-weight:600}.card .notes{color:var(--steel);white-space:pre-wrap;word-break:break-word;border-radius:5px;outline:none;min-height:18px;margin:0 -4px 10px;padding:2px 4px;font-size:13px;line-height:1.5}.card .notes:empty:before{content:"Add notes…";color:var(--muted)}.card .title:focus,.card .notes:focus{background:#fff;box-shadow:0 0 0 2px #4f9ae88c}.card select{font:inherit;color:var(--steel);border:1px solid var(--line);cursor:pointer;background:#ffffffb3;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:600;transition:border-color .18s,box-shadow .18s}.card select:hover{border-color:#4f9ae880}.card select:focus-visible{outline:none;box-shadow:0 0 0 2px #4f9ae880}.card .updated{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.card .del{color:var(--faint);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:14px;line-height:1;transition:color .16s,background .16s}.card .del:hover{color:#fff;background:var(--danger)}.card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.add-btn{z-index:3;border:1px dashed var(--line-strong);width:100%;color:var(--muted);letter-spacing:.04em;background:0 0;border-radius:9px;padding:11px;font-weight:700;transition:color .18s,border-color .18s,background .22s,box-shadow .2s;position:relative}.add-btn:hover{color:#fff;background:linear-gradient(#6fb1f0 0%,#3a8ce4 52%,#2165c7 100%);border-color:#0000;box-shadow:inset 0 1px #ffffff80,0 8px 20px #1a4a9642}.empty{color:var(--faint);text-align:center;padding:8px 0 12px;font-size:13px;font-style:italic}.footer{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:auto;padding-top:30px;display:flex}.dev{letter-spacing:.2em;text-transform:uppercase;color:#6d84a3;font-size:11px}.dev strong{letter-spacing:.14em;color:#2b4568;margin-top:3px;font-size:15px;display:block}.hintbar{text-align:center;letter-spacing:.03em;color:#33506f;flex:auto;min-height:1.4em;font-size:13px;font-style:italic}.total{letter-spacing:.18em;text-transform:uppercase;color:#7488a6;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}@media (max-width:560px){.topbar{align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.topbar-actions .badge{flex:0 0 100%;order:-1}.topbar-actions .pill{text-align:center;flex:auto}}@media (max-width:640px){.footer{flex-direction:column;align-items:flex-start}.hintbar{text-align:left}}#file-input{display:none}.toast{z-index:var(--z-toast);border:1px solid var(--line-strong);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#ffffffeb;border-radius:10px;max-width:90vw;padding:11px 18px;font-size:13px;font-weight:600;transition:opacity .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1a4a9638}.toast.show{opacity:1}.toast.error{border-color:var(--danger);color:#8a2f2b}.load-error{border:1px solid var(--danger);border-radius:var(--radius);color:#8a2f2b;background:#ffffffb3;margin:8px 0;padding:16px;font-size:14px;line-height:1.55}.load-error code{background:#cf4d471f;border-radius:4px;padding:1px 5px}@media (prefers-reduced-motion:reduce){.column{animation:none!important}.card,.pill{transition:none!important}.card:hover:after{animation:none;display:none}}.card.unsaved{box-shadow:inset 0 0 0 1px #be3c3c8c}.card .retry,.load-error .retry{font:inherit;color:#b03a3a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:6px;padding:0;font-size:11.5px;font-weight:600;text-decoration:underline;display:inline-flex}.gate{place-items:center;min-height:100dvh;padding:24px;display:grid}.gate form{background:var(--glass);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;gap:10px;width:min(360px,100%);padding:26px 24px;display:flex;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #1a4a962e}.gate h1{margin:0;font-size:22px}.gate .sub{color:#4a688c;margin-bottom:8px;font-size:12.5px}.gate label{letter-spacing:.09em;text-transform:uppercase;color:#4a688c;font-size:11.5px;font-weight:700}.gate input{font:inherit;border:1px solid var(--line-strong);background:#ffffffbf;border-radius:8px;padding:10px 12px}.gate button{cursor:pointer;font:inherit;color:#fff;background:linear-gradient(#78bef6e6 0%,#2165c7e6 100%);border:1px solid #ffffff80;border-radius:8px;margin-top:6px;padding:10px 14px;font-weight:700}.gate button:disabled{opacity:.55;cursor:not-allowed}.gate .err{color:#b03a3a;font-size:12.5px}.booting{min-height:100dvh}