@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#14303d;background:radial-gradient(circle at top left,rgba(255,225,159,.7),transparent 30%),linear-gradient(180deg,#f5fbff,#fff9ef)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px;background:#0c364df2;color:#fff;display:flex;flex-direction:column;gap:24px}.brand h1,.page-header h2,.card h2,.hero h2{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;margin:0 0 8px;color:inherit}.muted{color:#5c7180}.sidebar .muted,.sidebar .eyebrow{color:#ffffffbf}.nav-links{display:flex;flex-direction:column;gap:10px}.nav-links a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:14px;background:#ffffff0f}.nav-links a.active,.nav-links a:hover{background:#ffffff29}.page-shell{padding:28px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.page-grid{display:grid;gap:20px}.card,.hero,.stat-card{background:#ffffffe0;border:1px solid rgba(20,48,61,.08);border-radius:24px;padding:22px;box-shadow:0 18px 40px #19405414}.child-hero{background:linear-gradient(135deg,#fff1bf,#d8f4ff)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card h3{font-size:2rem;margin:0 0 8px}.section-header,.topic-row,.activity-row,.question-topline,.form-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.topic-list,.activity-list,.question-stack{display:grid;gap:14px}.pill,.chip{border-radius:999px;padding:8px 12px;background:#e7f4fb;color:#14303d;border:none}.pill.success{background:#d7f6e3}.pill.warning{background:#ffe6c7}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip.selected,.option.selected{background:#14303d;color:#fff}.practice-card h3{font-size:1.5rem}.option-list{display:grid;gap:12px;margin:18px 0}.option-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.option{display:flex;gap:12px;align-items:start;width:100%;border:1px solid rgba(20,48,61,.12);background:#fff;color:inherit;border-radius:18px;padding:14px;text-align:left}.primary-button{border:none;border-radius:16px;padding:12px 18px;background:#ff8c42;color:#fff;font-weight:700}.primary-button:disabled{opacity:.5}.feedback{border-radius:20px;padding:16px}.feedback.correct{background:#e8fbf0}.feedback.incorrect{background:#fff1e8}.right-align{text-align:right}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(20,48,61,.08)}.stack-form{display:grid;gap:12px}.stack-form input,.stack-form select,.stack-form textarea{width:100%;border:1px solid rgba(20,48,61,.16);border-radius:14px;padding:12px;background:#fff}.split-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.option-editor{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center}.mini-question{border:1px solid rgba(20,48,61,.08);border-radius:18px;padding:16px;background:#fffc}.loading-screen{min-height:100vh;display:grid;place-items:center;font-size:1.1rem}@media (max-width: 980px){.app-shell,.stats-grid,.split-card,.option-list.compact{grid-template-columns:1fr}.page-header,.section-header,.topic-row,.activity-row,.question-topline,.form-row{flex-direction:column;align-items:start}}.admin-layout{align-items:start}.admin-list{display:grid;gap:12px;margin-top:18px}.admin-item{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:14px;border-radius:18px;background:#f7fbfdf2;border:1px solid rgba(20,48,61,.08)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.secondary-button,.danger-button{border:none;border-radius:14px;padding:10px 14px;font-weight:700}.secondary-button{background:#dfeff7;color:#14303d}.danger-button{background:#ffe0dc;color:#8c2f27}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input{width:auto}.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.timer-pill{padding:10px 14px;border-radius:999px;background:#e7f4fb;font-weight:700}.timer-pill.danger{background:#ffd8c7;color:#8c2f27}@media (max-width: 980px){.admin-item,.button-row,.two-up{grid-template-columns:1fr;flex-direction:column;align-items:start}}.user-panel{margin:24px 0;padding:16px;border-radius:20px;background:#ffffffd1;border:1px solid rgba(20,48,61,.08);display:grid;gap:8px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f5fbff,#ecf4ef)}.auth-card{width:min(100%,520px);padding:32px;border-radius:28px;background:#fffffff5;border:1px solid rgba(20,48,61,.08);box-shadow:0 30px 60px #14303d14}.auth-card h1{margin-bottom:12px}.auth-help{margin-top:18px;padding-top:18px;border-top:1px solid rgba(20,48,61,.08)}.auth-error{margin:0;color:#8c2f27;font-weight:600}:root{font-family:Nunito,Trebuchet MS,sans-serif;color:#17324d;background:radial-gradient(circle at top left,rgba(255,205,91,.32),transparent 26%),radial-gradient(circle at bottom right,rgba(72,195,255,.28),transparent 30%),linear-gradient(180deg,#f4fbff,#fff7ec)}body{color:#17324d}.sidebar{background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 22%),linear-gradient(180deg,#0e5a87,#083d63);position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:#ffc43d2e;filter:blur(4px)}.brand h1,.hero h2,.page-header h2,.card h2,.card h3,.auth-card h1{font-family:"Baloo 2",Trebuchet MS,sans-serif}.brand h1{font-size:2.25rem;line-height:.95}.nav-links a{border-radius:18px;padding:14px 16px;font-weight:700;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.nav-links a.active,.nav-links a:hover{background:#ffffff38;box-shadow:0 10px 24px #0000001f;transform:translate(3px)}.page-shell{padding:32px}.page-header{padding:6px 2px 18px}.card,.hero,.stat-card,.auth-card{border-radius:28px;border:1px solid rgba(23,50,77,.08);box-shadow:0 20px 45px #17324d1a}.hero{position:relative;overflow:hidden}.child-hero{background:radial-gradient(circle at top right,rgba(255,255,255,.55),transparent 22%),linear-gradient(135deg,#ffd767,#ffefb3 36%,#93e6ff)}.child-hero:after{content:"🚀";position:absolute;right:24px;top:20px;font-size:2rem;opacity:.75}.stats-grid{gap:18px}.stat-card{background:linear-gradient(180deg,#fffffff5,#f3fafff2)}.stat-card h3{font-size:2.3rem;color:#0d5a87}.topic-row,.activity-row,.admin-item,.mini-question{border-radius:22px;background:#ffffffd6}.pill,.chip{background:#dff5ff;color:#0d537f;font-weight:800}.pill.success{background:#d7f8df;color:#177143}.pill.warning{background:#ffe5b6;color:#8a5310}.chip{padding:10px 16px;transition:transform .14s ease,background .14s ease}.chip:hover,.option:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px)}.chip.selected,.option.selected{background:linear-gradient(135deg,#0f6ea5,#0a4c76);color:#fff}.option{border-radius:20px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.option:hover{border-color:#0d5a8738;box-shadow:0 12px 24px #0d5a8717}.primary-button,.secondary-button,.danger-button{font-weight:800}.primary-button{background:linear-gradient(135deg,#ff9f45,#ff7f32);box-shadow:0 12px 24px #ff7f3238}.secondary-button{background:linear-gradient(135deg,#e5f6ff,#d7efff);color:#124a72}.danger-button{background:linear-gradient(135deg,#ffe6e1,#ffd5cc)}.feedback.correct{background:linear-gradient(180deg,#e7fbef,#d8f6e2)}.feedback.incorrect{background:linear-gradient(180deg,#fff3e8,#ffe7d6)}.auth-screen{background:radial-gradient(circle at top center,rgba(255,204,81,.28),transparent 22%),radial-gradient(circle at bottom left,rgba(90,210,255,.24),transparent 26%),linear-gradient(180deg,#effaff,#fff7ea)}.auth-card{background:#fffffff7}.auth-help{background:#f4faffe6;border-radius:18px;padding:14px 16px 0}
