.quiz-page{background:var(--paper)}.quiz-page #app{outline:none;min-height:70vh}.quiz-hero{padding-bottom:clamp(32px,5vw,56px)}.quiz-hero--compact .section-title{font-size:clamp(2.4rem,6vw,4rem)}.back-link{min-height:44px;color:var(--muted-on-dark);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#fff}.section--paper .back-link,.runner .back-link{color:var(--muted-on-light)}.section--paper .back-link:hover,.runner .back-link:hover{color:var(--red)}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.mode-switch{border:1px solid var(--line-dark);background:#ffffff0f;border-radius:20px;grid-template-columns:1fr 1fr;gap:6px;width:100%;max-width:640px;margin-top:32px;padding:6px;display:inline-grid}.mode-switch a{min-height:64px;color:var(--muted-on-dark);border-radius:14px;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.mode-switch a strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);font-size:1.3rem;display:block}.mode-switch a small{font-size:.85rem}.mode-switch a:hover{background:#ffffff0f}.mode-switch a.is-active{background:var(--red);color:#ffffffd9}.mode-switch a.is-active strong{color:#fff}@media (width<=520px){.mode-switch{grid-template-columns:1fr}}.info-strip{border-radius:var(--radius);background:var(--card);border-left:5px solid var(--red);color:var(--muted-on-light);align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.info-strip .icon{color:var(--red);margin-top:3px}.info-strip strong{color:var(--text-on-light)}.sets-title{font-family:var(--font-display);text-transform:uppercase;margin:40px 0 18px;font-size:1.8rem;font-weight:800}.set-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.set-card a{border-radius:var(--radius-lg);background:var(--card);height:100%;color:var(--text-on-light);box-shadow:0 1px 0 var(--line-light);transition:transform .25s var(--ease-out), box-shadow .25s ease;animation:rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 50ms);flex-direction:column;gap:16px;padding:22px;text-decoration:none;display:flex}.set-card a:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.set-card--special a{background:var(--asphalt-900);color:var(--paper)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.set-icon{background:var(--red);color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.set-letter{font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1}.set-body{flex-direction:column;gap:2px;display:flex}.set-body .set-name{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.6rem;font-weight:800;line-height:1.05}.set-body span{color:var(--muted-on-light);font-size:.95rem}.set-body small{color:var(--red);margin-top:6px;font-size:.85rem;font-weight:600}.set-card--special .set-body span{color:var(--muted-on-dark)}.set-card--special .set-body small{color:#ff6b6f}.set-foot{align-items:center;gap:12px;margin-top:auto;display:flex}.set-progress{background:var(--paper-2);border-radius:8px;flex:1;height:8px;overflow:hidden}.set-card--special .set-progress{background:var(--asphalt-700)}.set-progress span{background:var(--success);border-radius:inherit;height:100%;display:block}.set-progress-label{font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.set-go{background:var(--paper-2);width:40px;height:40px;color:var(--asphalt-900);transition:background-color .2s ease, color .2s ease, transform .2s var(--ease-out);border-radius:50%;place-items:center;margin-left:auto;display:grid}.set-card--special .set-go{background:var(--asphalt-700);color:var(--paper)}.set-card a:hover .set-go{background:var(--red);color:#fff;transform:translate(3px)}.chip--ok{background:var(--success-soft);color:var(--success)}.chip--muted{color:inherit;opacity:.8;background:#7f7f7f24}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.lesson-tile{border-radius:var(--radius);background:var(--card);min-height:76px;color:var(--text-on-light);transition:border-color .25s ease, transform .25s var(--ease-out), box-shadow .25s ease;border:2px solid #0000;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.lesson-tile:hover{border-color:var(--red);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.lesson-n{background:var(--asphalt-900);color:#fff;width:46px;height:46px;font-family:var(--font-display);border-radius:12px;flex:none;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.lesson-body{flex-direction:column;line-height:1.2;display:flex}.lesson-body small{color:var(--muted-on-light)}.lesson-state{color:var(--red);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.lesson-tile.is-done .lesson-n{background:var(--success)}.lesson-tile.is-perfect .lesson-n{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.lesson-tile.is-done .lesson-state,.lesson-tile.is-perfect .lesson-state{color:var(--success)}.runner{padding:calc(var(--header-h) + 24px) 0 64px;color:var(--text-on-light)}.runner-top{grid-template-columns:auto 1fr auto;align-items:center;gap:8px 20px;margin-bottom:18px;display:grid}.runner-top .back-link{margin:0}.runner-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800}.runner-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 18px;font-weight:600;display:flex}.runner-timer{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.runner-timer .icon{color:var(--red)}@media (width<=760px){.runner-top{grid-template-columns:1fr}.runner-meta{justify-content:flex-start}}.switch{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-ui{background:var(--asphalt-300);border-radius:26px;width:46px;height:26px;transition:background-color .2s;position:relative}.switch-ui:after{content:"";width:20px;height:20px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch-ui{background:var(--success)}.switch input:checked+.switch-ui:after{transform:translate(20px)}.switch input:focus-visible+.switch-ui{outline:3px solid var(--red);outline-offset:2px}.q-nav{grid-template-columns:repeat(var(--cols,10), 40px);justify-content:space-between;gap:10px 6px;margin-bottom:18px;display:grid}.q-dot{background:var(--card);width:40px;height:40px;color:var(--text-on-light);font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--paper-2);border:0;border-radius:10px;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s}.q-dot:hover{box-shadow:inset 0 0 0 2px var(--asphalt-400)}.q-dot.is-answered{background:var(--asphalt-800);color:#fff;box-shadow:none}.q-dot.is-correct{background:var(--success);color:#fff}.q-dot.is-wrong{background:var(--red);color:#fff}.q-dot.is-current{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--red)}.q-card{border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);animation:qin .35s var(--ease-out);outline:none;grid-template-columns:1fr;gap:28px;padding:clamp(20px,3.4vw,40px);display:grid}@keyframes qin{0%{opacity:0;transform:translate(14px)}}.q-card.has-img{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}@media (width<=860px){.q-card.has-img{grid-template-columns:1fr}.q-card.has-img .q-figure{order:-1}}.q-tags{flex-wrap:wrap;gap:8px;display:flex}.q-card .chip--dark,.review-item .chip--dark{background:var(--asphalt-900);color:var(--paper)}.q-text{text-wrap:pretty;margin:16px 0 22px;font-size:clamp(1.2rem,2.1vw,1.5rem);font-weight:700;line-height:1.35}.opts{gap:10px;display:grid}.opt{border:2px solid var(--paper-2);border-radius:var(--radius);width:100%;min-height:60px;color:var(--text-on-light);text-align:left;cursor:pointer;transition:border-color .15s ease, background-color .15s ease, transform .15s var(--ease-out);background:#fff;grid-template-columns:40px 1fr 24px;align-items:center;gap:14px;padding:10px 16px 10px 10px;font-size:1.02rem;line-height:1.4;display:grid}.opt:hover:not([aria-disabled=true]){border-color:var(--asphalt-400)}.opt:active:not([aria-disabled=true]){transform:scale(.99)}.opt[aria-disabled=true]{cursor:default}.opt-key{background:var(--paper);width:40px;height:40px;font-family:var(--font-display);border-radius:10px;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.opt.is-selected{border-color:var(--asphalt-900);background:#f6f3f1}.opt.is-selected .opt-key{background:var(--asphalt-900);color:#fff}.opt.is-right{border-color:var(--success);background:#eaf6ef}.opt.is-right .opt-key{background:var(--success);color:#fff}.opt.is-right .opt-mark{color:var(--success)}.opt.is-wrong{border-color:var(--red);background:#fdeced}.opt.is-wrong .opt-key{background:var(--red);color:#fff}.opt.is-wrong .opt-mark{color:var(--red)}.verdict{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:18px;padding:12px 16px;font-weight:700;display:flex}.verdict.is-ok{background:var(--success-soft);color:var(--success)}.verdict.is-bad{background:var(--red-soft);color:var(--red-hover)}.q-figure{margin:0}.q-zoom{border-radius:var(--radius);width:100%;box-shadow:inset 0 0 0 1.5px var(--paper-2);cursor:zoom-in;background:#fff;border:0;padding:12px;display:block;position:relative}.q-zoom img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:420px}.q-zoom .icon{color:#fff;background:#16171bbf;border-radius:50%;width:36px;height:36px;padding:8px;position:absolute;bottom:16px;right:16px}.runner-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.runner-actions .btn-ghost{color:var(--text-on-light)}.runner-actions .btn-main{min-width:220px;margin-left:auto}.runner-actions .btn-finish{margin-left:auto}.runner-actions .btn-finish+.btn-main{margin-left:0}@media (width<=560px){.runner-actions .btn{flex:auto}.runner-actions .btn-main{flex-basis:100%;order:-1}}.kbd-hint{color:var(--muted-on-light);margin-top:16px;font-size:.875rem}kbd{background:var(--card);min-width:24px;box-shadow:inset 0 -2px 0 var(--paper-2), 0 0 0 1px var(--paper-2);text-align:center;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:.8rem;font-weight:700;display:inline-block}@media (hover:none){.kbd-hint{display:none}}.result-hero{border-radius:var(--radius-lg);background:var(--asphalt-900);color:var(--paper);grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,4vw,48px);padding:clamp(24px,4vw,44px);display:grid}.result-hero .lead{color:var(--muted-on-dark)}.result-hero.is-pass{background:linear-gradient(135deg, #12452b, var(--asphalt-900) 70%)}.result-hero.is-fail{background:linear-gradient(135deg, var(--red-deep), var(--asphalt-900) 70%)}.result-hero .btn-ghost{color:var(--paper)}.result-ring{--pct:0;background:conic-gradient(var(--red) calc(var(--pct) * 1%), #ffffff1a 0);border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.is-pass .result-ring{background:conic-gradient(#3fcf7f calc(var(--pct) * 1%), #ffffff1a 0)}.result-ring>span{background:var(--asphalt-900);text-align:center;border-radius:50%;place-items:center;width:136px;height:136px;line-height:1;display:grid}.result-ring strong{font-family:var(--font-display);font-size:2.8rem;font-weight:800}.result-ring small{color:var(--muted-on-dark);margin-top:-18px;font-weight:600}@media (width<=640px){.result-hero{grid-template-columns:1fr;justify-items:start}}.area-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px;display:grid}.area-stats li{border-radius:var(--radius);background:var(--card);flex-direction:column;padding:16px 20px;display:flex}.area-stats strong{font-family:var(--font-display);font-size:2rem;font-weight:800}.area-stats span{color:var(--muted-on-light)}.review-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.review-item{border-radius:var(--radius);background:var(--card);border-left:5px solid var(--red);grid-template-columns:1fr auto;gap:20px;padding:20px;display:grid}.review-item h3{margin:10px 0 12px;font-size:1.1rem;line-height:1.35}.review-item ul{gap:6px;display:grid}.review-item li{color:var(--muted-on-light);align-items:flex-start;gap:8px;display:flex}.review-item li .icon{margin-top:4px}.review-item li.is-right{color:var(--success);font-weight:700}.review-item li.is-wrong{color:var(--red-hover);text-decoration:line-through}.review-item .dot{border:2px solid var(--paper-2);border-radius:50%;flex:none;width:16px;height:16px;margin-top:4px}.review-item img{background:#fff;border-radius:8px;width:180px;height:auto}.review-note{color:var(--warning);margin-top:8px;font-weight:700}@media (width<=640px){.review-item{grid-template-columns:1fr}.review-item img{order:-1;width:100%;max-width:320px}}.lightbox{border-radius:var(--radius-lg);background:#fff;border:0;max-width:min(96vw,1100px);max-height:92vh;padding:0;overflow:visible}.lightbox::backdrop{background:#0a0a0cd9}.lightbox img{object-fit:contain;border-radius:inherit;width:100%;height:auto;max-height:88vh}.lightbox-close{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:-14px;right:-14px}@media (width<=600px){.mode-switch{margin-top:22px}.mode-switch a{gap:10px;min-height:54px;padding:8px 12px}.mode-switch a strong{font-size:1.1rem}.info-strip{gap:10px;padding:14px 16px;font-size:.95rem}.sets-title{margin:28px 0 14px;font-size:1.45rem}.set-grid{gap:12px}.set-card a{gap:12px;padding:16px}.set-icon{border-radius:13px;width:46px;height:46px}.set-letter{font-size:1.8rem}.set-body .set-name{font-size:1.35rem}.set-go{width:36px;height:36px}.lesson-tile{gap:12px;min-height:64px;padding:10px 12px}.lesson-n{width:40px;height:40px;font-size:1.2rem}.runner{padding-top:calc(var(--header-h) + 14px);padding-bottom:44px}.runner-title{font-size:1.3rem}.q-nav{grid-template-columns:repeat(var(--cols,8), 36px);gap:8px 5px;margin-bottom:14px}.q-dot{border-radius:9px;width:36px;height:36px;font-size:.9rem}.q-card{gap:18px;padding:16px}.q-text{margin:12px 0 16px;font-size:1.08rem}.opts{gap:8px}.opt{grid-template-columns:32px 1fr 20px;gap:10px;min-height:50px;padding:8px 12px 8px 8px;font-size:.97rem}.opt-key{border-radius:8px;width:32px;height:32px;font-size:1.05rem}.q-zoom{padding:8px}.q-zoom img{max-height:300px}.runner-actions .btn-main{min-width:0}.verdict{padding:10px 12px;font-size:.95rem}.result-hero{gap:18px;padding:20px}.result-ring{width:130px;height:130px}.result-ring>span{width:104px;height:104px}.result-ring strong{font-size:2.2rem}.area-stats strong{font-size:1.6rem}.review-item{padding:16px}}