.display,.logo,.card__title,.feedback__pts{font-family:Bebas Neue,sans-serif;letter-spacing:.05em;line-height:1}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;position:relative;overflow-x:hidden}.app:before,.app:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%}.app:before{top:-30%;left:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(232,255,71,.035) 0%,transparent 70%)}.app:after{bottom:-25%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(255,71,71,.035) 0%,transparent 70%)}.layer{position:relative;z-index:1;width:100%;max-width:680px;display:flex;flex-direction:column;gap:16px}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border)}.logo{font-size:1.9rem;color:var(--accent)}.logo span{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.card__title{font-size:1.2rem;color:var(--accent);margin-bottom:18px}.card__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;padding:12px 16px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.input:disabled{opacity:.4;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.btn--primary{background:var(--accent);color:#0a0a0a;padding:13px 28px;font-size:.95rem}.btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.35;cursor:not-allowed}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--muted);padding:9px 18px}.btn--ghost:hover{border-color:var(--text);color:var(--text)}.btn--danger{background:transparent;border:1px solid var(--accent2);color:var(--accent2);padding:9px 18px}.btn--danger:hover{background:var(--accent2);color:#fff}.btn--icon{background:var(--surface2);border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:50%;font-size:1rem;flex-shrink:0}.btn--icon:hover{border-color:var(--accent);color:var(--accent)}.btn--full{width:100%;padding:15px}.toggle-group{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.toggle-btn{background:transparent;border:none;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.toggle-btn--active{background:var(--accent);color:#0a0a0a}.toggle-btn--sm{padding:4px 10px;font-size:.68rem}.badge{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;font-weight:500}.badge--mode{background:#e8ff471a;border:1px solid rgba(232,255,71,.3);color:var(--accent)}.badge--source{background:#ffffff0d;border:1px solid var(--border);color:var(--muted)}.label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.feedback{border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:12px;animation:slide-up .22s ease both}.feedback__icon{font-size:1.3rem}.feedback__message{flex:1;font-weight:500;font-size:.95rem}.feedback__pts{font-size:1.5rem;color:var(--success)}.feedback--correct{background:#47ff8a14;border:1px solid var(--success);color:var(--success)}.feedback--wrong{background:#ff474714;border:1px solid var(--accent2);color:var(--accent2)}.feedback--skipped{background:#ffaa4714;border:1px solid var(--warn);color:var(--warn)}:root{--bg: #0a0a0a;--surface: #111111;--surface2: #1a1a1a;--border: #242424;--accent: #e8ff47;--accent2: #ff4747;--text: #f0f0f0;--muted: #666666;--success: #47ff8a;--warn: #ffaa47;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font-family:inherit}input:focus{outline:none}.display{font-family:Bebas Neue,sans-serif;letter-spacing:.05em;line-height:1}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes wave-pulse{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slide-up{animation:slide-up .22s ease both}.animate-fade-in{animation:fade-in .2s ease both}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warn{color:var(--warn)}.text-danger{color:var(--accent2)}.text-center{text-align:center}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}