/*! Copyright © Dark Reader Ltd 2026. All rights reserved. */
#quizArea{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}.code-panel{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 18px;font-family:var(--mono);font-size:17.5px;line-height:1.65;margin-bottom:16px;flex:1 1 auto;min-height:0;overflow:auto}#codeBlock{display:flex}.code-gutter{white-space:pre;text-align:right;color:var(--dim);opacity:.55;user-select:none;padding-right:14px;margin-right:14px;border-right:1px solid var(--border);flex:none;position:sticky;left:0;background:var(--panel)}.code-content{white-space:pre}.code-panel::-webkit-scrollbar{width:14px;height:14px}.code-panel::-webkit-scrollbar-track{background:transparent}.code-panel::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--panel)}.code-panel::-webkit-scrollbar-thumb:hover{background:var(--dim)}.code-panel::-webkit-scrollbar-corner{background:transparent}.code-label{font-family:var(--sans);font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.level-badge{font-size:12px;font-weight:700;letter-spacing:.6px;padding:2px 8px;border-radius:999px;border:1px solid currentColor;color:var(--dim);white-space:nowrap}.level-badge.level-0{color:var(--green)}.level-badge.level-1{color:var(--blue)}.level-badge.level-2{color:var(--orange)}.level-badge.level-3,.tok-kw{color:var(--pink)}.tok-lit{color:var(--const)}.tok-str{color:var(--orange)}.tok-num{color:var(--purple)}.tok-fn{color:var(--fn)}.tok-com{color:var(--comment);font-style:italic}.tok-bracket-0{color:var(--bracket-0, var(--yellow))}.tok-bracket-1{color:var(--bracket-1, var(--pink))}.tok-bracket-2{color:var(--bracket-2, var(--blue))}#options{width:100%;display:flex;flex-direction:column;gap:9px;margin-bottom:14px;flex:none}.opt{width:100%;text-align:left;background:var(--panel);border:1.5px solid var(--border);border-radius:7px;color:var(--fg);font-family:var(--mono);font-size:16px;padding:13px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .15s,background .15s}.opt .idx{color:var(--dim);font-weight:600;width:16px;flex:none}.opt .label{min-width:0;overflow-wrap:anywhere}.opt:hover:not(.locked){border-color:var(--blue)}.opt.correct{border-color:var(--green);background:var(--ok-bg)}.opt.wrong{border-color:var(--error);background:var(--error-bg)}.opt.dim-locked{opacity:.45}.explain-box{width:100%;font-family:var(--sans);font-size:15px;color:var(--yellow);border-left:2px solid var(--yellow);background:var(--explain-bg);padding:9px 12px;border-radius:0 6px 6px 0;margin-bottom:10px;display:none;flex:none}.next-btn{width:100%;background:var(--btn);color:var(--btn-fg);border:none;border-radius:7px;padding:12px;font-family:var(--sans);font-weight:700;font-size:15.5px;cursor:pointer;display:none;margin-top:2px;flex:none;transition:filter .15s}.next-btn:hover{filter:brightness(1.08)}.next-btn:active{opacity:.85}