@font-face{font-family:DM Sans;src:url(/fonts/DMSans.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--text-small: .875rem;--text-base: 1rem;--text-medium: 1.125rem;--text-heading: 1.375rem;--text-title: clamp(1.75rem, 3.2vw, 2.5rem);--text-question: clamp(1.5rem, 2.8vw, 2rem);--text-score: clamp(3rem, 8vw, 5rem);--ink: #182321;--muted: #4d5a57;--page: #f5f6f5;--surface: #fff;--subtle: #edf0ef;--line: #d5dcda;--control-line: #788782;--accent: #0d6155;--accent-hover: #094c43;--accent-pressed: #063e36;--selected: #e4f0ec;--danger: #942b26;--danger-bg: #fff1ee;--control-radius: 8px;--panel-pad: var(--space-5);--panel-radius: calc(var(--panel-pad) + var(--control-radius));--target: 44px;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent);text-underline-offset:.2em}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{width:100%;min-height:var(--target);padding:var(--space-3);border:1px solid var(--control-line);border-radius:var(--control-radius);background:var(--surface);color:var(--ink)}input[type=radio],input[type=checkbox]{width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--accent)}textarea{min-height:112px;resize:vertical}fieldset{border:0;padding:0;margin:0;min-width:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}h1{font-size:var(--text-title);margin:0 0 var(--space-3)}h2{font-size:var(--text-heading);margin:0 0 var(--space-3)}h3{font-size:var(--text-medium);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3);line-height:1.6;color:var(--muted);text-wrap:pretty;overflow-wrap:anywhere}small{display:block}.muted,.status{color:var(--muted);font-size:var(--text-small)}.status{font-weight:650}.app{min-height:100vh;padding-inline:clamp(var(--space-3),4vw,var(--space-7));background:var(--page);color:var(--ink)}.glass{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius)}.topbar{max-width:1360px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-3);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.brand{display:flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800}.brand small{font-size:.6875rem;font-weight:650;letter-spacing:.07em}.brand-mark{display:block;width:64px;height:52px;object-fit:contain;flex:none}.top-end{display:flex;align-items:center;gap:var(--space-4)}.identity{font-size:var(--text-small);overflow-wrap:anywhere}.identity small{color:var(--muted);text-transform:capitalize}.welcome-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:var(--space-6);max-width:960px;margin:var(--space-7) auto}.login-card,.editor{padding:var(--panel-pad)}.login-card>p,.intro{margin-bottom:var(--space-5)}.exam-preview h2{font-size:var(--text-medium)}.exam-preview h3{font-size:var(--text-question);margin-bottom:var(--space-4)}.preview-options{list-style:none;padding:0;margin:0}.preview-options .answer-option{grid-template-columns:auto minmax(0,1fr);cursor:default}.field{display:block;min-width:0;margin-bottom:var(--space-4)}.field>span,.picture-upload label{display:block;font-weight:650;margin-bottom:var(--space-2)}.full-button{width:100%}.password-control{display:flex;align-items:stretch;gap:var(--space-2)}.password-control input{flex:1;min-width:0}.password-control button,.notice>button:not([class]),.alert>button{min-height:var(--target);padding:var(--space-2) var(--space-3);color:inherit;border:1px solid currentColor;border-radius:var(--control-radius);background:var(--surface);font-weight:650}.auth-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.auth-links button{background:transparent;border:0;padding:var(--space-2) 0;color:var(--accent);min-height:var(--target);text-decoration:underline}.privacy-note{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-small);line-height:1.6}.setup-notice,.tip{padding:var(--space-4);margin-block:var(--space-4);background:var(--subtle);color:var(--ink);border-radius:var(--control-radius);line-height:1.6}.setup-notice p{margin-top:var(--space-2)}.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);align-items:start;gap:var(--space-5);max-width:1360px;min-height:65vh;margin:var(--space-5) auto var(--space-7)}.sidebar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:calc(var(--space-2) + var(--control-radius))}.nav{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target);padding:var(--space-2) var(--space-3);text-align:left;color:var(--muted);background:transparent;border:0;border-radius:var(--control-radius)}.nav svg{flex:none}.nav:hover,.nav.active{color:var(--ink);background:var(--subtle)}.nav.active{font-weight:750}.nav:disabled{opacity:.65}.content,.page-heading>div{min-width:0}.page-heading,.share-panel,.card-top,.card-actions,.editor-actions,.account-search{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.page-heading,.share-panel,.card-top,.editor-actions{justify-content:space-between}.share-panel{padding:var(--panel-pad);margin-block:var(--space-5)}.share-panel p{max-width:52ch}.section-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 var(--space-3)}.section-title>span{color:var(--muted);font:600 var(--text-small) "DM Sans",sans-serif;letter-spacing:0}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4);margin-top:var(--space-4)}.quiz-card,.empty{min-width:0;padding:var(--panel-pad)}.quiz-card h3{margin-top:var(--space-3)}.quiz-card p{font-size:var(--text-small)}.quiz-card>.status{display:block;margin-bottom:var(--space-2)}.card-actions,.editor-actions{margin-top:var(--space-4)}.empty,.editor{margin-block:var(--space-4)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr));column-gap:var(--space-4)}.answer-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.correct-choice{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target);font-size:var(--text-small)}.account-search{margin-bottom:var(--space-4)}.account-search .field{flex:1 1 12rem;margin-bottom:0}.table-wrap{padding:var(--space-4);overflow:auto;border-radius:calc(var(--space-4) + var(--control-radius))}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-small)}caption{text-align:left;font-size:var(--text-heading);font-weight:700;margin-bottom:var(--space-3)}th,td{padding:var(--space-3);border-bottom:1px solid var(--line)}th{color:var(--muted)}.app--test,.app--result{background:var(--surface)}.app--test .content,.app--result .content{width:min(100%,860px)}.test-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3);scroll-margin-top:var(--space-3)}.test-header h1{font-size:var(--text-heading)}.test-subject{margin-bottom:var(--space-1)}.timer,.question-counter,.test-progress,.question-nav,.score-display{font-variant-numeric:tabular-nums}.timer{min-width:7ch;padding:var(--space-2) var(--space-3);font-size:clamp(1.375rem,4vw,2rem);font-weight:800;line-height:1.15;border-radius:var(--control-radius);background:var(--subtle);color:var(--ink);text-align:center}.timer small{font-size:var(--text-small);font-weight:600;margin-top:var(--space-1)}.timer.urgent{color:var(--danger);background:var(--danger-bg)}.test-progress{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-small);color:var(--muted);margin-top:var(--space-4)}progress{display:block;width:100%;height:var(--space-2);accent-color:var(--accent);margin:var(--space-2) 0 var(--space-5)}.question-panel,.confirm-panel,.result-card{padding:var(--panel-pad);background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius)}.question-counter{color:var(--muted);font-size:var(--text-small);font-weight:700;margin-bottom:var(--space-2)}.question-panel>h2:not(#preview-title){font-size:var(--text-question);letter-spacing:-.02em;line-height:1.38}.question-panel h2,.review-question h2,.review-question h3{white-space:pre-wrap;text-wrap:pretty}.question-panel fieldset{margin:var(--space-4) 0}.answer-option{display:grid;grid-template-columns:20px 1.5ch minmax(0,1fr);align-items:start;gap:var(--space-3);min-height:var(--target);padding:var(--space-3);border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink);line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}.answer-option input{margin-top:2px}.answer-option.chosen{background:var(--selected);border-radius:var(--control-radius)}.answer-letter{font-weight:750;color:var(--muted)}.exam-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4)}.app .fui-Button{min-height:var(--target);border-radius:var(--control-radius);font-weight:650;text-wrap:balance}.exam-actions .fui-Button,.confirm-panel .fui-Button{margin-bottom:var(--space-1)}.question-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.question-nav button{min-width:var(--target);min-height:var(--target);background:var(--surface);border:1px solid var(--control-line);border-radius:var(--control-radius);color:var(--ink)}.question-nav button.answered{background:var(--selected);font-weight:750}.question-nav button[aria-current]{box-shadow:inset 0 0 0 2px var(--accent);font-weight:750}.confirm-panel,.result-card{margin-top:var(--space-5)}.result-card{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.score-display{display:grid;gap:var(--space-1)}.score-display strong{font-family:Manrope,sans-serif;font-size:var(--text-score);line-height:1;font-weight:800;white-space:nowrap}.score-display strong span{font-size:var(--text-heading);color:var(--muted)}.score-display small{font-size:var(--text-medium);color:var(--muted)}.review-question{padding:var(--space-4) 0;border-top:1px solid var(--line);margin-top:var(--space-3)}.review-question .status{margin-bottom:var(--space-2)}.question-picture-frame{margin:var(--space-4) 0;min-width:0}.question-picture{display:block;max-width:100%;width:100%;height:auto;max-height:65vh;object-fit:contain;margin:var(--space-3) 0;border-radius:var(--control-radius)}.question-picture-frame.expanded .question-picture{max-height:none}.picture-upload{margin:var(--space-4) 0}.picture-upload label{margin-top:var(--space-3)}.notice,.alert,.submission-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-block:var(--space-4);border:1px solid var(--line);border-radius:calc(var(--space-4) + var(--control-radius));background:var(--subtle);line-height:1.5}.notice,.alert{justify-content:space-between}.alert{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.loading{display:grid;place-items:center;min-height:60vh}.loading-inline{padding:var(--space-5)}footer{max-width:1360px;margin-inline:auto;border-top:1px solid var(--line);padding-block:var(--space-4);color:var(--muted);font-size:var(--text-small)}.skip{position:absolute;top:0;left:var(--space-3);transform:translateY(-150%);z-index:100;padding:var(--space-3);background:var(--surface)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:760px){:root{--panel-pad: var(--space-4)}.workspace{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.sidebar{flex-direction:row;flex-wrap:wrap}.welcome-layout{grid-template-columns:minmax(0,1fr);margin-block:var(--space-5);gap:var(--space-4)}.identity{display:none}.answer-editor{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){.brand-mark{width:48px;height:44px}.brand{font-size:var(--text-small)}.answer-option{gap:var(--space-2)}.exam-actions .fui-Button{flex:1 1 0;min-width:0;padding-inline:var(--space-2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}