:root{--bg:#f5f6fa;--card:#fff;--soft:#eef0f6;--text:#1b1e2b;--muted:#6a7185;--line:#e4e7ef;--accent:#4f46e5;--on-accent:#fff;--accent-soft:#e0e7ff;--accent-text:#3730a3;--danger:#dc2626;--warn:#d97706;--shadow:0 1px 2px #1418280f, 0 4px 16px #1418280d}@media (prefers-color-scheme:dark){:root{--bg:#0e1016;--card:#171a23;--soft:#20242f;--text:#e9ebf2;--muted:#98a0b3;--line:#2a2f3d;--accent:#818cf8;--on-accent:#0e1016;--accent-soft:#2b2f55;--accent-text:#c7d2fe;--danger:#f87171;--warn:#fbbf24;--shadow:none}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:640px;margin:0 auto;padding:24px 16px 80px}h1{margin:0;font-size:1.6rem;line-height:1.2}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:24px 0 8px;font-size:.75rem;font-weight:700}input,select,button{font:inherit}input:not([type=checkbox]),select{border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:12px;padding:11px 14px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none}button{cursor:pointer;background:var(--accent);color:var(--on-accent);border:0;border-radius:12px;padding:11px 18px;font-weight:600;transition:filter .15s,transform 50ms}button:hover{filter:brightness(1.08)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:default}.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;padding:8px 14px}.auth{text-align:center;max-width:380px;margin:8vh auto 0}.auth-logo{background:var(--accent);width:56px;height:56px;color:var(--on-accent);border-radius:16px;place-items:center;margin:0 auto 16px;font-size:28px;font-weight:700;display:grid}.sub{color:var(--muted);margin:6px 0 24px}.tabs{background:var(--soft);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.tab{color:var(--muted);background:0 0;border-radius:10px;padding:9px}.tab.active{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.auth form{text-align:left;gap:10px;display:grid}.msg{color:var(--danger);text-align:center;min-height:1.5em;margin:0;font-size:.9rem}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.hello{color:var(--muted);margin:0;font-size:.85rem}.top-actions{align-items:center;gap:10px;display:flex}.avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:50%;place-items:center;font-weight:700;display:grid}.summary{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;padding:16px}.summary-row{justify-content:space-between;align-items:baseline;display:flex}.summary strong{font-size:1.5rem}.summary span{color:var(--muted);font-size:.9rem}.bar{background:var(--soft);border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.bar>i{background:var(--accent);border-radius:99px;height:100%;transition:width .3s;display:block}.chips{scrollbar-width:none;gap:8px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:99px;flex:none;padding:6px 14px;font-size:.85rem}.chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}details.add{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-bottom:8px}details.add summary{cursor:pointer;color:var(--accent);padding:14px 16px;font-weight:600;list-style:none}details.add summary::-webkit-details-marker{display:none}details.add[open] summary{border-bottom:1px solid var(--line)}#add{gap:10px;padding:16px;display:grid}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}#list{gap:8px;margin:0;padding:0;list-style:none;display:grid}#list li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;transition:opacity .2s;display:flex}#list input[type=checkbox]{appearance:none;border:2px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;place-content:center;width:24px;height:24px;margin-top:2px;display:grid}#list input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}#list input[type=checkbox]:checked:after{content:"✓";color:var(--on-accent);font-size:14px;line-height:1}.body{min-width:0}.subject{background:hsl(var(--h,245) 85% 92%);color:hsl(var(--h,245) 55% 30%);border-radius:99px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.subject{background:hsl(var(--h,245) 35% 24%);color:hsl(var(--h,245) 85% 86%)}}.desc{overflow-wrap:anywhere;margin-top:6px}.meta{color:var(--muted);margin-top:4px;font-size:.8rem}.due.overdue{color:var(--danger);font-weight:600}.due.soon{color:var(--warn);font-weight:600}#list li.done{opacity:.55}#list li.done .desc{text-decoration:line-through}.empty{text-align:center;color:var(--muted);padding:32px 0}.credit{text-align:center;color:var(--muted);padding:0 16px 32px;font-size:.8rem}.credit strong{color:var(--text);font-weight:600}.chip{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.nav{margin-bottom:8px}.courses{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.courses li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.courses .info{flex:1;min-width:0}.courses .code{color:var(--accent-text);font-size:.75rem;font-weight:700}.courses .cname{overflow-wrap:anywhere}.courses button{flex:none;padding:8px 14px}.courses button.on{color:var(--muted);border:1px solid var(--line);background:0 0}dialog{border:1px solid var(--line);background:var(--card);color:var(--text);width:min(92vw,440px);box-shadow:var(--shadow);border-radius:16px;padding:0}#list .body{cursor:pointer;flex:1}dialog{border:1px solid var(--line);background:var(--card);color:var(--text);width:min(92vw,440px);max-height:90vh;box-shadow:var(--shadow);border-radius:16px;padding:0;overflow-y:auto}dialog::backdrop{background:#00000073}.dlg-body{gap:10px;padding:20px;display:grid}.dlg-body h3{margin:0}.dlg-body h2{margin:12px 0 0}.dlg-desc{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.dlg-meta{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.9rem;display:grid}.dlg-meta dt{color:var(--muted)}.dlg-meta dd{margin:0}.dlg-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}button.danger{background:var(--danger);color:#fff}.nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}textarea{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);resize:vertical;border-radius:12px;padding:11px 14px}