:root{--ink:#0f0f2e;--blue:#3535f3;--mist:#ecedff;--sun:#ffd23f;--coral:#ff6b57;--mint:#3ddc97;--muted:#6b6d99}body{color:var(--ink);background:var(--mist);margin:0;font-family:Instrument Sans,sans-serif}h1,h2,h3{letter-spacing:-.02em;font-family:Syne,sans-serif}.auth{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-art{background:var(--blue);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;overflow:hidden}.brand{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800}.art-title{max-width:9ch;margin:0;font-size:clamp(2.6rem,5.5vw,4.8rem);line-height:.95}.slips{height:240px;position:relative}.slip{width:240px;color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-left-width:12px;border-radius:4px;padding:12px 14px;font-weight:600;position:absolute}.slip small{color:var(--muted);font-weight:400;display:block}.slip.s1{border-left-color:var(--coral);top:10px;left:0;transform:rotate(-4deg)}.slip.s2{border-left-color:var(--sun);top:90px;left:120px;transform:rotate(3deg)}.slip.s3{border-left-color:var(--mint);text-decoration:line-through;top:170px;left:20px;transform:rotate(-2deg)}.auth-side{place-items:center;padding:32px;display:grid}.auth-card{gap:14px;width:100%;max-width:360px;display:grid}.auth-card h1{margin:0;font-size:2.2rem}.auth .muted{color:var(--muted);margin:0}.auth label{gap:6px;font-size:.9rem;font-weight:600;display:grid}.auth input{border:2px solid var(--ink);color:var(--ink);font:inherit;background:#fff;border-radius:4px;padding:12px}.auth input:focus{outline:3px solid var(--sun);outline-offset:0}.auth .btn-main{background:var(--sun);color:var(--ink);border:2px solid var(--ink);font:inherit;cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:4px;padding:12px;font-weight:700;transition:transform .1s,box-shadow .1s}.auth .btn-main:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.auth .alert{border:2px solid var(--coral);color:var(--coral);background:#fff;border-radius:4px;margin:0;padding:10px 12px;font-weight:600}.auth a{color:var(--blue);font-weight:600}@media (width<=800px){.auth{grid-template-columns:1fr}.auth-art{padding:24px}.slips{display:none}.art-title{max-width:none;font-size:2.4rem}}.btn-main{background:var(--sun);color:var(--ink);border:2px solid var(--ink);font:inherit;cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:4px;padding:10px 18px;font-weight:700;transition:transform .1s,box-shadow .1s}.btn-main:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn-plain{color:var(--ink);border:2px solid var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:4px;padding:10px 18px;font-weight:600}.app-top{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.app-top .brand{color:var(--sun)}.who{align-items:center;gap:12px;font-weight:600;display:flex}.chip-btn{color:#fff;font:inherit;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:4px;padding:6px 12px;font-weight:600}.chip-btn:hover{color:var(--ink);background:#fff}.wrap{max-width:1200px;margin:0 auto;padding:28px 20px 64px}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.hero h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.stats{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.stat{border:2px solid var(--ink);background:#fff;border-radius:4px;padding:6px 12px;font-weight:600}.stat b{margin-right:6px;font-family:Syne,sans-serif;font-size:1.2rem}.stat.warn b{color:var(--coral)}.composer{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:6px;gap:12px;margin-bottom:28px;padding:20px;display:grid}.composer h2{margin:0;font-size:1.3rem}.composer label{flex:1;gap:6px;min-width:150px;font-size:.9rem;font-weight:600;display:grid}.composer input,.composer select,.composer textarea{border:2px solid var(--ink);color:var(--ink);font:inherit;background:#fff;border-radius:4px;padding:10px}.composer input:focus,.composer select:focus,.composer textarea:focus{outline:3px solid var(--sun);outline-offset:0}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-actions{gap:10px;display:flex}.form-error{color:var(--coral);margin:0;font-weight:600}.lanes{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;display:grid}.lane{border:2px solid var(--ink);background:#dcdeff;border-top-width:10px;border-radius:6px;min-height:220px;padding:12px}.lane.todo{border-top-color:var(--blue)}.lane.in-progress{border-top-color:var(--sun)}.lane.done{border-top-color:var(--mint)}.lane-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lane-head h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:1rem}.count{background:var(--ink);color:#fff;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.lane-empty{color:var(--muted);text-align:center;border:2px dashed var(--muted);border-radius:4px;padding:22px 0;font-weight:500}.card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-left-width:10px;border-radius:4px;margin-bottom:14px;padding:12px 14px}.card.high{border-left-color:var(--coral)}.card.medium{border-left-color:var(--sun)}.card.low{border-left-color:var(--mint)}.card h3{margin:0 0 4px;font-size:1rem}.card.finished h3{color:var(--muted);text-decoration:line-through}.card p{color:var(--muted);margin:0 0 8px;font-size:.92rem}.tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{text-transform:uppercase;border:1.5px solid var(--ink);border-radius:3px;padding:1px 6px;font-size:.72rem;font-weight:700}.tag.late{background:var(--coral);border-color:var(--coral);color:#fff}.card-actions{flex-wrap:wrap;gap:6px;display:flex}.mini{border:2px solid var(--ink);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:4px;padding:3px 9px;font-size:.85rem;font-weight:600}.mini:hover{background:var(--sun)}.mini.del:hover{background:var(--coral);color:#fff}@media (width<=900px){.lanes{grid-template-columns:1fr}.app-top{padding:12px 16px}}.drop-zone{border-radius:4px;min-height:140px;transition:background .15s}.drop-zone.over{outline:2px dashed var(--blue);outline-offset:-2px;background:#3535f31f}.card{cursor:grab}.card.dragging{cursor:grabbing;box-shadow:8px 8px 0 var(--blue)}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.toolbar input,.toolbar select{border:2px solid var(--ink);color:var(--ink);font:inherit;background:#fff;border-radius:4px;padding:10px 12px}.toolbar input:focus,.toolbar select:focus{outline:3px solid var(--sun);outline-offset:0}.toolbar .search{flex:1;min-width:200px}.state{border:2px dashed var(--muted);border-radius:4px;margin-bottom:18px;padding:14px;font-weight:600}.error-state{border-color:var(--coral);color:var(--coral)}button:disabled{opacity:.6;cursor:wait}.theme-float{z-index:5;padding:6px 12px;position:fixed;top:16px;right:16px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#ececff;--mist:#11112b;--muted:#9a9cc8}[data-theme=dark] .slip,[data-theme=dark] .auth input,[data-theme=dark] .auth .alert,[data-theme=dark] .stat,[data-theme=dark] .composer,[data-theme=dark] .composer input,[data-theme=dark] .composer select,[data-theme=dark] .composer textarea,[data-theme=dark] .toolbar input,[data-theme=dark] .toolbar select,[data-theme=dark] .btn-plain,[data-theme=dark] .card,[data-theme=dark] .mini{background:#1c1c3f}[data-theme=dark] .lane{background:#181838}[data-theme=dark] .app-top{background:#070718}[data-theme=dark] .count{background:var(--ink);color:#11112b}[data-theme=dark] .btn-main,[data-theme=dark] .auth .btn-main,[data-theme=dark] .mini:hover,[data-theme=dark] .chip-btn:hover{color:#0f0f2e}
