.navbar{background:var(--canvas);padding:16px 32px;display:flex;align-items:center;border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:10}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-decoration:none;font-size:18px;margin-right:8px;border:1px solid var(--hairline);transition:background .15s ease;flex-shrink:0}.back-btn:hover{background:var(--hairline-soft)}.logo{font-size:25px;font-weight:800;letter-spacing:-.3px;display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}.logo-isp{position:relative;display:inline-block}.logo-star{position:absolute;width:15px;height:15px;top:-5px;left:50%;transform:translate(-50%)}.page-wrap{max-width:760px;margin:40px auto;padding:0 20px 80px}.card-base{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--radius-xxxl);padding:var(--space-xxl)}.screen{display:block}.screen[hidden]{display:none}h1{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}.meta-row{display:flex;gap:20px;color:var(--slate);font-size:15px;margin-bottom:28px}.last-score{margin-top:8px;font-size:14px;color:var(--steel);background:var(--surface);display:inline-block;padding:6px 14px;border-radius:var(--radius-full)}button{font-family:inherit;cursor:pointer}.btn-primary{background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-full);padding:14px 28px;font-size:15px;font-weight:500;transition:background .15s ease}.btn-primary:hover{background:#2c2c34}.btn-primary:disabled{background:var(--hairline);color:var(--muted);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);padding:14px 28px;font-size:15px;font-weight:500}.btn-secondary:hover{background:var(--surface)}.progress-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--slate);margin-bottom:8px}.progress-track{height:8px;background:var(--hairline-soft);border-radius:var(--radius-full);overflow:hidden;margin-bottom:24px}.progress-fill{height:100%;background:var(--brand-blue);border-radius:var(--radius-full);transition:width .25s ease}.badge{display:inline-block;font-size:13px;font-weight:600;border-radius:var(--radius-full);padding:4px 10px;margin-bottom:16px}.badge-база{background:var(--surface-yellow);color:var(--yellow-dark)}.badge-орта{background:var(--surface-pricing-featured);color:var(--brand-blue)}.badge-жоғары{background:var(--coral-light);color:var(--coral-dark)}.mode-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--slate);user-select:none}.mode-toggle input{display:none}.mode-toggle .switch{width:38px;height:22px;border-radius:var(--radius-full);background:var(--hairline);position:relative;transition:background .15s ease;flex-shrink:0}.mode-toggle .switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--canvas);box-shadow:0 1px 3px #0003;transition:left .15s ease}.mode-toggle input:checked+.switch{background:var(--brand-blue)}.mode-toggle input:checked+.switch:after{left:19px}.question-text{font-size:19px;font-weight:500;margin-bottom:24px;line-height:1.4}.option{display:flex;align-items:center;gap:12px;border:2px solid var(--hairline);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:10px;font-size:15px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.option:hover{border-color:var(--hairline-strong)}.option.selected{border-color:var(--brand-blue);background:var(--surface-pricing-featured)}.option .marker{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--hairline-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center}.option.multi .marker{border-radius:var(--radius-sm, 6px)}.option.selected .marker{border-color:var(--brand-blue);background:var(--brand-blue)}.option.disabled{cursor:default}.option.correct{border-color:var(--success-accent);background:#e8f9f1}.option.correct .marker{border-color:var(--success-accent);background:var(--success-accent)}.option.incorrect{border-color:var(--brand-red-dark);background:#fdecec}.option.incorrect .marker{border-color:var(--brand-red-dark);background:var(--brand-red-dark)}.match-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.match-left{flex:1;font-size:15px;font-weight:500;padding:12px 14px;background:var(--surface);border-radius:var(--radius-md)}.match-select{flex:1;height:44px;border-radius:var(--radius-md);border:2px solid var(--hairline-strong);padding:0 12px;font-size:14px;font-family:inherit;background:var(--canvas);color:var(--ink)}.match-select.correct{border-color:var(--success-accent)}.match-select.incorrect{border-color:var(--brand-red-dark)}.explanation{margin-top:20px;padding:16px 18px;background:var(--surface);border-radius:var(--radius-lg);font-size:14px;color:var(--slate);border-left:3px solid var(--brand-blue)}.actions-row{margin-top:28px;display:flex;justify-content:flex-end;gap:12px}.score-circle{text-align:center;margin-bottom:32px}.score-percent{font-size:64px;font-weight:500;letter-spacing:-1.5px;color:var(--primary)}.score-sub{color:var(--slate);font-size:15px;margin-top:4px}.breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.breakdown-item{background:var(--surface);border-radius:var(--radius-lg);padding:14px;text-align:center}.breakdown-item .label{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.breakdown-item .value{font-size:22px;font-weight:500;margin-top:4px}details.review-item{border:1px solid var(--hairline-soft);border-radius:var(--radius-lg);margin-bottom:10px;padding:14px 16px}details.review-item summary{cursor:pointer;font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px}details.review-item summary .status-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-red-dark);flex-shrink:0}.review-body{margin-top:12px;font-size:14px;color:var(--slate)}.review-body .row{margin-bottom:6px}.review-body .your-answer{color:var(--coral-dark)}.review-body .correct-answer{color:var(--success-accent)}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--stone);margin:28px 0 12px}.error-box{text-align:center;color:var(--slate);padding:40px 20px}.visual-code{background:var(--surface);border-radius:var(--radius-md);margin:0 0 20px;overflow-x:auto}.visual-code ol{margin:0;padding:14px 16px 14px 40px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6;color:var(--ink)}.visual-code li{white-space:pre}.visual-code li::marker{color:var(--muted);font-size:12px}.code-keyword{color:var(--brand-blue);font-weight:600}.code-string{color:var(--success-accent)}.code-number{color:var(--yellow-dark)}.code-comment{color:var(--stone);font-style:italic}.visual-table-wrap{overflow-x:auto;margin:0 0 20px}.visual-table{border-collapse:collapse;width:100%;font-size:14px}.visual-table th,.visual-table td{border:1px solid var(--hairline);padding:8px 12px;text-align:left;white-space:nowrap}.visual-table thead th,.visual-table tbody th{background:var(--surface);color:var(--steel);font-weight:600;text-align:center}.visual-table td.cell-highlight{background:var(--surface-yellow);border:2px solid var(--brand-blue)}.visual-image{display:block;max-width:100%;margin:0 auto 20px;border-radius:var(--radius-xl);border:1px solid var(--hairline-soft)}.visual-placeholder{margin:0 0 20px;padding:32px;border:2px dashed var(--hairline-strong);border-radius:var(--radius-xl);text-align:center;color:var(--muted);font-size:14px}@media(max-width:767px){.page-wrap{margin:20px auto;padding:0 12px 60px}.card-base{padding:var(--space-xl);border-radius:var(--radius-xl)}h1{font-size:26px}.score-percent{font-size:48px}.breakdown-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.match-row{flex-direction:column;align-items:stretch;gap:6px}}