:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--error: #f87171;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--error);font-size:.9rem}.spacer{flex:1}.center-screen{min-height:100%;display:grid;place-items:center;padding:1.5rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem}.card h1{margin:0;font-size:1.4rem}.card label{font-size:.85rem;color:var(--muted);margin-top:.5rem}.card input{padding:.7rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font-size:1rem}button{margin-top:1rem;padding:.7rem 1rem;border:none;border-radius:8px;background:var(--accent);color:#04202e;font-weight:600;font-size:1rem;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.link{margin:0;background:none;color:var(--accent);font-weight:500;padding:.3rem .5rem}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;background:var(--surface);position:sticky;top:0}.content{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;max-width:720px;width:100%;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.tile{background:var(--surface);border-radius:var(--radius);padding:1rem;min-height:96px;display:flex;flex-direction:column;gap:.35rem}.tile-label{font-weight:600}.tile-empty{flex:1;color:var(--muted);display:flex;align-items:center}.subjects{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.subjects li{background:var(--surface);border-radius:8px;padding:.5rem .75rem}.badge{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);color:var(--muted);border-radius:6px;padding:.1rem .4rem;margin-right:.4rem}.a2hs{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 8px 24px #00000059}.a2hs .link{margin-left:auto}