:root{--bg: #0b0b0f;--surface: #16161d;--surface-2: #1f1f29;--border: #2a2a36;--text: #f2f2f5;--text-soft: #d6d6df;--muted: #9a9aa8;--accent: #7c5cff;--accent-2: #a78bfa;--like: #ff4d6d;--ok: #2ecc71;--bad: #ff6b6b;--bar-bg: rgba(11, 11, 15, .85);--chip-purple: #c4b5fd;--chip-sky: #7dd3fc;--chip-amber: #fbbf24;--radius: 18px}:root[data-theme=light]{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #eef0f5;--border: #e1e3ec;--text: #1a1b22;--text-soft: #3a3b45;--muted: #62636f;--accent: #6d44ff;--accent-2: #6d44ff;--like: #e0214d;--ok: #149e57;--bad: #d63a35;--bar-bg: rgba(255, 255, 255, .85);--chip-purple: #6d44ff;--chip-sky: #0369a1;--chip-amber: #b45309}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}.card,.topbar,.nav,.react-btn,.option,.theme-toggle,.theme-toggle button,.stat,.prompt-row,.progress-row,.topic-tile{transition:background-color .2s ease,border-color .2s ease,color .2s ease}button{font-family:inherit;cursor:pointer}a{color:var(--accent-2);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.8rem}.center{display:grid;place-items:center;min-height:60vh;text-align:center;gap:.5rem;padding:2rem}.error{color:var(--bad);font-size:.9rem}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;font-size:.95rem;transition:transform .08s ease,opacity .2s}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:default;transform:none}.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.55rem 1.1rem;font-weight:500}.ghost:hover{border-color:var(--accent)}.brand{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;cursor:pointer}.brand span{color:var(--accent-2)}.brand.big{font-size:2.4rem;text-align:center}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(1200px 600px at 50% -10%,rgba(124,92,255,.18),transparent)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.tagline{text-align:center;color:var(--muted);margin:.25rem 0 1.5rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form input,.prompt-composer textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:.8rem 1rem;font-size:.95rem;outline:none}.auth-form input:focus,.prompt-composer textarea:focus{border-color:var(--accent)}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);margin:1.2rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-btn{display:flex;justify-content:center}.switch{text-align:center;margin-top:1.25rem;color:var(--muted);font-size:.9rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.25rem;background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;gap:.35rem;margin-left:.5rem}.nav a{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);padding:.45rem .85rem;border-radius:999px;font-weight:600;font-size:.9rem}.nav a svg{width:18px;height:18px;flex:none}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);background:var(--surface-2)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:.85rem}.user-menu .muted{font-size:.85rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1}.theme-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.theme-toggle button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;background:none;color:var(--muted);border-radius:999px}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.active{background:var(--surface);color:var(--accent-2)}.theme-toggle svg{width:16px;height:16px}.feed{max-width:560px;margin:0 auto;padding:1.5rem 1rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.feed-banner{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.1rem;border:1px solid var(--accent);border-radius:var(--radius);background:#7c5cff1a}.feed-banner strong{font-size:.95rem}.feed-banner .muted{font-size:.85rem;line-height:1.45}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem .4rem}.reason{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;border-radius:999px}.reason.prompted{color:var(--chip-purple);background:#7c5cff29}.reason.suggested{color:var(--chip-sky);background:#38bdf824}.reason.remediation{color:var(--chip-amber);background:#fbbf2424}.level-chip{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem}.media{width:100%;display:block;background:#000;max-height:70vh}.carousel{position:relative;background:#000;touch-action:pan-y;overflow:hidden}.carousel-track{display:flex;transition:transform .32s cubic-bezier(.22,.61,.36,1)}.carousel-track img{flex:0 0 100%;width:100%;display:block;max-height:70vh;object-fit:cover;user-select:none;-webkit-user-select:none}.car-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.3rem}.car-nav.left{left:8px}.car-nav.right{right:8px}.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dot{width:6px;height:6px;border-radius:999px;background:#fff6;transition:width .25s ease,background .25s ease}.dot.active{width:18px;background:#fff}.card-body{padding:1rem 1.1rem .4rem}.card-title{margin:0 0 .5rem;font-size:1.15rem;letter-spacing:-.01em}.card-text{margin:0;color:var(--text-soft);line-height:1.55;white-space:pre-wrap}.card-text.clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.see-more{margin-top:.35rem;padding:0;background:none;border:none;color:var(--accent-2);font-size:.85rem;font-weight:600;cursor:pointer}.see-more:hover{text-decoration:underline}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.1rem 1rem}.reactions{display:flex;gap:.5rem}.react-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.4rem .8rem;font-weight:600}.react-btn svg{width:18px;height:18px}.react-btn.active.like{color:var(--like);border-color:var(--like)}.react-btn.active.dislike{color:var(--muted);border-color:var(--muted)}.duration{font-size:.8rem}.test-card{border-color:#7c5cff66}.test{padding:1.2rem}.test-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--accent-2);margin-bottom:.6rem}.test-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.test-head .test-tag{margin-bottom:0}.revise-btn{background:none;border:1px solid var(--border);color:var(--accent-2);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.revise-btn:hover{border-color:var(--accent)}.test-gate-note{font-size:.82rem;margin:0 0 .8rem}.revise-panel{display:flex;flex-direction:column;gap:.7rem;margin:0 0 1rem;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.revise-item h4{margin:0 0 .25rem;font-size:.95rem}.revise-item p{margin:0;line-height:1.5;color:var(--text-soft);font-size:.9rem;white-space:pre-wrap}.test-q{font-size:1.2rem;margin:0 0 1rem}.options{display:flex;flex-direction:column;gap:.6rem}.option{text-align:left;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:.8rem 1rem;font-size:.95rem;transition:border-color .15s}.option:hover:not(:disabled){border-color:var(--accent)}.option.selected{border-color:var(--accent)}.option.correct{border-color:var(--ok);background:#2ecc711f}.option.wrong{border-color:var(--bad);background:#ff6b6b1f}.submit{margin-top:1rem;width:100%}.verdict{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;background:var(--surface-2)}.verdict.ok strong{color:var(--ok)}.verdict.bad strong{color:var(--bad)}.verdict p{margin:.5rem 0 0;line-height:1.5}.sentinel{text-align:center;color:var(--muted);padding:1.5rem;font-size:.9rem}.page{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.page.narrow{max-width:620px}.page h1{margin:0 0 .4rem;letter-spacing:-.02em}.section{margin:2rem 0 1rem;font-size:1.1rem}.page-actions{margin-top:1.5rem}.empty .empty-actions{display:flex;gap:.75rem;margin-top:1rem}.prompt-composer{display:flex;flex-direction:column;gap:.8rem;margin-top:1.25rem}.prompt-composer textarea{min-height:90px;resize:vertical}.prompt-composer .primary{align-self:flex-start}.prompt-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.prompt-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.prompt-text{font-weight:500}.status-pill{font-size:.75rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;white-space:nowrap}.status-pill.pending{color:var(--chip-amber);background:#fbbf2424}.status-pill.generating{color:var(--chip-sky);background:#38bdf824}.status-pill.ready{color:var(--ok);background:#2ecc7124}.status-pill.failed{color:var(--bad);background:#ff6b6b24}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;margin-top:1.25rem}.topic-tile{text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s,transform .08s}.topic-tile:hover{transform:translateY(-2px)}.topic-tile.on{border-color:var(--accent);background:#7c5cff1a}.topic-title{font-weight:700}.topic-desc{font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stat-row{display:flex;gap:1rem;margin-top:1.25rem}.stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.1rem;text-align:center}.stat-num{font-size:1.8rem;font-weight:800}.progress-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.progress-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.progress-head{display:flex;justify-content:space-between;margin-bottom:.5rem}.bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;animation:growX .7s cubic-bezier(.22,.61,.36,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.card{animation:riseIn .35s ease both}.verdict{animation:riseIn .25s ease both}.revise-panel{animation:riseIn .2s ease both}.feed-banner{animation:riseIn .3s ease both}.page,.center{animation:fadeIn .25s ease both}.auth-card{animation:riseIn .3s ease both}.primary,.ghost,.react-btn,.option,.revise-btn,.see-more,.nav a,.theme-toggle button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .1s ease,opacity .18s ease}.primary:active:not(:disabled),.ghost:active,.react-btn:active,.option:active:not(:disabled),.revise-btn:active,.theme-toggle button:active{transform:scale(.96)}@media (max-width: 640px){.topbar{gap:.75rem;padding:.7rem 1rem}.brand{font-size:1.15rem}.user-menu{margin-left:auto;gap:.5rem}.user-menu .muted{display:none}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;margin:0;gap:0;justify-content:space-around;background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom))}.nav a{flex:1;flex-direction:column;gap:.15rem;text-align:center;padding:.4rem .25rem;font-size:.7rem;border-radius:10px}.nav a svg{width:22px;height:22px}.feed{padding:1rem .75rem 5.5rem;gap:1.1rem}.page{padding:1.5rem 1rem 5.5rem}.auth-form input,.prompt-composer textarea,.option{font-size:16px}.topic-grid{grid-template-columns:1fr 1fr;gap:.6rem}.stat-row{gap:.6rem}.stat{padding:.9rem .6rem}.stat-num{font-size:1.5rem}.card-title{font-size:1.08rem}}