:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17202a;--bg:#f5f7fb;--surface:#fff;--surface-2:#eef3f8;--text:#17202a;--muted:#6a7481;--line:#d8e0ea;--primary:#155eef;--primary-strong:#0f46b7;--green:#148447;--green-soft:#dff5e8;--red:#c33a3a;--red-soft:#fde8e8;--amber-soft:#fff3c6;--shadow:0 18px 50px #1a27441c;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3f8;--bg:#11151c;--surface:#171d27;--surface-2:#202838;--text:#eef3f8;--muted:#a8b2c2;--line:#2d3748;--primary:#6ea2ff;--primary-strong:#8ab4ff;--green:#52c878;--green-soft:#173a26;--red:#ff7676;--red-soft:#451f25;--amber-soft:#4a3d19;--shadow:0 18px 55px #00000047;background:#11151c}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.loading-shell,.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-shell .compact-controls{position:fixed;top:18px;right:18px}.auth-panel{background:var(--surface);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;padding:28px}.brand-block{margin-bottom:24px}.brand-block h1,.section-heading h1,.attempt-header h1,.result-hero h1,.profile-layout h1{letter-spacing:0;margin:0;line-height:1.08}.brand-block p,.section-heading p,.attempt-header p,.panel-title-row p,.result-hero p{color:var(--muted);margin:0 0 8px}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:inline-grid}.brand-mark.small{width:30px;height:30px;margin:0}.auth-tabs,.segmented-control{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.auth-tabs{grid-template-columns:1fr 1fr;width:100%;margin-bottom:18px;display:grid}.auth-tabs button,.segmented-control button,.segmented-icon{min-height:34px;color:var(--muted);background:0 0;border-radius:6px;padding:0 12px}.auth-tabs button.active,.segmented-control button.active,.segmented-icon:hover{background:var(--surface);color:var(--text)}.auth-form,.field-row{gap:8px;display:grid}.auth-form{gap:14px}.auth-form label,.field-row{color:var(--muted);font-size:14px}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:8px;padding:0 12px}textarea{resize:vertical;min-height:96px;padding:10px 12px}.error-line{color:var(--red);margin:0}.link-button{width:fit-content;color:var(--primary);background:0 0;justify-self:center;padding:0;font-weight:800}.link-button:hover{color:var(--primary-strong)}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex;position:sticky;top:0}.brand-button,.icon-text,.compact-controls,.topbar-actions,.attempt-actions,.result-actions,.meta-row,.timer-pill{align-items:center;display:flex}.brand-button,.icon-text,.icon-button,.secondary-action,.primary-action{color:var(--text);border-radius:8px}.brand-button{background:0 0;gap:10px;font-weight:800}.topbar-actions,.compact-controls{gap:8px}.icon-text,.icon-button,.secondary-action{border:1px solid var(--line);background:var(--surface)}.icon-text,.secondary-action,.primary-action{gap:8px;min-height:42px;padding:0 14px;font-weight:700}.icon-button,.segmented-icon{place-items:center;width:40px;height:40px;display:inline-grid}.primary-action{background:var(--primary);color:#fff;justify-content:center;align-items:center;display:inline-flex}.primary-action:hover{background:var(--primary-strong)}.primary-action.compact{min-height:38px}.primary-action.wide{width:100%;margin-top:12px}.workspace{width:min(1500px,100%);margin:0 auto;padding:28px 22px 48px}.two-column,.attempt-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:22px;display:grid}.main-column,.attempt-main,.result-layout,.profile-layout{min-width:0}.section-heading,.attempt-header,.panel-title-row,.review-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);background:var(--surface);width:min(360px,100%);min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-box input{border:0;outline:0;min-height:40px;padding:0}.test-list,.review-list,.history-list{gap:12px;display:grid}.test-card,.side-panel,.question-surface,.result-hero,.review-item,.history-row,.stat-box,.analytics-placeholder{background:var(--surface);border:1px solid var(--line);border-radius:8px}.test-card{justify-content:space-between;gap:18px;padding:18px;display:flex}.card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.test-card h2,.panel-title-row h2,.review-list h2,.history-list h2{letter-spacing:0;margin:0 0 8px;font-size:20px}.test-card p{color:var(--muted);margin:0 0 12px}.meta-row{flex-wrap:wrap;gap:8px}.meta-row span,.timer-pill,.status-text{background:var(--surface-2);min-height:28px;color:var(--muted);border-radius:6px;align-items:center;padding:0 9px;font-size:13px;font-weight:700;display:inline-flex}.side-panel{padding:18px;position:sticky;top:86px}.mode-grid{gap:8px;margin-bottom:14px;display:grid}.mode-button{text-align:left;border:1px solid var(--line);background:var(--surface);min-height:72px;color:var(--text);border-radius:8px;gap:4px;padding:12px;display:grid}.mode-button span{color:var(--muted);font-size:13px}.mode-button.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.range-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.empty-setup,.muted-empty{min-height:170px;color:var(--muted);text-align:center;place-items:center;display:grid}.toast{z-index:20;border:1px solid var(--red);background:var(--red-soft);max-width:min(620px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.toast button{color:var(--text);background:0 0;place-items:center;display:grid}.attempt-header{align-items:center}.timer-pill{white-space:nowrap;gap:7px}.question-surface{padding:24px}.question-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.question-meta span{background:var(--surface-2);min-height:28px;color:var(--muted);border-radius:6px;padding:5px 9px;font-size:13px;font-weight:800}.question-surface h2{letter-spacing:0;margin:0 0 24px;font-size:clamp(22px,2vw,30px);line-height:1.3}.options-list{gap:10px;display:grid}.option-row{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--text);border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.option-row.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.option-row.correct{border-color:var(--green);background:var(--green-soft)}.option-row.incorrect{border-color:var(--red);background:var(--red-soft)}.checkbox-mark{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.answer-feedback{border:1px solid var(--line);border-radius:8px;gap:5px;margin-top:18px;padding:14px;display:grid}.answer-feedback.correct{border-color:var(--green);background:var(--green-soft)}.answer-feedback.incorrect{border-color:var(--red);background:var(--red-soft)}.answer-feedback small{color:var(--muted)}.attempt-actions{justify-content:space-between;gap:12px;margin-top:16px}.score-strip,.profile-grid,.result-metrics{gap:10px;display:grid}.score-strip{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.score-strip div,.result-metrics div,.stat-box{background:var(--surface-2);border-radius:8px;gap:4px;padding:12px;display:grid}.score-strip strong,.result-metrics strong,.stat-box strong{font-size:20px}.score-strip span,.result-metrics span,.stat-box span,.history-row span{color:var(--muted);font-size:13px}.question-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px;display:grid}.question-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;place-items:center;font-weight:800;display:grid}.question-cell.active{outline:2px solid var(--primary);outline-offset:1px}.question-cell.correct{background:var(--green);color:#fff;border-color:var(--green)}.question-cell.incorrect{background:var(--red);color:#fff;border-color:var(--red)}.question-cell.answered{background:var(--amber-soft)}.result-layout,.profile-layout{gap:18px;display:grid}.result-hero{padding:24px}.result-metrics,.profile-grid{grid-template-columns:repeat(4,1fr);margin:20px 0}.review-item,.history-row,.analytics-placeholder{padding:16px}.review-item p{margin:0 0 12px;line-height:1.45}.review-options{gap:8px;display:grid}.review-option{background:var(--surface-2);border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.review-option.correct{background:var(--green-soft)}.review-option.incorrect{background:var(--red-soft)}.status-text.correct{color:var(--green)}.status-text.incorrect{color:var(--red)}.profile-grid{margin:0}.analytics-placeholder{color:var(--muted);align-items:center;gap:10px;display:flex}.history-row{justify-content:space-between;gap:14px;display:flex}.history-row div:first-child{gap:4px;display:grid}.history-score{color:var(--primary);font-size:24px;font-weight:900}@media (width<=1100px){.two-column,.attempt-layout{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}.nav-panel{order:-1}}@media (width<=760px){.topbar,.section-heading,.attempt-header,.test-card,.attempt-actions,.history-row{flex-direction:column;align-items:stretch}.topbar{padding:14px;position:static}.topbar-actions{flex-wrap:wrap}.workspace{padding:18px 12px 36px}.auth-panel,.question-surface,.result-hero,.side-panel{padding:16px}.search-box{width:100%}.range-fields,.score-strip,.result-metrics,.profile-grid{grid-template-columns:1fr 1fr}.attempt-actions .primary-action,.attempt-actions .secondary-action,.result-actions .primary-action,.result-actions .secondary-action{width:100%}}@media (width<=460px){.range-fields,.score-strip,.result-metrics,.profile-grid{grid-template-columns:1fr}.question-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}}.card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.success-line{color:var(--green);margin:0;font-weight:700}.profile-columns{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-columns.wide-second{grid-template-columns:minmax(280px,430px) minmax(0,1fr)}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.profile-card h2{margin:0 0 14px;font-size:20px}.profile-form{gap:12px;display:grid}.avatar-preview{align-items:center;gap:12px;display:flex}.avatar-preview img,.avatar-preview>svg{object-fit:cover;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;width:54px;height:54px;padding:10px}.avatar-preview img{padding:0}.avatar-preview div,.bookmark-row div,.chart-summary{gap:4px;min-width:0;display:grid}.avatar-preview span,.avatar-preview small,.bookmark-row span,.chart-summary span,.trend-row small{color:var(--muted);font-size:13px}.avatar-preview small{font-weight:700}.verify-note{border:1px solid var(--amber-soft);background:var(--amber-soft);color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.verify-note button{color:var(--primary);background:0 0;font-weight:800}.compact-stats{grid-template-columns:repeat(2,1fr)}.editor-layout,.test-page-layout{gap:18px;display:grid}.editor-card{gap:16px;display:grid}.json-editor{min-height:420px;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:13px;line-height:1.45}.builder-grid,.test-page-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;display:grid}.builder-meta,.builder-questions,.builder-question,.builder-options,.image-list,.comment-list,.comment-form,.comment-edit-form,.share-list,.version-list{gap:10px;display:grid}.json-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.builder-question,.version-row,.comment-row{border:1px solid var(--line);background:var(--surface);border-radius:8px}.builder-question{padding:14px}.option-editor,.image-editor,.share-form{grid-template-columns:24px minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.image-editor,.share-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.share-form{grid-template-columns:minmax(0,1fr) auto}.option-editor input[type=checkbox]{width:18px;min-height:18px}.version-row{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.version-row .primary-action{white-space:nowrap}.version-row div,.comment-row div:first-child{gap:3px;display:grid}.version-row span,.comment-row span,.share-list p{color:var(--muted);font-size:13px}.comments-card{gap:14px;display:grid}.comment-row{padding:12px}.comment-row p{margin:8px 0;line-height:1.45}.comment-actions{gap:10px;display:flex}.comment-actions button{color:var(--primary);background:0 0;font-weight:800}.share-list{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.share-list span,.share-list code{background:var(--surface-2);color:var(--text);border-radius:6px;padding:7px 9px}.bookmark-row,.trend-row,.history-actions{align-items:center;gap:12px;display:flex}.bookmark-row{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0}.bookmark-row:first-of-type{border-top:0}.muted-empty.slim{min-height:80px}.chart-block{gap:14px;display:grid}.trend-list{gap:9px;display:grid}.trend-row{grid-template-columns:42px minmax(130px,1fr) 62px 92px;min-height:32px;display:grid}.trend-bars{background:var(--surface-2);border-radius:6px;height:24px;position:relative;overflow:hidden}.trend-bar{border-radius:6px;height:10px;position:absolute;left:0}.trend-bar.accuracy{background:var(--green);top:2px}.trend-bar.speed{background:var(--primary);bottom:2px}.history-actions{justify-content:flex-end}.test-history-row,.attempt-table-row,.bookmark-chip{width:100%;color:var(--text)}.test-history-row{text-align:left;border-top:1px solid var(--line);background:0 0;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:14px;padding:13px 0;display:grid}.test-history-row:first-of-type{border-top:0}.test-history-row.active{border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-radius:8px;padding:13px}.test-history-row div:first-child,.test-history-score{gap:4px;min-width:0;display:grid}.test-history-row span,.test-history-score span,.bookmarks-mini p,.attempt-table-row small{color:var(--muted);font-size:13px}.test-history-score{text-align:right}.test-history-score strong{color:var(--primary);font-size:22px}.bookmarks-mini{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:16px;display:grid}.bookmarks-mini h3{margin:0;font-size:16px}.bookmark-chip{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;padding:7px 9px;display:grid}.bookmark-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.test-detail-card{gap:16px;display:grid}.test-detail-card h2{margin-bottom:0}.test-detail-summary{flex-wrap:wrap;gap:8px;display:flex}.test-detail-summary span{background:var(--surface-2);min-height:30px;color:var(--muted);border-radius:6px;align-items:center;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.chart-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.metric-chart{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:14px}.metric-chart-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.metric-chart-title span{color:var(--muted);font-size:13px}.metric-chart svg{width:100%;height:170px;overflow:visible}.chart-axis,.chart-grid-line{vector-effect:non-scaling-stroke;stroke:var(--line);stroke-width:1px}.chart-grid-line{opacity:.65}.chart-line{fill:none;stroke:var(--primary);stroke-width:3px;vector-effect:non-scaling-stroke}.chart-point{fill:var(--green);stroke:var(--surface);stroke-width:1.5px;vector-effect:non-scaling-stroke}.chart-point.empty{fill:var(--muted);opacity:.5}.chart-label-row,.chart-value-row{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.chart-label-row{margin-top:8px}.chart-value-row{margin-top:4px;overflow:hidden}.chart-value-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attempt-table{gap:6px;display:grid}.attempt-table-head,.attempt-table-row{grid-template-columns:54px minmax(150px,1fr) 84px 120px;align-items:center;gap:10px;display:grid}.attempt-table-head{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.attempt-table-row{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:42px;padding:9px 10px}.attempt-table-row strong{color:var(--primary)}@media (width<=900px){.profile-columns,.profile-columns.wide-second{grid-template-columns:1fr}}@media (width<=640px){.card-actions,.bookmark-row,.history-actions{flex-direction:column;align-items:stretch}.trend-row{grid-template-columns:34px minmax(0,1fr)}.trend-row strong,.trend-row small{grid-column:2}.chart-pair,.builder-grid,.test-page-grid,.share-form,.image-editor,.test-history-row,.attempt-table-head,.attempt-table-row{grid-template-columns:1fr}.test-history-score{text-align:left}}@media (width<=760px){.two-column,.attempt-layout,.side-panel,.nav-panel,.attempt-main,.question-surface{min-width:0}.topbar{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:auto;padding:10px 12px;display:grid;position:sticky}.brand-button{grid-area:1/1;justify-content:flex-start;min-height:40px}.topbar-actions,.compact-controls{min-width:0}.topbar-actions{grid-area:1/2/span 2;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.topbar-actions .compact-controls{grid-column:1/-1;justify-content:flex-end;display:flex;position:static}.topbar-profile{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;min-width:0;overflow:hidden}.topbar-create{display:none}.heading-actions{justify-content:stretch;width:100%}.heading-actions .primary-action,.heading-actions .search-box{width:100%}.test-card{gap:14px;padding:16px}.test-card h2,.panel-title-row h2,.review-list h2,.history-list h2,.profile-card h2{font-size:18px}.card-actions{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);width:100%;display:grid}.card-actions .secondary-action,.card-actions .primary-action{justify-content:center;min-width:0;padding:0 10px}.setup-panel{padding:14px}.setup-panel.active{z-index:20;height:fit-content;max-height:min(72vh,560px);box-shadow:var(--shadow);position:fixed;bottom:10px;left:10px;right:10px;overflow:auto}.setup-panel.active .panel-title-row{flex-direction:row;align-items:center}.mode-grid{grid-template-columns:1fr}.attempt-layout .nav-panel{order:0}.attempt-header{gap:10px}.timer-pill{width:fit-content}.question-surface h2{margin-bottom:18px;font-size:21px}.option-row{min-height:52px;padding:12px}.attempt-actions{grid-template-columns:1fr;display:grid}.nav-panel .panel-title-row{flex-direction:row;align-items:center}.nav-panel .panel-title-row .primary-action{width:auto;min-width:112px}.question-grid{scroll-snap-type:x proximity;gap:8px;margin:0 -16px;padding:2px 16px 8px;display:flex;overflow-x:auto}.question-cell{scroll-snap-align:start;flex:0 0 42px;width:42px;height:42px}}@media (width<=640px){.workspace{padding-inline:10px}.auth-shell{padding:16px}.auth-shell .compact-controls{top:12px;right:12px}.auth-panel{padding:20px}.section-heading,.attempt-header,.panel-title-row,.review-title{gap:12px}.meta-row span,.timer-pill,.status-text{font-size:12px}.side-panel,.question-surface,.result-hero,.profile-card,.metric-chart{padding:14px}.score-strip,.result-metrics,.compact-stats{grid-template-columns:1fr}.version-row{flex-direction:column;align-items:stretch}.version-row .primary-action{width:100%}.verify-note,.avatar-preview{flex-direction:column;align-items:stretch}.comment-actions{flex-wrap:wrap}.builder-question{padding:12px}.builder-question header,.option-editor{grid-template-columns:24px minmax(0,1fr)}.option-editor .icon-button{grid-column:2;justify-self:end}.json-editor{min-height:300px}}@media (width<=420px){.topbar{gap:8px;padding:9px 10px}.brand-button span:last-child{display:none}.topbar-actions .compact-controls{grid-column:1/-1}.topbar-profile{padding-inline:11px}.card-actions{grid-template-columns:1fr 44px}.card-actions .primary-action{grid-column:1/-1}.question-surface h2{font-size:20px}.question-cell{flex-basis:40px;width:40px;height:40px}}