:root{--paper: #faf7fc;--paper-2: #f2ecf7;--card: #ffffff;--ink: #241528;--ink-soft: #63506c;--accent: #c21e63;--accent-soft: #fadce8;--lilac: #dec7f5;--sand: #e9cca2;--line: #e4daec;--shadow: rgba(36, 21, 40, .13);--ok: #1f7a4d;--warn: #b26a00;--crit: #c2261e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #150d19;--paper-2: #1e1425;--card: #241830;--ink: #f7f0f9;--ink-soft: #bba6c6;--accent: #ff74a8;--accent-soft: #4a1930;--lilac: #7c4fab;--sand: #c6a57a;--line: #352340;--shadow: rgba(0, 0, 0, .5);--ok: #5fd39b;--warn: #e6b45c;--crit: #ff8f86}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.display{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 50,"WONK" 1;font-weight:600;letter-spacing:-.015em;line-height:1.05}.mono{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.topbar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:40}.brand{font-family:Fraunces,serif;font-variation-settings:"SOFT" 60,"WONK" 1;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;background:none;border:0;padding:0;cursor:pointer}.brand span{color:var(--accent)}.topbar .spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.86rem;padding:.55em 1.1em;border-radius:999px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--shadow)}.btn.ghost{background:transparent;color:var(--ink)}.btn.danger{border-color:var(--crit);background:transparent;color:var(--crit)}.btn.sm{font-size:.78rem;padding:.4em .85em;border-width:1.5px}.input{width:100%;padding:.6em .8em;border:1.5px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.input:focus{border-color:var(--accent);outline:none}.wrap{padding:1.5rem 1.2rem 3rem}.muted{color:var(--ink-soft)}.error{margin:.8rem 1.2rem;padding:.7em 1em;border:1.5px solid var(--crit);border-radius:10px;color:var(--crit);background:color-mix(in srgb,var(--crit) 8%,transparent)}.boards-grid{display:grid;gap:.9rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.board-tile{text-align:left;cursor:pointer;border:1.5px solid var(--line);border-radius:14px;background:var(--card);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s ease,transform .15s ease}.board-tile:hover{border-color:var(--accent);transform:translateY(-2px)}.board-tile h3{margin:0;font-size:1.1rem}.board-head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.board-head h1{margin:0;font-size:clamp(1.5rem,3.5vw,2.1rem)}.lists-row{display:flex;gap:1rem;align-items:flex-start;margin-top:1.4rem;padding-bottom:1rem;overflow-x:auto}.list-col{flex:0 0 288px;width:288px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;padding:.8rem;display:flex;flex-direction:column;gap:.6rem;max-height:calc(100vh - 190px)}.list-col.dragging{opacity:.45}.list-head{display:flex;align-items:center;gap:.5rem}.list-title{flex:1;font-weight:700;font-size:.95rem;background:none;border:0;padding:.15em .2em;border-radius:6px;cursor:text}.list-title:hover{background:color-mix(in srgb,var(--lilac) 40%,transparent)}.grip{cursor:grab;color:var(--ink-soft);padding:0 .15em;background:none;border:0}.grip:active{cursor:grabbing}.count{font-size:.72rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.cards-col{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-height:10px;padding:2px}.card-item{background:var(--card);border:1.5px solid var(--line);border-radius:11px;padding:.7rem .8rem;cursor:grab;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 1px 3px var(--shadow)}.card-item:hover{border-color:var(--accent)}.card-item.dragging{opacity:.4}.card-item.overlay{cursor:grabbing;transform:rotate(2deg);box-shadow:0 14px 30px var(--shadow)}.card-title{font-weight:600;font-size:.9rem;word-break:break-word}.chips{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.chip{font-family:DM Mono,monospace;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;padding:.2em .55em;border-radius:999px;background:var(--lilac);color:var(--ink);border:1px solid transparent}.chip.prio-low{background:transparent;border-color:var(--line);color:var(--ink-soft)}.chip.prio-medium{background:transparent;border-color:var(--warn);color:var(--warn)}.chip.prio-high{background:transparent;border-color:var(--crit);color:var(--crit);font-weight:600}.chip.due{background:var(--sand)}.chip.due.overdue{background:var(--crit);color:#fff}.add-row{display:flex;gap:.4rem}.add-btn{width:100%;text-align:left;background:none;border:1.5px dashed var(--line);border-radius:10px;padding:.55em .8em;color:var(--ink-soft);cursor:pointer;font-size:.85rem}.add-btn:hover{border-color:var(--accent);color:var(--accent)}.new-list{flex:0 0 330px;align-items:stretch}.new-list .input{flex:1;min-width:0}.new-list .btn{flex:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#140a188c;display:flex;align-items:flex-start;justify-content:center;padding:6vh 1rem;overflow-y:auto}.modal{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;width:min(620px,100%);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 60px var(--shadow)}.modal h2{margin:0;font-size:1.35rem}.field{display:flex;flex-direction:column;gap:.35rem}.field>label{font-size:.78rem;font-weight:700;color:var(--ink-soft)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.modal-actions{display:flex;gap:.6rem;align-items:center}.modal-actions .spacer{flex:1}textarea.input{resize:vertical;min-height:110px}.label-toggle{cursor:pointer;border:1.5px solid var(--line);background:var(--card);font-family:DM Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:.35em .7em;border-radius:999px}.label-toggle[aria-pressed=true]{background:var(--lilac);border-color:var(--lilac)}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:2rem}.login-box{width:min(360px,100%);display:flex;flex-direction:column;gap:.9rem;border:1.5px solid var(--line);border-radius:16px;padding:1.8rem;background:var(--card)}.login-box h1{margin:0;font-size:1.5rem}@media(max-width:560px){.row2{grid-template-columns:1fr}.list-col{flex-basis:82vw;width:82vw}.new-list{flex-basis:82vw}}