:root{--bg: #101418;--panel: #1a2027;--text: #e8edf2;--muted: #8fa1b3;--accent: #f5c518;--accent-dark: #c79a00;--danger: #e5534b;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel)}.logo{font-size:22px;font-weight:800;letter-spacing:.5px;color:var(--text);text-decoration:none}.logo-accent{color:var(--accent)}.topnav{display:flex;align-items:center;gap:10px}.topnav-nick{color:var(--muted)}.content{flex:1;width:min(720px,100% - 32px);margin:0 auto;padding:24px 0}.footer{text-align:center;color:var(--muted);font-size:13px;padding:16px}h1{margin-top:0}.muted{color:var(--muted)}.error{color:var(--danger)}.warning{background:#4a3b00;border:1px solid var(--accent);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.btn{display:inline-block;border:none;border-radius:var(--radius);padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;color:var(--text);background:var(--panel)}.btn-primary{background:var(--accent);color:#101418}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent}.btn-ghost:hover{color:var(--accent)}.form{display:flex;flex-direction:column;gap:14px;max-width:380px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.form input{background:var(--panel);border:1px solid #2c3641;border-radius:var(--radius);color:var(--text);padding:10px 12px;font-size:16px}.form input:focus{outline:2px solid var(--accent);outline-offset:0}.quiz-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.quiz-card{background:var(--panel);border-radius:var(--radius);padding:16px 20px}.quiz-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.quiz-card-head h2{margin:0 0 6px;font-size:20px}.badge{color:var(--muted);font-size:13px;white-space:nowrap}.play-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.timer{font-weight:700}.timer-danger{color:var(--danger)}.timer-bar{height:6px;background:var(--panel);border-radius:3px;margin-bottom:16px;overflow:hidden}.timer-bar-fill{height:100%;background:var(--accent);transition:width 1s linear}.options{display:flex;flex-direction:column;gap:10px;margin:14px 0}.option{background:var(--panel);border:1px solid #2c3641;border-radius:var(--radius);color:var(--text);padding:12px 16px;font-size:16px;text-align:left;cursor:pointer}.option:hover:not(:disabled){border-color:var(--accent)}.option-selected{border-color:var(--accent);background:#2a2617}.text-answer{width:100%;background:var(--panel);border:1px solid #2c3641;border-radius:var(--radius);color:var(--text);padding:12px 14px;font-size:16px;margin:14px 0}.sort-list{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:8px}.sort-item{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid #2c3641;border-radius:var(--radius);padding:10px 14px}.sort-num{color:var(--muted);min-width:24px}.sort-controls{margin-left:auto;display:flex;gap:6px}.sort-controls button{background:transparent;border:1px solid #2c3641;border-radius:6px;color:var(--text);padding:2px 10px;cursor:pointer}.sort-controls button:disabled{opacity:.35;cursor:default}.sort-controls button:hover:not(:disabled){border-color:var(--accent)}.media-img{max-width:100%;border-radius:var(--radius);margin:14px 0}.feedback{font-weight:700;color:var(--accent)}.result-score{font-size:44px;font-weight:800;color:var(--accent);margin:8px 0}.btn-row{display:flex;gap:12px;margin-top:16px}.board{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden}.board th,.board td{padding:10px 16px;text-align:left;border-bottom:1px solid #232c36}.board th{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.board-score{text-align:right;font-weight:700}.board-me{background:#2a2617}