:root{color-scheme:light;color:#171717;background:#f7f3e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--lego-ink: #171717;--lego-canvas: #f7f3e8;--lego-surface: #ffffff;--lego-muted: #5c6670;--lego-line: #27303a;--lego-blue: #0055bf;--lego-yellow: #ffd500;--lego-red: #d01012;--lego-green: #237841;--lego-blue-soft: #e7f0fb;--lego-yellow-soft: #fff5bf;--lego-red-soft: #ffe8e6;--lego-green-soft: #e5f4ea;--lego-focus: #4f46e5;--lego-shadow: 0 4px 0 var(--lego-ink);--lego-nav-content-height: 76px;--lego-nav-safe-space: max(8px, env(safe-area-inset-bottom, 0px));--lego-nav-height: calc(var(--lego-nav-content-height) + var(--lego-nav-safe-space));--lego-page-bottom: calc(var(--lego-nav-height) + 24px);--lego-page-gutter: 16px}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--lego-canvas);scroll-behavior:smooth}body{min-height:100%;margin:0;overflow-x:hidden;background:var(--lego-canvas);color:var(--lego-ink);-webkit-tap-highlight-color:rgba(0,85,191,.18)}button,input,select{font:inherit}button{min-height:48px;border:2px solid var(--lego-ink);border-radius:10px;padding:12px 18px;background:var(--lego-blue);color:#fff;font-size:16px;font-weight:750;line-height:1.2;cursor:pointer;touch-action:manipulation;box-shadow:var(--lego-shadow);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--lego-ink)}button:disabled{border-color:#7b8490;background:#d7dce2;color:#5c6670;cursor:not-allowed;box-shadow:none;transform:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lego-focus);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(28px,7vw,36px);line-height:1.2;letter-spacing:-.02em}h2{line-height:1.25}.app-shell{min-height:100vh;min-height:100dvh;background:var(--lego-canvas)}.app-shell--exam-active .page{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.app-shell--exam-active .practice-actions,.app-shell--exam-active .exam-actions{bottom:max(12px,env(safe-area-inset-bottom,0px))}.hero-band{position:relative;overflow:hidden;padding:max(28px,env(safe-area-inset-top,0px)) 20px 28px;border-bottom:2px solid var(--lego-ink);background:var(--lego-blue);color:#fff}.hero-band:before,.login-panel:before{position:absolute;width:76px;height:28px;background:radial-gradient(circle,rgba(255,255,255,.52) 0 5px,transparent 6px) 0 0 / 24px 24px;content:"";opacity:.58;pointer-events:none}.hero-band:before{top:22px;right:18px}.hero-band>*,.login-panel>*{position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:inherit;font-size:14px;font-weight:750;letter-spacing:.04em}.summary{margin:12px 0 0;color:#e7f0fb;font-size:17px;line-height:1.45}.login-page{display:grid;min-height:100vh;min-height:100dvh;align-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--lego-canvas)}.login-panel{position:relative;width:100%;max-width:460px;margin:0 auto;padding:24px;border:2px solid var(--lego-ink);border-radius:14px;background:var(--lego-surface);box-shadow:var(--lego-shadow)}.login-panel:before{top:12px;right:14px;opacity:.24}label:not(.option-row){display:grid;gap:8px;margin:20px 0 14px;color:var(--lego-ink);font-size:14px;font-weight:700}label:not(.option-row)>span{color:var(--lego-muted)}input:not([type=checkbox]):not([type=radio]),select{min-height:48px;border:2px solid var(--lego-line);border-radius:10px;padding:0 14px;background:var(--lego-surface);color:var(--lego-ink);font-size:17px}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled{background:#eef0f2;color:var(--lego-muted);cursor:not-allowed}select{width:100%}.page{width:100%;max-width:760px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:24px var(--lego-page-gutter) var(--lego-page-bottom)}.hero-band.compact{margin:-24px calc(var(--lego-page-gutter) * -1) 24px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.action-grid button{min-height:68px;font-size:18px}.action-grid button:nth-child(1){background:var(--lego-blue)}.action-grid button:nth-child(2){background:var(--lego-yellow);color:var(--lego-ink)}.action-grid button:nth-child(3){background:var(--lego-red)}.action-grid button:nth-child(4){background:var(--lego-green)}.action-grid button:nth-child(5){background:var(--lego-blue)}.action-grid>button:last-child:nth-child(odd){grid-column:1 / -1}.home-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.home-metric,.metric{position:relative;display:grid;gap:8px;min-width:0;overflow:hidden;padding:16px 14px;border:2px solid var(--lego-line);border-radius:12px;background:var(--lego-surface);box-shadow:0 2px #aeb6bf}.home-metric:before,.metric:before{position:absolute;top:0;right:0;left:0;height:7px;background:var(--lego-yellow);content:""}.home-metric span,.metric span{color:var(--lego-muted);font-size:13px;line-height:1.3}.home-metric strong{font-size:clamp(20px,6vw,28px);line-height:1.1;overflow-wrap:anywhere}.today-recommendation{position:relative;display:grid;gap:10px;overflow:hidden;margin-bottom:20px;padding:18px;border:2px solid var(--lego-ink);border-radius:12px;background:var(--lego-yellow-soft);box-shadow:var(--lego-shadow)}.today-recommendation:after{position:absolute;top:14px;right:16px;width:12px;height:12px;border-radius:50%;background:var(--lego-yellow);box-shadow:inset 0 2px #17171733;content:""}.today-recommendation span{color:var(--lego-muted);font-size:13px;font-weight:750}.today-recommendation strong{font-size:22px;line-height:1.25}.today-recommendation p{margin:0;color:#374151;line-height:1.5}.today-recommendation button{margin-top:4px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-height:var(--lego-nav-height);padding:8px 8px var(--lego-nav-safe-space);border-top:2px solid var(--lego-ink);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item{display:grid;min-height:48px;align-content:center;justify-items:center;gap:2px;border:2px solid transparent;border-radius:10px;padding:4px;background:transparent;color:#3d4a4a;font-size:12px;font-weight:750;box-shadow:none}.nav-item svg{stroke-width:2.6}.nav-item.active,.nav-item[aria-current=page]{border-color:var(--lego-ink);background:var(--lego-yellow-soft);color:var(--lego-ink);box-shadow:0 2px 0 var(--lego-ink)}.nav-item:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px 0 var(--lego-ink)}.progress-text{display:inline-flex;align-items:center;min-height:32px;margin:0 8px 12px 0;padding:4px 10px;border:2px solid var(--lego-line);border-radius:8px;background:var(--lego-yellow-soft);color:var(--lego-ink);font-size:15px;font-weight:750}.practice-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.36fr);gap:12px;margin-bottom:18px;padding:12px;border:2px solid var(--lego-ink);border-radius:12px;background:var(--lego-yellow-soft);box-shadow:0 2px 0 var(--lego-ink)}.practice-toolbar label{min-width:0;margin:0}.practice-toolbar label span{display:block;margin-bottom:2px;color:var(--lego-muted);font-size:13px;font-weight:750}.question-stem{max-width:68ch;margin:0 0 20px;color:var(--lego-ink);font-size:clamp(20px,5.2vw,25px);font-weight:750;line-height:1.55}.options-list{display:grid;gap:12px;margin-bottom:20px}.option-row{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:start;gap:12px;min-width:0;margin:0;padding:14px;border:2px solid #aeb6bf;border-radius:12px;background:var(--lego-surface);color:var(--lego-ink);font-size:17px;line-height:1.55;cursor:pointer;box-shadow:0 2px #d0d5da;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.option-row:focus-within{border-color:var(--lego-blue)}.option-row:has(input:checked){border-color:var(--lego-blue);background:var(--lego-blue-soft);box-shadow:0 3px 0 var(--lego-blue)}.option-row input{width:22px;height:22px;min-height:22px;margin:2px 0 0;padding:0;accent-color:var(--lego-blue)}.option-row span{min-width:0;overflow-wrap:anywhere}.practice-status{display:grid;gap:10px;margin-top:18px;padding:18px;border:2px solid var(--lego-ink);border-radius:12px;background:var(--lego-yellow-soft);box-shadow:var(--lego-shadow)}.practice-status strong{font-size:20px}.practice-status p{margin:0;color:var(--lego-muted);line-height:1.5}.answer-box{display:grid;gap:8px;padding:18px;border:2px solid var(--lego-ink);border-radius:12px;box-shadow:0 2px 0 var(--lego-ink)}.answer-box.correct{background:var(--lego-green-soft);color:#155b31}.answer-box.wrong{background:var(--lego-red-soft);color:#8f1113}.answer-box p{margin:0;line-height:1.5}.secondary-button{background:var(--lego-yellow-soft);color:var(--lego-ink)}.practice-actions,.exam-actions{position:sticky;bottom:var(--lego-nav-height);z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;margin-bottom:8px;padding:14px 0 4px;background:linear-gradient(to bottom,rgba(247,243,232,0),var(--lego-canvas) 16px,var(--lego-canvas));scroll-margin-bottom:var(--lego-nav-height)}.question-map-toggle{width:100%;margin-bottom:12px;border-color:var(--lego-ink);background:var(--lego-yellow-soft);color:var(--lego-ink)}.question-jump-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;max-height:min(42vh,340px);overflow-y:auto;margin-bottom:16px;padding:8px;border:2px solid var(--lego-ink);border-radius:12px;background:var(--lego-yellow-soft)}.jump-button{min-height:44px;padding:0;border-color:var(--lego-ink);background:var(--lego-surface);color:var(--lego-ink);box-shadow:0 2px #aeb6bf}.jump-button.active{background:var(--lego-blue);color:#fff;box-shadow:0 2px 0 var(--lego-ink)}.result-page{display:grid;align-content:start;gap:16px;min-height:calc(100vh - var(--lego-nav-height));min-height:calc(100dvh - var(--lego-nav-height))}.review-section h2{margin:0 0 12px;font-size:22px}.review-list,.exam-list{display:grid;gap:12px}.review-item,.exam-row{display:grid;gap:8px;min-width:0;padding:14px;border:2px solid var(--lego-line);border-radius:12px;background:var(--lego-surface);box-shadow:0 2px #aeb6bf}.review-item h3,.review-item p{margin:0;overflow-wrap:anywhere}.exam-row{display:flex;align-items:center;justify-content:space-between}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric strong{font-size:clamp(24px,7vw,32px);line-height:1.1}.form-page{max-width:640px}.brick-card{position:relative;border:2px solid var(--lego-ink);border-radius:12px;box-shadow:0 3px 0 var(--lego-ink)}.brick-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.brick-button svg,.home-action svg,.section-heading svg,.sync-hint svg{flex:0 0 auto}.brick-button--secondary{background:var(--lego-yellow-soft);color:var(--lego-ink)}.brick-button--danger{background:var(--lego-red);color:#fff}.brick-label{display:inline-flex;width:fit-content;align-items:center;min-height:26px;padding:3px 9px;border:2px solid var(--lego-ink);border-radius:7px;background:var(--lego-yellow);color:var(--lego-ink);font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1.15;box-shadow:0 2px 0 var(--lego-ink)}.page-heading{display:grid;gap:8px;margin-bottom:20px}.page-heading h1,.page-heading p,.section-heading h2,.empty-card p,.practice-complete p,.settings-meta p{margin:0}.page-heading p,.empty-card p,.practice-complete p,.settings-meta p{color:var(--lego-muted);line-height:1.5}.hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.hero-title-row h1{min-width:0}.countdown-chip{flex:0 0 auto;min-width:74px;padding:8px 12px;border:2px solid var(--lego-ink);border-radius:9px;background:var(--lego-yellow);color:var(--lego-ink);font-size:15px;font-weight:800;text-align:center;box-shadow:0 3px 0 var(--lego-ink)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 14px}.section-heading>div{display:grid;gap:8px}.section-heading h2{font-size:22px}.section-heading--with-icon{justify-content:flex-start;color:var(--lego-blue)}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 18px;padding:14px 16px;border:2px solid var(--lego-line);border-radius:12px;background:var(--lego-surface);color:var(--lego-ink);box-shadow:0 2px 0 var(--lego-ink)}.status-banner p{margin:4px 0 0;line-height:1.45}.status-banner--loading{border-color:var(--lego-blue);background:var(--lego-blue-soft)}.status-banner--ready{border-color:var(--lego-green);background:var(--lego-green-soft)}.status-banner--empty{border-color:#9f7d00;background:var(--lego-yellow-soft)}.status-banner--error{border-color:var(--lego-red);background:var(--lego-red-soft)}.practice-status.status-banner{display:grid;align-items:stretch}.home-action{position:relative;display:flex;min-height:88px;align-items:center;justify-content:flex-start;gap:12px;overflow:hidden;text-align:left}.home-action:after{position:absolute;top:10px;right:12px;width:12px;height:12px;border:2px solid rgba(23,23,23,.42);border-radius:50%;background:#ffffff47;content:""}.home-action span{font-size:18px;font-weight:800}.action-grid .home-action--blue{background:var(--lego-blue);color:#fff}.action-grid .home-action--yellow{background:var(--lego-yellow);color:var(--lego-ink)}.action-grid .home-action--red{background:var(--lego-red);color:#fff}.action-grid .home-action--green{background:var(--lego-green);color:#fff}.action-grid .home-action--white{background:var(--lego-surface);color:var(--lego-ink)}.home-metric--blue:before,.metric--blue:before{background:var(--lego-blue)}.home-metric--green:before,.metric--green:before{background:var(--lego-green)}.home-metric--red:before,.metric--red:before{background:var(--lego-red)}.metric--yellow:before{background:var(--lego-yellow)}.question-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.question-meta .progress-text{margin-bottom:0}.question-type-badge{display:inline-flex;min-height:32px;align-items:center;padding:4px 10px;border:2px solid var(--lego-blue);border-radius:8px;background:var(--lego-blue-soft);color:#003f8f;font-size:14px;font-weight:800}.question-card{margin-bottom:18px;padding:18px;background:var(--lego-surface)}.question-card .question-stem{margin-bottom:18px}.question-card .options-list{margin-bottom:0}.option-key{display:inline-flex;min-width:28px;min-height:28px;align-items:center;justify-content:center;margin-right:6px;border:2px solid currentColor;border-radius:7px;color:var(--lego-blue);font-size:14px;line-height:1}.option-row.selected,.option-row:has(input:checked){border-color:var(--lego-blue);background:var(--lego-blue-soft);box-shadow:0 3px 0 var(--lego-blue)}.option-row.option-row--correct{border-color:var(--lego-green);background:var(--lego-green-soft);box-shadow:0 3px 0 var(--lego-green)}.option-row.option-row--correct .option-key{color:var(--lego-green)}.option-row.option-row--wrong{border-color:var(--lego-red);background:var(--lego-red-soft);box-shadow:0 3px 0 var(--lego-red)}.option-row.option-row--wrong .option-key{color:var(--lego-red)}.sync-hint{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--lego-muted);font-size:14px;font-weight:700}.sync-hint--offline{padding:8px 10px;border:2px solid #9f7d00;border-radius:8px;background:var(--lego-yellow-soft);color:#5f4b00}.sync-hint--error{padding:8px 10px;border:2px solid var(--lego-red);border-radius:8px;background:var(--lego-red-soft);color:#8f1113}.practice-complete-page{display:grid;place-items:center}.practice-complete{display:grid;width:min(100%,520px);gap:14px;padding:24px;background:var(--lego-surface);text-align:center}.practice-complete>svg{justify-self:center;color:var(--lego-green)}.practice-complete .brick-label{justify-self:center}.practice-complete__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:14px;border:2px solid var(--lego-ink);border-radius:10px;background:var(--lego-yellow-soft)}.practice-complete__metrics strong{font-size:28px}.practice-complete__metrics span{color:var(--lego-muted);font-size:13px}.empty-card{display:grid;justify-items:center;gap:8px;padding:24px;border:2px dashed var(--lego-line);border-radius:12px;background:var(--lego-surface);text-align:center}.empty-card svg{color:var(--lego-blue)}.exam-row__type{display:block;margin-bottom:4px;color:var(--lego-muted);font-size:13px}.result-badge{flex:0 0 auto;padding:6px 10px;border:2px solid var(--lego-ink);border-radius:8px;font-size:13px;font-weight:800}.result-badge--passed{background:var(--lego-green-soft);color:#155b31}.result-badge--failed{background:var(--lego-red-soft);color:#8f1113}.inline-warning{margin:14px 0 0;padding:10px 12px;border:2px solid #9f7d00;border-radius:8px;background:var(--lego-yellow-soft);color:#5f4b00;font-size:14px}.settings-card,.settings-meta{margin-bottom:18px;padding:18px;background:var(--lego-surface)}.settings-card label:first-child{margin-top:0}.save-hint{margin:12px 0 0;color:#155b31;font-size:14px;font-weight:800}.settings-meta{display:grid;gap:10px}.logout-button{width:100%}.login-brand{display:flex;gap:10px;margin-bottom:20px}.login-stud{width:30px;height:30px;border:2px solid var(--lego-ink);border-radius:9px;box-shadow:0 3px 0 var(--lego-ink)}.login-stud--blue{background:var(--lego-blue)}.login-stud--yellow{background:var(--lego-yellow)}.login-stud--red{background:var(--lego-red)}.field-error{margin:-4px 0 14px;color:#a30d0f;font-size:14px;font-weight:750}.exam-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.exam-topbar .progress-text{margin-top:8px;margin-bottom:0}.icon-button{display:inline-grid;width:48px;min-width:48px;min-height:48px;place-items:center;padding:0;background:var(--lego-surface);color:var(--lego-ink)}.question-map-panel{margin-bottom:14px;padding:12px;background:var(--lego-yellow-soft)}.question-map-panel .question-jump-list{max-height:min(42vh,340px);margin:0;padding:0;border:0;background:transparent}.jump-button.answered{background:var(--lego-green-soft);border-color:var(--lego-green)}.jump-button.unanswered{background:var(--lego-surface)}.map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;color:var(--lego-muted);font-size:13px;font-weight:700}.legend-dot{width:10px;height:10px;border:1px solid var(--lego-ink);border-radius:50%}.legend-dot--answered{background:var(--lego-green)}.legend-dot--unanswered{background:var(--lego-surface)}.confirm-card{display:grid;gap:10px;margin:14px 0;padding:16px;background:var(--lego-yellow-soft)}.confirm-card p{margin:0;color:var(--lego-muted);line-height:1.5}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exam-start-card{display:grid;justify-items:center;gap:12px;margin:16px 0 20px;padding:24px;background:var(--lego-yellow-soft);text-align:center}.exam-start-card svg{color:var(--lego-red)}.exam-start-card p{margin:0;color:var(--lego-muted);line-height:1.5}.result-hero{display:grid;gap:8px;padding:22px;border:2px solid var(--lego-ink);border-radius:14px;box-shadow:var(--lego-shadow)}.result-hero strong{font-size:clamp(42px,12vw,64px);line-height:1}.result-hero p{margin:0;font-size:17px;font-weight:750}.result-hero--passed{background:var(--lego-green-soft);color:#155b31}.result-hero--failed{background:var(--lego-red-soft);color:#8f1113}.result-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--lego-surface);font-weight:800}.result-summary span:last-child{color:var(--lego-green)}.result-page>.brick-button{width:100%}.exam-page .question-card{margin-bottom:16px}.exam-page .exam-actions{margin-top:14px}.answer-box .brick-button{width:100%}.status-banner>svg{flex:0 0 auto}.status-banner>div{min-width:0;flex:1 1 auto}@media (max-width: 359px){.confirm-actions{grid-template-columns:1fr}.result-summary{display:grid}}@media (max-width: 359px){:root{--lego-page-gutter: 12px}.page{padding-top:18px}.hero-band.compact{margin-top:-18px}.home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat-grid .home-metric:last-child{grid-column:1 / -1}.practice-toolbar,.practice-actions,.exam-actions{grid-template-columns:1fr}.hero-title-row,.status-banner{align-items:stretch;flex-direction:column}.countdown-chip{width:fit-content}.question-card{padding:14px}.practice-complete__metrics{gap:2px 8px}.question-stem{font-size:20px}.option-row{grid-template-columns:24px 1fr;gap:10px;padding:12px;font-size:16px}.nav-item{padding-inline:2px;font-size:11px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors: active){button,input:not([type=checkbox]):not([type=radio]),select,.option-row,.bottom-nav,.login-panel{border-color:ButtonText}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:Highlight}}