:root{--bg: #f4f7fa;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #eef2f6;--border: #e2e8f0;--border-soft: #edf1f6;--text: #2b3440;--text-soft: #5b6875;--text-faint: #8a97a5;--primary: #5b7a9d;--primary-ink: #3f5a78;--primary-wash:#e9f0f7;--accent: #7fa99b;--accent-wash: #e8f1ee;--c-classrooms: #6a8cba;--c-tasks: #c58a6a;--c-projects: #8a7aba;--c-meetings: #6aa6a0;--c-assignments:#b57a94;--danger: #c9736b;--warn: #cf9b52;--ok: #6fa07f;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 1px 2px rgba(43, 52, 64, .04), 0 6px 20px rgba(43, 52, 64, .06);--shadow-soft: 0 1px 2px rgba(43, 52, 64, .04);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-h: 68px;--maxw: 900px}@media(prefers-color-scheme:dark){:root{--bg: #12171d;--bg-elev: #1a2129;--surface: #1a2129;--surface-2: #222b35;--border: #2b3540;--border-soft: #232c36;--text: #e6ecf2;--text-soft: #a9b6c3;--text-faint: #74828f;--primary: #8fb0d4;--primary-ink: #a9c4e0;--primary-wash:#22303f;--accent: #9cc4b6;--accent-wash: #23342f;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);--shadow-soft: 0 1px 2px rgba(0,0,0,.3)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.2rem}p{margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.page{width:100%;max-width:var(--maxw);margin:0 auto;padding:24px 20px calc(var(--nav-h) + 32px);flex:1}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.page-header .greeting{color:var(--text-faint);font-size:.92rem}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px}.card-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform .12s ease,box-shadow .12s ease}.card-row:active{transform:scale(.995)}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.folder-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);transition:transform .14s ease,box-shadow .14s ease;min-height:118px}.folder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.folder-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;color:#fff}.folder-card .count{color:var(--text-faint);font-size:.85rem}.folder-card .name{font-weight:600;font-size:1.02rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;background:var(--surface-2);color:var(--text);transition:filter .12s ease,transform .08s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--primary-ink)}.btn-block{width:100%}.btn-lg{padding:14px 22px;font-size:1.05rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--text-soft);font-weight:500}.input,select.input,textarea.input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,select.input:focus,textarea.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-wash)}.nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-elev) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--border-soft);display:flex;justify-content:space-around;align-items:stretch;z-index:40}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);font-size:.68rem;font-weight:500;transition:color .12s ease}.nav a .nav-ico{font-size:1.25rem;line-height:1}.nav a.active{color:var(--primary)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-2);color:var(--text-soft)}.pill.hard{background:var(--danger);color:#fff}.muted{color:var(--text-faint)}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.center-screen{min-height:100%;display:grid;place-items:center;padding:24px}.empty{text-align:center;color:var(--text-faint);padding:40px 20px}.empty .emoji{font-size:2rem;display:block;margin-bottom:8px;opacity:.8}.banner{padding:12px 14px;border-radius:var(--radius-sm);font-size:.88rem;background:var(--accent-wash);color:var(--primary-ink);border:1px solid var(--border-soft)}.banner.warn{background:#fbf1e0;color:#8a6a2f}@keyframes sheetUp{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}.fab{position:fixed;right:20px;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:400;box-shadow:var(--shadow);z-index:30}