:root{--bg:#f5f6fa;--surface:#fff;--text:#1c1f26;--muted:#6b7280;--border:#e3e6ed;--primary:#4f46e5;--primary-text:#fff;--primary-soft:#eef0ff;--late:#dc2626;--late-soft:#fdecec;--soon:#c2410c;--soon-soft:#fff1e6;--done:#15803d;--done-soft:#e7f6ec;--radius:12px;--shadow:0 1px 2px #1018280d, 0 1px 3px #10182812;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#181b22;--text:#e8eaf0;--muted:#9aa1ad;--border:#2a2f3a;--primary:#8b93ff;--primary-text:#0f1115;--primary-soft:#23264a;--late:#f87171;--late-soft:#3a1d1f;--soon:#fb923c;--soon-soft:#3a2614;--done:#4ade80;--done-soft:#15301f;--shadow:none}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}button,input,textarea{font:inherit;color:inherit}a{color:var(--primary)}.muted{color:var(--muted);margin:.25rem 0 0}.logo:before{content:"📚"}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:.55rem 1rem;font-weight:600}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--primary-soft)}.btn:disabled{opacity:.6;cursor:wait}.btn-icon{padding:.4rem .55rem;line-height:1}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem}.link-btn:hover{color:var(--text);text-decoration:underline}.link-btn.danger:hover{color:var(--late)}form{gap:1rem;display:grid}label{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}input,textarea{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;padding:.6rem .75rem;font-weight:400}input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:.45rem .9rem;font-weight:600}.tab.active{background:var(--primary-soft);color:var(--primary)}.count{opacity:.8;margin-left:.2rem;font-size:.8em}.auth{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);gap:1.25rem;padding:2rem;display:grid}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.topbar h1{white-space:nowrap;font-size:1.15rem}.topbar-user{align-items:center;gap:.75rem;font-weight:600;display:flex}.container{max-width:760px;margin:0 auto;padding:1.25rem 1rem 3rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.project-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.empty{color:var(--muted);text-align:center;padding:3rem 1rem}.card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:.75rem;padding:1rem 1.1rem;display:grid}.card-late{border-left-color:var(--late)}.card-soon{border-left-color:var(--soon)}.card-done{border-left-color:var(--done)}.card-done .card-title{color:var(--muted)}.card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.chip{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.15rem;font-size:.75rem;font-weight:700;display:inline-block}.card-title{overflow-wrap:anywhere;font-size:1.05rem}.due{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.15rem .6rem;font-size:.85rem;font-weight:600}.due-late{background:var(--late-soft);color:var(--late)}.due-soon{background:var(--soon-soft);color:var(--soon)}.due-done{background:var(--done-soft);color:var(--done)}.card-desc{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.95rem}.card-foot,.card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.card-meta a{font-size:.9rem;font-weight:600;text-decoration:none}.card-actions{gap:1rem;margin-left:auto;display:flex}.status-switch{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.status-switch button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:.35rem .8rem;font-size:.85rem;font-weight:600}.status-switch button+button{border-left:1px solid var(--border)}.status-switch button:hover{background:var(--bg)}.status-switch [data-status=todo].active{background:var(--primary-soft);color:var(--primary)}.status-switch [data-status=doing].active{background:var(--soon-soft);color:var(--soon)}.status-switch [data-status=done].active{background:var(--done-soft);color:var(--done)}.class-progress{color:var(--muted);cursor:help;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.bar{background:var(--border);border-radius:999px;width:80px;height:6px;overflow:hidden}.bar span{background:var(--done);height:100%;display:block}dialog{background:var(--surface);width:min(500px,100vw - 2rem);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}dialog::backdrop{background:#00000073}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.toast{z-index:100;background:var(--text);max-width:calc(100vw - 2rem);color:var(--bg);border-radius:10px;padding:.65rem 1.1rem;font-weight:600;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.toast-error{background:var(--late);color:#fff}@media (width<=560px){.toolbar{flex-direction:column;align-items:stretch}.form-row{grid-template-columns:1fr}.card-head{flex-direction:column}}@media (width<=480px){#user-pseudo{display:none}.topbar h1{font-size:1.05rem}.topbar-user{gap:.5rem}.topbar .btn{padding:.45rem .7rem}.status-switch button{padding:.35rem .55rem;font-size:.8rem}}:root.halloween{--bg:#120c1c;--surface:#1d1429;--text:#f3eaff;--muted:#b3a3c7;--border:#34264a;--primary:#ff7a1a;--primary-text:#1a0f05;--primary-soft:#3a2212;--witch:#c08cff;--witch-soft:#2e1d47;--late:#ff4d6d;--late-soft:#3d1420;--soon:#ffb020;--soon-soft:#3a2a0c;--done:#7cff6b;--done-soft:#17331a;--shadow:0 4px 18px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.halloween body{background:radial-gradient(ellipse at top, #24163a, var(--bg) 60%) fixed}.halloween .logo:before{content:"🎃"}.halloween h1,.halloween dialog h2{letter-spacing:.04em;color:var(--primary);font-family:Creepster,system-ui,sans-serif;font-weight:400}.halloween .topbar h1{font-size:1.5rem}.halloween .auth-card h1{font-size:2.2rem}@media (width<=480px){.halloween .topbar h1{font-size:1.25rem}}.halloween #auth-screen,.halloween #app-screen{z-index:1;position:relative}.halloween .card{transition:box-shadow .2s,transform .2s}.halloween .card:hover{box-shadow:0 0 0 1px var(--primary-soft), 0 8px 26px #ff7a1a1f;transform:translateY(-2px)}.halloween .status-switch [data-status=todo]:before{content:"👻 "}.halloween .status-switch [data-status=doing]:before{content:"🧪 "}.halloween .status-switch [data-status=done]:before{content:"🪦 "}.halloween .status-switch [data-status=doing].active{background:var(--witch-soft);color:var(--witch)}.halloween .due-late:before{content:"💀 "}.halloween .bar span{box-shadow:0 0 8px var(--done)}.halloween .empty:before{content:"👻";margin-bottom:.5rem;font-size:3rem;animation:3s ease-in-out infinite float;display:block}#halloween-toggle[aria-pressed=false]{filter:grayscale();opacity:.6}.treat{z-index:200;pointer-events:none;margin:-.7em 0 0 -.7em;font-size:1.4rem;position:fixed}.spooky{display:none}.halloween .spooky{z-index:0;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.moon{opacity:.85;background:radial-gradient(circle at 35% 35%,#fff6d8,#f5d78a 60%,#d9b45f);border-radius:50%;width:90px;height:90px;position:absolute;top:90px;right:6vw;box-shadow:0 0 60px 20px #ffd67833}.bat{font-size:1.6rem;animation:18s linear infinite fly;position:absolute;left:-3rem}.bat:before{content:"🦇";animation:.25s ease-in-out infinite alternate flap;display:inline-block}.bat-1{top:18%}.bat-2{opacity:.7;font-size:1.1rem;animation-duration:24s;animation-delay:-9s;top:45%}.bat-3{font-size:1.3rem;animation-duration:30s;animation-delay:-17s;top:72%}.spider{background:var(--muted);opacity:.7;width:1px;height:120px;animation:5s ease-in-out infinite alternate dangle;position:absolute;top:0;right:14%}.spider:after{content:"🕷️";font-size:1.5rem;position:absolute;bottom:-1.1rem;left:-.75rem}.fog{background:linear-gradient(#0000,#9664c81f);height:30vh;position:absolute;bottom:0;left:0;right:0}@keyframes fly{0%{transform:translate(0)}25%{transform:translate(30vw,-6vh)}50%{transform:translate(60vw,4vh)}75%{transform:translate(90vw,-4vh)}to{transform:translate(calc(100vw + 6rem))}}@keyframes flap{to{transform:scaleY(.55)}}@keyframes dangle{0%{height:70px}to{height:170px}}@keyframes float{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.halloween .spooky *,.halloween .spooky :before,.halloween .empty:before{animation:none}.bat{display:none}}