html,body{height:100%;overflow:hidden}header{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.logo{font-size:1.15rem;font-weight:800}.logo span{color:var(--accent)}.back{font-size:.8rem;color:var(--text-muted);transition:color .2s}.back:hover{color:var(--accent)}.tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border)}.tab{padding:12px 20px;cursor:pointer;font-size:.9rem;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .2s;user-select:none}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover:not(.active){color:var(--text)}main{flex:1;min-height:0;overflow-y:auto;padding:24px;max-width:860px;width:100%;margin:0 auto}.panel{display:none;flex-direction:column;gap:20px}.panel.active{display:flex}.start{display:flex;flex-direction:column;gap:24px;padding:8px 0}.start-title{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:22px 20px;cursor:pointer;transition:all .2s;position:relative;user-select:none}.mode-card:hover,.mode-card.selected{border-color:var(--accent);background:#6c63ff14;transform:translateY(-2px)}.mode-card.selected:after{content:"✓";position:absolute;top:12px;right:14px;font-size:.8rem;font-weight:800;color:var(--accent)}.mc-icon{font-size:1.6rem;margin-bottom:10px}.mc-title{font-size:1rem;font-weight:800;margin-bottom:4px}.mc-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.mc-chip{display:inline-block;margin-top:10px;font-size:.7rem;font-weight:700;background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:3px 10px;color:var(--text-muted)}.mode-card.selected .mc-chip{background:#6c63ff1f;border-color:#6c63ff4d;color:var(--accent2)}.sel-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:8px}select.sel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;color:var(--text);font-size:.95rem;outline:none;cursor:pointer;transition:border-color .2s;width:100%}select.sel:focus{border-color:var(--accent)}.btn-start{width:100%;padding:16px;font-size:1rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;font-weight:800;cursor:pointer;transition:all .2s}.btn-start:hover{background:var(--accent-hover);box-shadow:0 4px 20px #6c63ff66;transform:translateY(-1px)}.q-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.progress-bar{height:4px;background:var(--surface2);border-radius:99px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .3s}.score-live{color:var(--accent);font-weight:700}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;margin-top:16px}.q-tema-tag{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.q-text{font-size:1.05rem;line-height:1.65}.vf-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.vf-btn{padding:16px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;transition:all .18s}.vf-btn:hover:not(:disabled){transform:translateY(-2px)}.vf-btn.v-btn:hover:not(:disabled){border-color:var(--correct);background:#22c55e14;color:var(--correct)}.vf-btn.f-btn:hover:not(:disabled){border-color:var(--wrong);background:#ef444414;color:var(--wrong)}.vf-btn:disabled{cursor:default;transform:none}.vf-btn.chosen-correct{border-color:var(--correct);background:#22c55e1f;color:var(--correct)}.vf-btn.chosen-wrong{border-color:var(--wrong);background:#ef44441f;color:var(--wrong)}.vf-btn.show-correct{border-color:var(--correct);background:#22c55e14;color:var(--correct)}.justification{margin-top:14px;border-radius:var(--radius);padding:14px 18px;font-size:.88rem;line-height:1.6;display:none}.justification.show{display:block}.justification.correct-just{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.justification.wrong-just{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.just-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.correct-just .just-label{color:var(--correct)}.wrong-just .just-label{color:var(--wrong)}.options{display:flex;flex-direction:column;gap:10px;margin-top:20px}.opt-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .18s;text-align:left}.opt-btn:hover:not(:disabled){border-color:var(--accent);background:#6c63ff14;color:var(--accent2);transform:translate(3px)}.opt-btn:disabled{cursor:default;transform:none}.opt-letter{flex-shrink:0;width:28px;height:28px;border-radius:7px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--text-muted);transition:all .18s}.opt-btn:hover:not(:disabled) .opt-letter{background:var(--accent);border-color:var(--accent);color:#fff}.opt-btn.chosen-correct{border-color:var(--correct);background:#22c55e1a}.opt-btn.chosen-correct .opt-letter{background:var(--correct);border-color:var(--correct);color:#fff}.opt-btn.chosen-wrong{border-color:var(--wrong);background:#ef44441a}.opt-btn.chosen-wrong .opt-letter{background:var(--wrong);border-color:var(--wrong);color:#fff}.opt-btn.show-correct{border-color:var(--correct);background:#22c55e0f}.opt-btn.show-correct .opt-letter{background:var(--correct);border-color:var(--correct);color:#fff}.feedback{margin-top:14px;border-radius:var(--radius);padding:12px 16px;font-size:.85rem;font-weight:600;display:none}.feedback.show{display:block}.feedback.correct{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--correct)}.feedback.wrong{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--wrong)}.q-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.btn{padding:11px 22px;border:none;border-radius:var(--radius);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.stats-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.stats-row{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap}.stat-item{text-align:center}.stat-num{font-size:2.2rem;font-weight:800;letter-spacing:-1px}.stat-lbl{font-size:.75rem;color:var(--text-muted);margin-top:2px}.c-num{color:var(--correct)}.w-num{color:var(--wrong)}.p-num{color:var(--accent2)}.controls{display:flex;gap:10px;flex-wrap:wrap}.search-box{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.search-box:focus{border-color:var(--accent)}.search-box::placeholder{color:var(--text-muted)}.cnt{font-size:.78rem;color:var(--text-muted)}.bank-list{display:flex;flex-direction:column;gap:10px}.bank-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;display:flex;gap:14px}.bank-badge{flex-shrink:0;width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800}.b-v{background:#22c55e1f;color:var(--correct);border:1px solid rgba(34,197,94,.2)}.b-f{background:#ef44441f;color:var(--wrong);border:1px solid rgba(239,68,68,.2)}.b-t{background:#6c63ff1f;color:var(--accent2);border:1px solid rgba(108,99,255,.2);font-size:.6rem}.bank-meta{font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.bank-q{font-size:.88rem;color:var(--text);margin-bottom:3px}.bank-ans{font-size:.8rem;color:var(--text-muted);font-style:italic}.github-fab{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:12px 20px 12px 16px;color:var(--text);font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #0006;transition:all .25s;z-index:100}.github-fab:hover{border-color:var(--accent);background:#1e1c35;color:var(--accent2);box-shadow:0 0 0 3px #6c63ff33,0 0 24px #6c63ff59;transform:translateY(-2px)}.github-fab svg{flex-shrink:0;transition:transform .25s}.github-fab:hover svg{transform:rotate(-8deg) scale(1.1)}body{display:flex;flex-direction:column}@media(max-width:560px){html,body{height:auto;overflow:visible}main{overflow:visible}.mode-grid{grid-template-columns:1fr}}