:root{--bg-base: #0a0a0a;--bg-alt: #111111;--bg-card: #161616;--bg-input: #1a1a1a;--border-default: #222222;--border-hover: #2a2a2a;--text-headline: #ffffff;--text-body: #e8e6e3;--text-muted: #8a8a8a;--text-dim: #555555;--accent: #c9f06b;--accent-dim: rgba(201, 240, 107, .15);--color-success: #4ade80;--color-warning: #facc15;--color-error: #f87171;--color-info: #60a5fa;--radius-tag: 3px;--radius-button: 4px;--radius-card: 8px;--font-headline: "Instrument Serif", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-body);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-headline);color:var(--text-headline);font-weight:400;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button,select,textarea{font-family:inherit;font-size:inherit}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.page-container{max-width:960px;margin:0 auto;padding:var(--space-xl) var(--space-lg);width:100%}.page-header{margin-bottom:48px}.page-header h1{margin-top:var(--space-sm)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:36px;transition:border-color .15s ease}.card:hover{border-color:var(--border-hover)}.card--clickable{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border:1px solid var(--border-default);border-radius:var(--radius-button);background:var(--bg-card);color:var(--text-body);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn:hover{border-color:var(--border-hover);color:var(--text-headline);text-decoration:none}.btn--primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent);font-weight:600}.btn--primary:hover{background:#a5c44e;color:#0a0a0a}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--bg-card);border-color:var(--border-default)}.btn--sm{padding:6px 12px;font-size:.8rem}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-tag);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em}.tag--accent{background:var(--accent-dim);color:var(--accent)}.tag--success{background:#4ade8026;color:var(--color-success)}.tag--warning{background:#facc1526;color:var(--color-warning)}.tag--error{background:#f8717126;color:var(--color-error)}.tag--info{background:#60a5fa26;color:var(--color-info)}.tag--dim{background:#55555526;color:var(--text-dim)}.progress-bar{width:100%;height:4px;background:var(--bg-alt);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.progress-bar__fill--success{background:var(--color-success)}.progress-bar__fill--warning{background:var(--color-warning)}.progress-bar__fill--error{background:var(--color-error)}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-button);color:var(--text-body);font-size:.95rem;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim)}.grid{display:grid;gap:var(--space-md)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid--2,.grid--3{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}.page-container{padding:var(--space-lg) var(--space-md)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .7s cubic-bezier(.16,1,.3,1) both}.fade-in-delay-1{animation-delay:.06s}.fade-in-delay-2{animation-delay:.12s}.fade-in-delay-3{animation-delay:.18s}.fade-in-delay-4{animation-delay:.24s}.fade-in-delay-5{animation-delay:.3s}.fade-in-delay-6{animation-delay:.36s}.fade-in-delay-7{animation-delay:.42s}.fade-in-delay-8{animation-delay:.48s}.grid--1px-gap{gap:1px;background:var(--border-default);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border-default)}.grid--1px-gap .card{border:none;border-radius:0}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}button,a,select,input,[role=button]{-webkit-tap-highlight-color:transparent}button,select,[role=button]{touch-action:manipulation}.header__logo-short{display:none}.quiz-actions{display:flex;gap:12px}.quiz-content-spacer{display:none}@media(max-width:640px){h1{font-size:1.75rem}h2{font-size:1.35rem}.page-container{padding:var(--space-md)}.page-header{margin-bottom:28px}.card{padding:20px}.btn{min-height:44px;padding:10px 16px}.input{font-size:16px;padding:12px 14px;min-height:44px}select{font-size:16px!important;min-height:44px}header{position:sticky;top:0;z-index:100}.header__logo-full{display:none}.header__logo-short{display:inline}.header__user{display:none}.quiz-actions{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg-base);border-top:1px solid var(--border-default);z-index:10;margin-top:0}.quiz-actions .btn{width:100%}.quiz-content-spacer{display:block;height:80px}.quiz-option{min-height:48px!important;padding:16px!important}.results-actions{flex-direction:column!important}.results-actions .btn,.category-start-btn{width:100%;justify-content:center}.progress-category-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.progress-levels{width:100%}.missed-answers{flex-direction:column!important;gap:4px!important}}