@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;800&family=Roboto:wght@400;700;900&display=swap";:root{--bg: #f0ede8;--surface: #faf8f5;--text: #1c1a17;--muted: #7a7268;--border: #ddd8d0;--green: #2d7a3a;--gbg: #eaf5ec;--red: #b83232;--rbg: #fceaea;--yellow: #c8960c;--blue: #1a5fa8;--bbg: #e8f0fb;--acc: #2563a8;--r: 12px}body.dark-mode{--bg: #0d1b2a;--surface: #132233;--text: #dce8f0;--muted: #7a96aa;--border: #1e3048;--green: #4caf78;--gbg: #102a1e;--red: #e05555;--rbg: #250e0e;--yellow: #e6a817;--blue: #5ba8f5;--bbg: #0e243a;--acc: #5ba8f5}body.high-contrast{--bg: #ffffff;--surface: #ffffff;--text: #000000;--muted: #444444;--border: #999999;--green: #006600;--gbg: #e6ffe6;--red: #cc0000;--rbg: #ffe6e6;--yellow: #b8860b;--blue: #0000cc;--bbg: #e6e6ff;--acc: #0000cc}body.dark-mode.high-contrast{--bg: #000000;--surface: #111111;--text: #ffffff;--muted: #bbbbbb;--border: #666666;--green: #44ff44;--gbg: #002200;--red: #ff4444;--rbg: #220000;--yellow: #ffc940;--blue: #6699ff;--bbg: #001133;--acc: #6699ff}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}html{overflow-x:hidden;width:100%;-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}input,textarea,select{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh;overflow:hidden;width:100%;padding-top:60px;padding-top:calc(60px + env(safe-area-inset-top,0px))}#root{display:flex;flex-direction:column;height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flash-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes timer-blink{0%,to{opacity:.9}50%{opacity:.25}}@keyframes tooltip-in{to{opacity:1}}@keyframes score-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes slide-in-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.page-transition{animation-duration:.25s;animation-timing-function:ease-out;animation-fill-mode:both;display:flex;flex-direction:column;flex:1;overflow:hidden}.page-transition.slide-right{animation-name:slide-in-right}.page-transition.slide-left{animation-name:slide-in-left}.page-transition.no-transition{animation:none}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--acc);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}.timer-paused{animation:timer-blink 1.2s ease-in-out infinite}body.high-contrast .topbar{background:#000!important}body.high-contrast .hero-card,body.high-contrast .mode-card,body.high-contrast .opt,body.high-contrast .flash-opt,body.high-contrast .flash-stat-box,body.high-contrast .qtxt{border-width:2px!important}body.dark-mode.high-contrast .topbar{background:#000!important}body.dark-mode .card,body.dark-mode .qtxt,body.dark-mode .opt,body.dark-mode .flash-stat-box,body.dark-mode .flash-question,body.dark-mode .flash-opt,body.dark-mode .hero-card{box-shadow:none!important}body.dark-mode .hero-eyebrow{color:#f59e0b!important;background:#f59e0b1f!important;border-color:#f59e0b33!important}body.dark-mode .mode-card{border-color:var(--border)!important;background:#ffffff08!important}body.dark-mode .mode-card.selected{background:var(--bbg)!important}body.dark-mode .mode-card-icon:not(.belt-dot){background:#ffffff0f!important;border-color:var(--border)!important}body.dark-mode .confirm-box{box-shadow:0 8px 40px #00000080,0 20px 60px #0006}body.dark-mode .mode-btn strong{color:var(--text)!important}body.dark-mode .mode-btn span{color:var(--muted)!important}body.dark-mode .mode-btn.selected strong,body.dark-mode .mode-btn.selected span{color:var(--acc)!important}body.dark-mode .card-label{color:var(--muted)!important}body.dark-mode .logo h1{color:var(--text)!important}body.dark-mode .logo h1 em{color:var(--acc)!important}body.dark-mode .logo-sub{color:var(--muted)!important}body.dark-mode .logo{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .cat-nm,body.dark-mode h2,body.dark-mode .cn{color:var(--text)!important}body.dark-mode .cc,body.dark-mode .prog-lbl{color:var(--muted)!important}body.dark-mode .qtxt{color:var(--text)!important}body.dark-mode .opt{color:var(--text)!important;background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .rscore{color:var(--acc)!important}body.dark-mode .rverdict{color:var(--text)!important}body.dark-mode .rof,body.dark-mode .rpct{color:var(--muted)!important}body.dark-mode .result-header{color:var(--text)!important}body.dark-mode .opt .key-hint,body.dark-mode .flash-opt .key-hint{color:#ffffff26}body.dark-mode .burger-panel{box-shadow:0 8px 40px #00000080,0 20px 60px #0006}@keyframes tkd-push{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.game-wrap{max-width:500px;margin:0 auto;padding:8px 16px 24px;width:100%;flex:1;overflow-y:auto}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.game-quit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);font-family:Barlow,sans-serif;font-size:16px;font-weight:400;color:var(--muted);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:all .15s}@media(hover:hover){.game-quit-btn:hover{border-color:#e05555;background:#fceaea;color:#b83232}}.game-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.game-progress-label{font-family:Barlow,sans-serif;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;min-width:40px}.game-progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.game-progress-fill{height:100%;background:var(--acc);border-radius:2px;transition:width .3s}.game-category{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px;text-align:center}.game-question{font-family:Barlow,sans-serif;font-size:20px;font-weight:700;text-align:center;color:var(--text);line-height:1.35;margin-bottom:12px;padding:14px 8px;background:transparent;border-radius:0;border:none;min-height:80px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;text-wrap:pretty}.game-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;max-width:500px;margin:0 auto;width:100%}.game-opt{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);text-align:center;font-size:18px;font-family:Barlow,sans-serif;font-weight:700;color:var(--text);cursor:pointer;transition:all .15s;line-height:1.3;box-shadow:0 1px 3px #0000000f,0 3px 10px #0000000a;-webkit-user-select:none;user-select:none;position:relative;min-height:110px;outline:none;-webkit-tap-highlight-color:transparent;word-break:break-word}.game-opt .key-hint{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:#00000026;font-weight:400;display:none;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.game-opt .key-hint.left{left:12px}.game-opt .key-hint.right{right:12px}@media(hover:hover){.game-opt .key-hint{display:block}}@media(hover:hover){.game-opt:hover:not(:disabled){border-color:var(--acc);background:var(--bbg);color:var(--acc)}}.game-opt:active:not(:disabled){animation:tkd-push .2s ease-out}.game-opt:disabled{cursor:default}.game-opt.correct{border-color:var(--green);background:var(--gbg);color:var(--green)}.game-opt.correct-hl{border-color:var(--green);background:var(--gbg);color:var(--green);animation:flash-pop .3s ease}.game-opt.wrong{border-color:var(--red);background:var(--rbg);color:var(--red)}.game-opt.selected{border-color:var(--acc);background:var(--bbg);box-shadow:0 0 0 3px #1a5fa833}.game-opt.dimmed{opacity:.3}.game-opt.eliminated{opacity:.28;text-decoration:line-through;cursor:default;border-color:var(--border)!important;background:var(--surface)!important;color:var(--muted)!important}.game-opt.skeleton{background:var(--border);border-color:var(--border);color:transparent;pointer-events:none;animation:skeleton-pulse 1.4s ease-in-out infinite}.game-opt.number{font-size:34px;padding:0}.game-action-btn{display:flex;align-items:center;justify-content:center;flex:1;padding:14px;border-radius:var(--r);font-family:Barlow,sans-serif;font-size:15px;font-weight:700;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:all .15s}.game-action-btn.primary{border:none;background:var(--acc);color:#fff}.game-action-btn.outline{border:1.5px solid var(--border);background:var(--surface);color:var(--text)}.game-action-btn.accent{border:1.5px solid var(--acc);background:var(--bbg);color:var(--acc)}.game-action-btn.full{display:block;width:100%;margin:16px 0 0;padding:18px;font-size:18px;font-weight:600}body.dark-mode .game-opt{box-shadow:none}.info-card{padding:24px;margin-bottom:12px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.info-card-title{font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:var(--text);margin:0 0 12px;text-transform:uppercase;letter-spacing:.4px}.info-card-text{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.info-card-list{margin:10px 0 0;padding-left:18px;font-size:14px;line-height:1.75;color:var(--muted)}.info-card-list li{margin-bottom:6px}.info-card-list li:last-child{margin-bottom:0}body.dark-mode .info-card{box-shadow:none}.wrap{max-width:500px;margin:0 auto;padding:20px 16px}.logo{text-align:center;margin-bottom:24px;padding:28px 20px 24px;background:var(--surface);border-radius:16px;border:1px solid var(--border);position:relative;overflow:hidden}.logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a5fa80f,#1a5fa805,#5a35b00a);pointer-events:none}.logo-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:10px;display:block}.logo h1{font-size:36px;font-weight:800;line-height:1.15;font-family:Barlow,sans-serif;letter-spacing:-.5px;color:var(--text)}.logo h1 em{font-style:normal;color:var(--acc)}.logo-sub{font-size:15px;color:var(--muted);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px}.card{background:var(--surface);border-radius:var(--r);padding:28px;margin-bottom:20px;border:1px solid var(--border);box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000d}.card-label{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.mode-btn{display:block;width:100%;padding:14px 18px;border-radius:12px;border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;margin-bottom:8px;font-family:inherit;transition:all .15s;-webkit-tap-highlight-color:transparent;outline:none}.mode-btn:focus,.mode-btn:active{outline:none}@media(hover:hover){.mode-btn:hover:not(.selected){border-color:var(--acc);background:var(--bbg)}}.mode-btn:last-child{margin-bottom:0}.mode-btn.selected{border-color:var(--acc);background:var(--bbg)}.mode-btn.selected strong,.mode-btn.selected span{color:var(--acc)}.mode-btn strong{display:block;font-size:17px;font-weight:700}.mode-btn span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.next-screen-btn{display:block;width:100%;padding:22px;border-radius:var(--r);border:none;background:var(--acc);color:#fff;font-size:20px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:14px}.back-btn{display:block;width:100%;padding:13px;border-radius:var(--r);border:2px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:10px}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cat-btn{padding:32px 20px;border-radius:14px;border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;font-family:inherit;transition:all .15s}.cat-btn .ci{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.cat-btn .ci svg{width:36px;height:36px}.cat-btn .cn{font-size:18px;font-weight:600;color:var(--text);display:block}.cat-btn .cc{font-size:15px;color:var(--muted);display:block;margin-top:5px}.cat-btn.selected{border-color:var(--acc);background:var(--bbg)}.cat-btn.cat-alle{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;padding:28px}.cat-btn.cat-alle .ci{margin:0;flex-shrink:0}.cat-btn.cat-alle .cn{font-size:20px}.topbar{position:fixed;top:0;left:0;right:0;height:60px;padding-top:env(safe-area-inset-top,0px);height:calc(60px + env(safe-area-inset-top,0px));background:#1c1a17;display:flex;align-items:center;justify-content:center;padding:0 24px;z-index:500;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px}.topbar-left{display:flex;align-items:center;gap:6px}.topbar-logo{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2);transition:background .15s;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.topbar-logo:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.topbar-logo:hover{background:#fff3}.topbar-logo svg{width:18px;height:18px}.topbar-title{font-family:Barlow,sans-serif;font-size:12px;font-weight:700;color:#fff;letter-spacing:.6px;white-space:nowrap;text-transform:uppercase}.topbar-version{font-size:10px;color:#ffffff59;font-family:Barlow,sans-serif;font-weight:500;margin-left:6px;letter-spacing:.3px}.topbar-right{display:flex;align-items:center;gap:6px}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s;position:relative;-webkit-tap-highlight-color:transparent}.topbar-avatar:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.topbar-avatar:hover{background:#fff3}.topbar-burger{width:40px;height:40px;border-radius:10px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;transition:background .15s}.topbar-burger:hover{background:#ffffff2e}.topbar-burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}.qhdr{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:60px;top:calc(60px + env(safe-area-inset-top,0px));z-index:100;width:100%}.prog-lbl{font-size:16px;color:var(--muted);font-weight:500}.mode-lbl{font-size:13px;background:var(--bbg);color:var(--blue);padding:5px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pbar-wrap{height:3px;background:var(--border)}.pbar-fill{height:3px;background:var(--acc);transition:width .3s}.quiz-body{max-width:500px;margin:0 auto;padding:0 16px}.qarea{padding:16px 16px 12px;max-width:500px;margin:0 auto}.cbadge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px;margin-bottom:0}.ct{background:#e8f4ff;color:#1a5fa8}.cp{background:#f0e8ff;color:#5a35b0}.ck{background:#fff3e0;color:#b35a00}.cf{background:#e8f7ee;color:#2d7a3a}.qtxt{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:12px;min-height:72px;text-align:left;padding:20px 16px 24px;background:var(--surface);border-radius:var(--r);border:1px solid var(--border);box-shadow:0 1px 4px #0000000f,0 4px 14px #0000000d;-webkit-user-select:none;user-select:none}.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;max-width:500px;margin:0 auto;width:100%}.opt{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);text-align:center;font-size:18px;font-family:Barlow,sans-serif;font-weight:700;color:var(--text);cursor:pointer;transition:all .15s;line-height:1.3;box-shadow:0 1px 3px #0000000f,0 3px 10px #0000000a;-webkit-user-select:none;user-select:none;position:relative;min-height:110px;outline:none;-webkit-tap-highlight-color:transparent;word-break:break-word}.opt .key-hint{position:absolute;top:50%;transform:translateY(-50%);left:12px;font-size:18px;color:#00000026;font-weight:400;display:none;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(hover:hover){.opt .key-hint{display:block}}@media(hover:hover){.opt:hover:not(:disabled){border-color:var(--acc);background:var(--bbg);color:var(--acc)}}.opt:active:not(:disabled){animation:tkd-push .2s ease-out}.opt.correct{border-color:var(--green);background:var(--gbg);color:var(--green)}.opt.wrong{border-color:var(--red);background:var(--rbg);color:var(--red)}.opt:disabled{cursor:default}.opt.eliminated{opacity:.28;text-decoration:line-through;cursor:default;border-color:var(--border)!important;background:var(--surface)!important;color:var(--muted)!important}.opt.selected-answer{border-color:#1a5fa8;background:var(--bbg);color:#1a5fa8}.exp{margin:12px 0 0;padding:16px 18px;background:var(--gbg);border-left:4px solid var(--green);border-radius:0 8px 8px 0;font-size:15px;color:var(--green);line-height:1.6}.exp.w{background:var(--rbg);border-color:var(--red);color:var(--red)}.retry-n{margin:10px auto 0;font-size:13px;color:var(--muted);text-align:center;max-width:500px}.nxt{display:block;width:100%;margin:16px 0 0;padding:18px;border-radius:var(--r);border:none;background:var(--acc);color:#fff;font-size:18px;font-weight:600;cursor:pointer;font-family:inherit}.confirm-answer-btn{display:block;width:100%;margin:14px 0 0;padding:16px;border-radius:var(--r);border:none;background:#1a5fa8;color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:Barlow,sans-serif;transition:opacity .15s}.hint-btn{display:block;width:100%;margin:10px 0 0;padding:12px 20px;border-radius:var(--r);border:2px dashed var(--border);background:transparent;font-size:15px;font-weight:500;color:var(--muted);cursor:pointer;font-family:inherit;text-align:center;transition:all .15s}@media(hover:hover){.hint-btn:hover{border-color:var(--acc);color:var(--acc);background:var(--bbg)}}.hint-btn:disabled{opacity:.4;cursor:default}.hint-box{margin:10px 16px 0;padding:12px 16px;background:#fff8e1;border-left:3px solid #f9a825;border-radius:0 8px 8px 0;font-size:15px;color:#5a4000}.result-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 20px 24px;text-align:center;box-shadow:0 2px 12px #00000014,0 8px 32px #0000000f;margin-bottom:16px;display:flex;flex-direction:column;align-items:center}.result-badge{font-family:Barlow,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:5px 16px;margin-bottom:16px}.result-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.result-ring-inner{position:absolute;display:flex;flex-direction:column;align-items:center}.result-ring-pct{font-family:Barlow,sans-serif;font-size:42px;font-weight:800;line-height:1;color:var(--text)}.result-ring-count{font-size:14px;color:var(--muted);margin-top:4px;font-weight:600}.result-verdict{font-family:Barlow,sans-serif;font-size:22px;font-weight:700;margin-top:4px}.result-streak{font-size:13px;color:var(--muted);margin-top:6px}.result-flash-score{font-family:Barlow,sans-serif;font-size:72px;font-weight:800;line-height:1;color:var(--text);animation:score-pop .5s cubic-bezier(.34,1.56,.64,1)}.result-flash-sub{font-size:14px;color:var(--muted);margin-top:8px;font-weight:500}.result-cats{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.result-cats-title{font-family:Barlow,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:14px}.result-cat-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.result-cat-row:last-child{border-bottom:none}.result-cat-icon{font-size:18px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px}.result-cat-info{flex:1;min-width:0}.result-cat-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.result-cat-name{font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.result-cat-score{font-family:Barlow,sans-serif;font-size:14px;font-weight:700}.result-cat-bar-bg{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.result-cat-bar-fill{height:6px;border-radius:3px;transition:width .8s ease-out}.result-weak{background:#fff8e1;border:1px solid #ffe082;border-radius:var(--r);padding:16px 18px;margin-bottom:16px;font-size:14px;color:#5a4000}.result-weak strong{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.action{display:block;width:100%;padding:18px;border-radius:var(--r);border:1.5px solid var(--border);background:var(--surface);font-family:Barlow,sans-serif;font-size:16px;font-weight:600;cursor:pointer;color:var(--text);margin-bottom:10px}.action.primary{background:var(--acc);color:#fff;border-color:var(--acc)}.hero-screen{background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:10px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));position:relative;width:100%;flex:1;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(37,99,168,.08) 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 85% 85%,rgba(90,53,176,.06) 0%,transparent 60%);pointer-events:none}.hero-card{position:relative;z-index:1;width:100%;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 16px 20px;box-shadow:0 2px 12px #00000014,0 8px 32px #0000000f;box-sizing:border-box;overflow-x:hidden;flex-shrink:0}.hero-content{text-align:center;margin-bottom:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#b07a00;margin-bottom:12px;background:#b07a001a;padding:5px 14px;border-radius:20px;border:1px solid rgba(176,122,0,.2)}.hero-title{font-family:Barlow,sans-serif;font-size:min(46px,8.2vw);font-weight:800;line-height:1.05;letter-spacing:-1px;color:var(--text);margin-bottom:8px}.hero-accent{color:var(--acc)}.hero-sub{font-size:14px;color:var(--muted);letter-spacing:.1px}.hero-divider{height:1px;background:var(--border);margin:20px 0}.hero-section-lbl{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.mode-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:0;max-width:none;overflow:hidden}.mode-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;font-family:inherit;text-align:left;transition:all .16s;-webkit-tap-highlight-color:transparent;outline:none;box-sizing:border-box;width:100%}@media(hover:hover){.mode-card:hover:not(.selected){border-color:var(--acc);background:var(--bbg)}}.mode-card.selected{border-color:var(--acc);background:var(--bbg)}.mode-card-icon{width:42px;height:42px;border-radius:10px;background:var(--border);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);transition:all .16s}.mode-card.selected .mode-card-icon{background:var(--bbg);border-color:var(--acc);color:var(--acc)}.mode-card-body{flex:1;min-width:0}.mode-card-body strong{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:700;color:var(--text);font-family:Barlow,sans-serif;margin-bottom:1px;text-transform:uppercase;letter-spacing:.6px}.mode-card-count{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.2px;text-transform:none;white-space:nowrap}.mode-card-body span{display:block;font-size:12px;color:var(--muted)}.mode-card.selected .mode-card-body strong{color:var(--acc)}.mode-card-arrow{width:18px;height:18px;flex-shrink:0;color:var(--muted);transition:color .16s}.mode-card.selected .mode-card-arrow{color:var(--acc)}.hero-footer{width:100%;max-width:500px;position:relative;z-index:1}.hero-cta{display:block;width:100%;padding:16px;border-radius:12px;border:none;background:#1a5fa8;color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:Barlow,sans-serif;letter-spacing:.2px;transition:background .15s,transform .1s;text-transform:uppercase;letter-spacing:.8px}.hero-cta:hover{background:#1a4f90}.hero-cta:active{transform:scale(.98)}.flash-wrap{max-width:500px;margin:0 auto;padding:8px 16px 12px;width:100%;overflow-y:auto;flex:1}.flash-stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.flash-stat-box{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);box-shadow:0 1px 4px #0000000f,0 3px 10px #0000000a;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flash-stat-score{color:var(--acc)}.flash-question{font-family:Barlow,sans-serif;font-size:20px;font-weight:700;text-align:center;color:var(--text);line-height:1.25;margin-bottom:10px;padding:14px 16px;background:var(--surface);border-radius:12px;border:1px solid var(--border);min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flash-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.flash-opt{padding:16px;min-height:110px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-family:Barlow,sans-serif;font-size:17px;font-weight:700;color:var(--text);cursor:pointer;text-align:center;transition:all .15s;line-height:1.3;box-shadow:0 1px 3px #0000000f,0 3px 10px #0000000a;position:relative;word-break:break-word;outline:none;-webkit-tap-highlight-color:transparent}.flash-opt .key-hint{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:#00000026;font-weight:400;display:none;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flash-opt .key-hint.left{left:12px}.flash-opt .key-hint.right{right:12px}@media(hover:hover){.flash-opt .key-hint{display:block}}.flash-opt.flash-number{font-size:34px;padding:0;min-height:110px;height:auto}@media(hover:hover){.flash-opt:hover:not(:disabled){border-color:var(--acc);background:var(--bbg);color:var(--acc)}}.flash-opt:active:not(:disabled){animation:tkd-push .2s ease-out}.flash-opt.flash-correct{border-color:var(--green);background:var(--gbg);color:var(--green)}.flash-opt.flash-wrong{border-color:var(--red);background:var(--rbg);color:var(--red)}.flash-opt.flash-correct-hl{border-color:var(--green);background:var(--gbg);color:var(--green);animation:flash-pop .3s ease}.flash-opt:disabled{cursor:default}.flash-opt.skeleton{background:var(--border);border-color:var(--border);color:transparent;pointer-events:none;animation:skeleton-pulse 1.4s ease-in-out infinite}.versus-game-wrap{max-width:600px;margin:0 auto;padding:12px 16px 24px;flex:1;overflow-y:auto}.vs-game-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.vs-game-counter{font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:var(--muted);display:flex;align-items:baseline;gap:2px}.vs-counter-current{font-size:22px;color:var(--text)}.vs-counter-sep{margin:0 1px}.vs-counter-total{font-size:15px}.vs-timer-circle-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.vs-timer-svg{display:block}.vs-timer-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Barlow,sans-serif;font-size:28px;font-weight:800;transition:color .3s}.vs-feedback-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Barlow,sans-serif;font-size:32px;font-weight:800;flex-shrink:0;animation:score-pop .4s ease}.vs-feedback-circle.correct{background:var(--gbg);color:var(--green);border:3px solid var(--green)}.vs-feedback-circle.wrong{background:var(--rbg);color:var(--red);border:3px solid var(--red)}.vs-feedback-circle.neutral{background:var(--bbg);color:var(--acc);border:3px solid var(--border)}.vs-game-score{text-align:right;min-width:60px}.vs-score-label{display:block;font-family:Barlow,sans-serif;font-size:24px;font-weight:800;color:var(--acc);line-height:1.1}.vs-score-sub{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.vs-score-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Barlow,sans-serif;font-size:48px;font-weight:800;color:var(--green);z-index:100;pointer-events:none;animation:vs-score-fly .8s ease-out forwards;text-shadow:0 2px 12px rgba(0,0,0,.2)}@keyframes vs-score-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}.vs-content-block{display:flex;flex-direction:column;gap:0}.vs-phase-badge{text-align:center;font-family:Barlow,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;padding:5px 14px;border-radius:20px;background:var(--bbg);color:var(--acc);display:inline-flex;align-items:center;gap:6px;justify-content:center}.vs-phase-badge.answer,.vs-phase-badge.done{background:#2d7a3a1a;color:var(--green)}.flash-streak-badge{text-align:center;margin-bottom:8px;font-family:Barlow,sans-serif;font-size:13px;color:#f59e0b;font-weight:700}.versus-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.versus-opt{padding:16px;min-height:110px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:2px solid var(--border);background:var(--surface);font-family:Barlow,sans-serif;font-size:18px;font-weight:700;color:var(--text);cursor:pointer;text-align:center;transition:all .15s;line-height:1.3;box-shadow:0 2px 8px #00000014;position:relative;outline:none;-webkit-tap-highlight-color:transparent;word-break:break-word}@media(hover:hover){.versus-opt:hover:not(:disabled){border-color:var(--acc);background:var(--bbg)}}.versus-opt:active:not(:disabled){animation:tkd-push .2s ease-out}.versus-opt:disabled{cursor:default}.versus-opt.vs-selected{border-color:var(--acc);background:var(--bbg);box-shadow:0 0 0 3px #1a5fa833}.versus-opt.vs-correct{border-color:var(--green)!important;background:var(--gbg)!important;color:var(--green)!important;opacity:1!important}.versus-opt.vs-wrong{border-color:var(--red)!important;background:var(--rbg)!important;color:var(--red)!important;opacity:1!important}.versus-opt.vs-dimmed{opacity:.3!important}.versus-opt.skeleton{background:var(--border);border-color:var(--border);color:transparent;pointer-events:none;animation:skeleton-pulse 1.4s ease-in-out infinite}.vs-next-btn{width:100%;padding:16px;border:none;border-radius:var(--r);background:var(--acc);font-family:Barlow,sans-serif;font-size:17px;font-weight:700;color:#fff;cursor:pointer;margin-bottom:12px;box-shadow:0 3px #1d4e8a;transition:transform .1s;position:relative;overflow:hidden}.vs-next-btn:active{transform:translateY(2px);box-shadow:0 1px #1d4e8a}.flash-next-progress{position:absolute;top:0;left:0;height:100%;width:0;background:#fff3;animation:flash-next-fill 5s linear forwards;pointer-events:none}@keyframes flash-next-fill{0%{width:0}to{width:100%}}.vs-waiting-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:var(--r);background:var(--surface);border:1.5px solid var(--border);font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:12px}.vs-result-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;margin-bottom:12px;animation:score-pop .3s ease}.vs-result-banner.correct{background:var(--gbg);border:2px solid var(--green)}.vs-result-banner.wrong,.vs-result-banner.timeout{background:var(--rbg);border:2px solid var(--red)}.vs-result-banner-icon{font-size:28px;font-weight:800;flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.vs-result-banner.correct .vs-result-banner-icon{background:var(--green);color:#fff}.vs-result-banner.wrong .vs-result-banner-icon,.vs-result-banner.timeout .vs-result-banner-icon{background:var(--red);color:#fff}.vs-result-banner-title{font-family:Barlow,sans-serif;font-size:18px;font-weight:800;color:var(--text)}.vs-result-banner-sub{font-size:14px;color:var(--muted);margin-top:2px}.vs-leaderboard{background:var(--surface);border-radius:14px;border:1.5px solid var(--border);padding:16px;margin-bottom:12px}.vs-leaderboard-title{font-family:Barlow,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:12px}.vs-lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:4px;transition:background .2s}.vs-lb-row.first{background:var(--bbg);border:1.5px solid var(--acc)}.vs-lb-row.me:not(.first){background:#1a5fa80f}.vs-lb-rank{width:28px;min-width:28px;font-size:18px;text-align:center;font-family:Barlow,sans-serif;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center}.vs-lb-row.first .vs-lb-rank{font-size:20px}.vs-lb-name{flex:1;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:var(--text)}.vs-lb-row.me .vs-lb-name{color:var(--acc)}.vs-lb-score{font-family:Barlow,sans-serif;font-size:20px;font-weight:800;color:var(--text)}.vs-lb-row.first .vs-lb-score{color:var(--acc);font-size:22px}.vs-waiting-host{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--muted);padding:8px 0}.vs-cancel-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:13px;border-radius:10px;border:1.5px solid var(--red);background:transparent;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--red);cursor:pointer}.vs-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:8px;padding:0 8px}.vs-podium-slot{display:flex;flex-direction:column;align-items:center;flex:1;max-width:140px}.vs-podium-crown{font-size:24px;margin-bottom:4px;animation:vs-score-fly .6s ease backwards;animation-delay:.2s}.vs-podium-avatar{font-size:32px;margin-bottom:6px}.vs-podium-avatar.first{font-size:40px}.vs-podium-name{font-family:Barlow,sans-serif;font-size:14px;font-weight:700;color:var(--text);text-align:center;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.vs-podium-score{font-family:Barlow,sans-serif;font-weight:800;color:var(--text);margin-bottom:2px}.vs-podium-score.first{font-size:28px;color:var(--acc)}.vs-podium-slot.second .vs-podium-score,.vs-podium-slot.third .vs-podium-score{font-size:20px}.vs-podium-stats{font-size:12px;color:var(--muted);margin-bottom:8px}.vs-podium-bar{width:100%;border-radius:8px 8px 0 0;background:var(--bbg);border:1.5px solid var(--border);border-bottom:none}.vs-podium-bar.first{height:80px;background:var(--bbg);border-color:var(--acc)}.vs-podium-bar.second{height:56px}.vs-podium-bar.third{height:40px}body.dark-mode .vs-leaderboard,body.dark-mode .versus-opt{box-shadow:none}.flash-result-banner{text-align:center;padding:14px;font-family:Barlow,sans-serif;font-size:16px;font-weight:700}.flash-result-banner.correct{background:var(--gbg);color:var(--green)}.flash-result-banner.wrong,.flash-result-banner.timeout{background:var(--rbg);color:var(--red)}.flash-pause-box{color:var(--muted);font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;position:relative;cursor:pointer}.flash-pause-box:hover:not(:disabled):not(.safe-pause){border-color:#e05555;background:#fceaea;color:#b83232;box-shadow:0 0 0 3px #e0555526}.flash-pause-box:hover:not(:disabled).safe-pause{border-color:var(--acc);background:var(--bbg);color:var(--acc)}.burger-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center}.burger-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.burger-panel{position:relative;z-index:9001;width:90%;max-width:400px;margin:0 auto;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 8px 40px #00000026,0 20px 60px #0000001a;border:1px solid var(--border)}.burger-heading{font-family:Barlow,sans-serif;font-size:16px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1.2px}.burger-close-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .15s;flex-shrink:0}.burger-close-btn:hover{background:var(--bbg);color:var(--acc);border-color:var(--acc)}.burger-divider{height:1px;background:var(--border);margin:0}.burger-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}.burger-profile-name{font-size:15px;font-weight:600;color:var(--text);font-family:Barlow,sans-serif}.burger-profile-sub{font-size:13px;color:var(--muted);margin-top:1px}.burger-label{font-size:15px;color:var(--text);font-family:Barlow,sans-serif;font-weight:500}.burger-lang-switcher{display:flex;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:2px;gap:2px}.burger-lang-btn{font-size:13px;font-weight:600;padding:5px 14px;border-radius:6px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-family:Barlow,sans-serif;transition:all .15s}.burger-lang-btn.active{background:var(--acc);color:#fff}.burger-lang-btn:hover:not(.active){background:var(--bbg);color:var(--acc)}.burger-theme-toggle{width:51px;height:31px;border-radius:16px;border:1.5px solid var(--border);cursor:pointer;position:relative;background:var(--bg);transition:background .25s,border-color .25s;flex-shrink:0}.burger-theme-toggle.on{background:var(--acc);border-color:var(--acc)}.burger-theme-knob{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .25s cubic-bezier(.4,0,.2,1);display:block}.burger-theme-toggle.on .burger-theme-knob{left:23px}.burger-menu-row{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:background .15s}@media(hover:hover){.burger-menu-row:hover{background:var(--bbg)}}.burger-footer-links{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;flex-wrap:wrap}.burger-footer-links span{font-size:12px;color:var(--muted);cursor:pointer;font-weight:500;transition:color .15s}@media(hover:hover){.burger-footer-links span:not(.burger-footer-dot):hover{color:var(--acc)}}.burger-footer-dot{cursor:default!important;font-size:10px!important;color:var(--border)!important}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;align-items:center;justify-content:center}.confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.confirm-box{position:relative;z-index:8001;background:var(--surface);border-radius:18px;padding:28px 24px;width:90%;max-width:360px;text-align:center;border:1px solid var(--border);box-shadow:0 8px 40px #00000026,0 20px 60px #0000001a}.confirm-title{font-family:Barlow,sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.confirm-sub{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.5}.confirm-btns{display:flex;gap:10px}.confirm-yes{flex:1;padding:13px;border-radius:12px;background:var(--acc);border:none;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:Barlow,sans-serif}.confirm-no{flex:1;padding:13px;border-radius:12px;background:var(--bg);border:1.5px solid var(--border);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;font-family:Barlow,sans-serif}.quit-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.quit-opt{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-family:Barlow,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;text-align:left}.quit-opt:active{transform:scale(.97)}.quit-opt svg{flex-shrink:0;color:var(--acc)}.quit-cancel{width:100%;padding:13px;border-radius:12px;border:none;background:transparent;color:var(--muted);font-family:Barlow,sans-serif;font-size:14px;font-weight:600;cursor:pointer}.login-tabs{display:flex;background:var(--bg);border-radius:10px;padding:3px;gap:3px;margin-bottom:16px;border:1px solid var(--border)}.login-tab{flex:1;padding:9px;border-radius:8px;border:none;background:transparent;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s}.login-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.login-form{margin-bottom:0}.login-label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px;font-family:Barlow,sans-serif}.login-input-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg);transition:border-color .15s}.login-input-wrap:focus-within{border-color:var(--acc)}.login-prefix{padding:12px 0 12px 14px;font-size:15px;color:var(--muted);font-weight:500;flex-shrink:0}.login-input{flex:1;padding:12px 14px;border:none;background:transparent;font-size:15px;color:var(--text);font-family:inherit;outline:none}.login-input::placeholder{color:var(--border)}.login-input-full{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg);font-size:15px;color:var(--text);font-family:inherit;outline:none;transition:border-color .15s}.login-input-full:focus{border-color:var(--acc)}.login-input-full::placeholder{color:var(--border)}.login-link{font-size:13px;color:var(--acc);text-decoration:none;font-weight:500}.login-link:hover{text-decoration:underline}.login-remember{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;cursor:pointer}.login-remember input{accent-color:var(--acc)}.login-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s}@media(hover:hover){.login-social:hover{border-color:var(--acc);background:var(--bbg)}}.login-demo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:10px;border:1.5px solid var(--acc);background:var(--acc);font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}@media(hover:hover){.login-demo:hover{opacity:.9}}.prof-section{margin-bottom:16px}.prof-label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:2px}.prof-value-big{font-family:Barlow,sans-serif;font-size:22px;font-weight:700;color:var(--text)}.prof-input-row{display:flex;align-items:center;gap:8px}.prof-expand-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:none;border:none;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:var(--text);cursor:pointer}.prof-expand-chev{color:var(--muted);transition:transform .25s;transform:rotate(0)}.prof-expand-btn.open .prof-expand-chev{transform:rotate(180deg)}.prof-hidden-section{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.prof-hidden-section.open{max-height:2000px;transition:max-height .4s ease-in}.prof-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text)}.belt-selector-btn{padding:12px;border-radius:10px;border:2px solid var(--border);background:var(--surface);font-family:Barlow,sans-serif;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s}.belt-selector-btn:hover{border-color:var(--acc);background:var(--bbg)}.belt-selector-btn.selected{border-color:var(--acc);background:var(--acc);color:#fff}.prof-stat-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center}.prof-stat-num{font-family:Barlow,sans-serif;font-size:24px;font-weight:800;color:var(--acc);line-height:1}.prof-stat-lbl{font-size:11px;color:var(--muted);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ps-grade{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none;box-sizing:border-box;max-width:100%}.ps-grade:last-child{border-bottom:none}@media(hover:hover){.ps-grade:hover{background:#00000005}}body.dark-mode .ps-grade:hover{background:#ffffff08}.ps-gdot{width:18px;height:18px;border-radius:50%;flex-shrink:0}.ps-gstripe{width:18px;height:18px;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.ps-gstripe-r{position:absolute;right:0;top:0;width:38%;height:100%}.ps-ginfo{flex:1;min-width:0}.ps-gname{font-size:14px;font-weight:600;color:var(--text)}.ps-ggup{font-size:11px;color:var(--muted)}.ps-check{width:22px;height:22px;border-radius:5px;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;color:transparent;background:transparent}.ps-check.on{background:var(--acc);border-color:var(--acc);color:#fff}.grading-countdown{margin-top:14px;padding:14px 16px;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .15s}.grading-countdown:hover{border-color:var(--acc)}.gc-number{font-family:Barlow,sans-serif;font-size:36px;font-weight:800;color:var(--acc);line-height:1;min-width:42px;text-align:center;flex-shrink:0}.gc-body{flex:1;min-width:0;text-align:left}.gc-text{font-size:14px;color:var(--text);font-weight:600;line-height:1.3;text-align:left}.gc-sub{font-size:12px;color:var(--muted);font-weight:400;display:block;margin-top:2px;text-align:left}.gc-arrow{flex-shrink:0;color:var(--muted)}.grading-countdown.past .gc-number{color:var(--muted)}.app-footer{position:relative;z-index:1;width:100%;max-width:500px;margin-top:32px;padding:0 8px 24px;text-align:center;flex-shrink:0}.app-footer-inner{padding:16px;border-top:1px solid var(--border)}.app-footer-links{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:14px;flex-wrap:wrap}.app-footer-links a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .15s;font-weight:500}.app-footer-links a:hover{color:var(--acc)}.app-footer-links span{color:var(--border);font-size:10px}.app-footer-bottom{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.app-footer-brand-col{display:flex;flex-direction:column;align-items:center;gap:2px}.app-footer-logo{font-size:18px;line-height:1}.app-footer-name{font-family:Barlow,sans-serif;font-size:12px;font-weight:700;color:var(--text);letter-spacing:.2px}.app-footer-copy{font-size:11px;color:var(--muted)}@media(max-width:480px){.topbar-title{font-size:13px!important}.flash-question{font-size:18px}.flash-opt{font-size:15px;padding:14px 12px;min-height:110px}.flash-opts{gap:8px}.flash-stat-box{font-size:13px;padding:11px 10px}}@media(max-width:600px){.qhdr{padding:14px 16px!important}.wrap{padding:10px 16px!important}.logo{padding:20px 16px 18px!important}.logo h1{font-size:28px!important}.logo-sub{font-size:13px!important}.card{padding:16px!important}.card-label{font-size:13px!important}.hero-card{padding:18px 16px 16px!important}.hero-title{font-size:min(36px,8.5vw)!important}.hero-sub{font-size:13px!important}.mode-card{padding:12px 14px!important}.mode-card-icon{width:36px!important;height:36px!important}.mode-card-body strong{font-size:14px!important}.mode-btn{padding:16px!important}.mode-btn strong{font-size:17px!important}.mode-btn span{font-size:14px!important}.cat-btn{padding:18px 10px!important}.cat-btn .ci{width:36px!important;height:36px!important}.cat-btn .ci svg{width:26px!important;height:26px!important}.cat-btn .cn{font-size:14px!important}.cat-btn .cc{font-size:12px!important}.cat-btn.cat-alle{padding:18px!important}.cat-btn.cat-alle .cn{font-size:16px!important}.cat-grid{gap:10px!important}.next-screen-btn{padding:16px!important;font-size:17px!important}.back-btn{padding:12px!important;font-size:15px!important}.qarea{padding:14px 16px 12px!important}.qtxt{font-size:18px!important;min-height:56px!important;padding:14px 12px 16px!important}.opts{gap:10px!important}.opt{font-size:16px!important;padding:15px 12px!important}.exp{margin:10px 0 0!important;font-size:15px!important;padding:12px 14px!important}.nxt{margin:14px 0 0!important;font-size:16px!important}.action{padding:14px!important;font-size:15px!important}.ps-grade{padding:10px 16px!important}.hint-btn{margin:10px 0 0!important}.hint-box{margin:10px 16px 0!important}.confirm-answer-btn{margin:14px 0 0!important}}@media(max-height:600px){.burger-panel{max-height:85vh;overflow-y:auto}.confirm-box{padding:20px 18px}.confirm-title{font-size:16px}.confirm-sub{font-size:13px;margin-bottom:16px}}@media(max-width:1024px)and (max-height:768px)and (orientation:landscape){.burger-panel{max-height:85vh;overflow-y:auto}}code{background:var(--bbg);padding:2px 6px;border-radius:4px;font-size:12px;font-family:monospace;color:var(--text)}.mode-card-body strong{text-transform:uppercase;letter-spacing:.6px;font-size:13px}.hero-cta{text-transform:uppercase;letter-spacing:.8px}.topbar-title{text-transform:uppercase;letter-spacing:.6px;font-size:12px}.bm-item-title{text-transform:uppercase;letter-spacing:.7px;font-size:13px}.changelog-toggle-btn{background:var(--bbg);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:12px;padding:4px 10px;cursor:pointer;font-family:Barlow,sans-serif;font-weight:600;transition:all .15s}.changelog-toggle-btn:hover{border-color:var(--acc);color:var(--acc)}.bsw{width:51px;height:31px;border-radius:16px;border:1.5px solid var(--border);position:relative;background:var(--bg);transition:background .25s,border-color .25s;flex-shrink:0;cursor:pointer}.bsw.on{background:var(--acc);border-color:var(--acc)}.bknob{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .25s cubic-bezier(.4,0,.2,1)}.bsw.on .bknob{left:23px}