:root{--bg:#ffffff;--surface:#f5f5f5;--surface-warm:#f5f2ef;--fg:#000000;--fg-2:#4e4e4e;--muted:#777169;--meta:var(--muted);--border:#e5e5e5;--border-soft:rgba(0,0,0,0.05);--accent:#000000;--accent-on:#ffffff;--accent-hover:#1a1a1a;--accent-active:#333333;--success:#16a34a;--warn:#eab308;--danger:#dc2626;--font-display:"Waldenburg","Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Inter","Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Geist Mono",ui-monospace,monospace;--text-xs:10.5px;--text-sm:12px;--text-base:13.5px;--text-lg:16px;--text-xl:19px;--text-2xl:23px;--text-3xl:26px;--text-4xl:32px;--leading-body:1.4;--leading-tight:1.08;--tracking-display:-0.02em;--space-1:3px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:14px;--space-6:18px;--space-8:22px;--space-12:30px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-pill:9999px;--elev-raised:rgba(0,0,0,0.4) 0px 0px 1px,rgba(0,0,0,0.04) 0px 4px 4px;--focus-ring:0 0 0 3px rgba(22,163,74,0.5);--motion-fast:150ms;--motion-base:200ms;--ease-standard:cubic-bezier(0.2,0,0,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{background:var(--fg)}body{margin:0;min-height:100svh;color:var(--accent-on);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:.16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button,label{touch-action:manipulation}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus-ring)}svg{display:block}.app-shell{position:relative;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,color-mix(in oklch,var(--success) 13%,transparent),transparent 35%),var(--fg)}.app-main{padding:16px var(--space-4) 76px;max-width:440px;margin:0 auto}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:36px;margin-bottom:var(--space-4)}.screen-title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.micro,.screen-kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in oklch,var(--accent-on) 12%,transparent);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--accent-on) 6%,transparent);color:var(--accent-on);cursor:pointer;transition:background .15s ease,transform .1s ease}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:17px;height:17px}.profile-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--surface-warm);color:var(--fg);font-weight:700;font-size:13px;box-shadow:var(--elev-raised);cursor:pointer}.glass{background:color-mix(in oklch,var(--accent-on) 7%,transparent);border:1px solid color-mix(in oklch,var(--accent-on) 11%,transparent);box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--accent-on) 8%,transparent),0 10px 30px color-mix(in oklch,var(--fg) 55%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{border-radius:var(--radius-lg);padding:12px 14px}.stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.row,.row-between{display:flex;align-items:center;gap:var(--space-3)}.row-between{justify-content:space-between}.muted{color:color-mix(in oklch,var(--accent-on) 60%,var(--muted))}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.telemetry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:0;margin-bottom:var(--space-4)}.telemetry-chip{display:flex;align-items:center;gap:5px;min-height:32px;padding:0 8px;border:1px solid color-mix(in oklch,var(--accent-on) 11%,transparent);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--accent-on) 5%,transparent);font-family:var(--font-mono);font-size:11px;font-weight:700}.telemetry-chip svg{width:15px;height:15px}.streak{color:var(--warn)}.lives{color:var(--danger)}.level-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.level-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.progress-track{height:6px;border-radius:var(--radius-pill);overflow:hidden;background:color-mix(in oklch,var(--accent-on) 10%,transparent)}.progress-fill{height:100%;border-radius:inherit;background:var(--success);box-shadow:0 0 14px color-mix(in oklch,var(--success) 55%,transparent);transition:width .3s cubic-bezier(.2,0,0,1)}.daily{display:grid;grid-template-columns:64px 1fr;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.progress-ring{width:64px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;font-size:12px}.progress-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:color-mix(in oklch,var(--fg) 91%,var(--fg-2))}.progress-ring span{position:relative;font-family:var(--font-mono);font-weight:700}.daily h2,.section-label{margin:0;font-family:var(--font-display);font-weight:300}.daily h2{font-size:var(--text-lg);line-height:1.12}.daily p{margin:3px 0 0;font-size:var(--text-xs)}.section-label{font-size:var(--text-lg);margin-bottom:var(--space-2)}.mode-list{display:grid;grid-gap:8px;gap:8px}.mode-card{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:64px;padding:10px 12px;border-radius:var(--radius-md);transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);cursor:pointer}.mode-card:active{transform:scale(.98)}.mode-card.featured{border-color:color-mix(in oklch,var(--success) 45%,transparent);background:linear-gradient(135deg,color-mix(in oklch,var(--success) 13%,transparent),color-mix(in oklch,var(--accent-on) 6%,transparent))}.mode-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in oklch,var(--accent-on) 7%,transparent);color:var(--accent-on)}.mode-icon svg{width:19px;height:19px}.mode-card.featured .mode-icon{background:var(--success);color:var(--fg)}.mode-copy strong{display:block;font-size:13px;line-height:1.2}.mode-copy span{display:block;margin-top:2px;font-size:11px;line-height:1.25;color:color-mix(in oklch,var(--accent-on) 58%,var(--muted))}.chev{color:var(--muted);font-size:16px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--danger) 20%,transparent);color:color-mix(in oklch,var(--danger) 75%,var(--accent-on));font-family:var(--font-mono);font-size:10px}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in oklch,var(--accent-on) 10%,transparent);background:color-mix(in oklch,var(--fg) 90%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);max-width:440px;margin:0 auto}.nav-item{display:grid;justify-items:center;grid-gap:2px;gap:2px;min-height:42px;padding:3px 1px;color:color-mix(in oklch,var(--accent-on) 50%,var(--muted));font-size:9.5px;font-weight:600;transition:color .15s ease}.nav-item svg{width:18px;height:18px}.nav-item.active{color:var(--success)}.quiz-main{padding-bottom:95px}.quiz-top{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:8px;gap:8px;margin-bottom:var(--space-4)}.quiz-top .progress-track{height:8px}.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:8px}.category{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--success) 16%,transparent);color:var(--success);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.question{margin:0 0 12px;font-family:var(--font-display);font-size:17px;font-weight:300;line-height:1.25;letter-spacing:-.02em}.question-media{position:relative;display:grid;place-items:center;min-height:90px;margin-bottom:12px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(145deg,color-mix(in oklch,var(--accent-on) 8%,transparent),color-mix(in oklch,var(--accent-on) 3%,transparent));border:1px solid color-mix(in oklch,var(--accent-on) 18%,transparent);color:var(--muted);text-align:center;padding:8px}.question-media img{max-height:110px;width:auto;object-fit:contain;border-radius:var(--radius-sm);filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.answers{display:grid;grid-gap:8px;gap:8px}.answer-input{position:absolute;opacity:0;pointer-events:none}.answer{display:grid;grid-template-columns:32px 1fr;align-items:center;grid-gap:8px;gap:8px;min-height:48px;padding:8px 10px;border:1px solid color-mix(in oklch,var(--accent-on) 13%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--accent-on) 5%,transparent);transition:all var(--motion-fast) var(--ease-standard);font-size:13px;cursor:pointer}.answer:hover{border-color:color-mix(in oklch,var(--accent-on) 30%,transparent)}.answer-key{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in oklch,var(--accent-on) 8%,transparent);font-family:var(--font-mono);font-size:11.5px;font-weight:700}.answer-input:checked+.answer,.answer.selected{border-color:var(--success);box-shadow:inset 0 0 0 1px var(--success),0 0 18px color-mix(in oklch,var(--success) 12%,transparent);background:color-mix(in oklch,var(--success) 10%,transparent);transform:translateY(1px)}.answer-input:checked+.answer .answer-key,.answer.selected .answer-key{background:var(--success);color:var(--fg)}.answer.correct{border-color:var(--success)!important;background:color-mix(in oklch,var(--success) 14%,transparent)!important}.answer.correct .answer-key{background:var(--success)!important;color:var(--fg)!important}.answer.wrong{border-color:var(--danger)!important;background:color-mix(in oklch,var(--danger) 14%,transparent)!important}.answer.wrong .answer-key{background:var(--danger)!important;color:var(--accent-on)!important}.sticky-action{position:fixed;z-index:16;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,color-mix(in oklch,var(--fg) 96%,transparent) 22%);max-width:440px;margin:0 auto}.action{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border:0;border-radius:var(--radius-md);background:var(--success);color:var(--fg);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 0 color-mix(in oklch,var(--success) 56%,var(--fg));transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);cursor:pointer}.action:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in oklch,var(--success) 56%,var(--fg))}.action:disabled{opacity:.4;pointer-events:none;box-shadow:none}.action.secondary{background:color-mix(in oklch,var(--accent-on) 8%,transparent);color:var(--accent-on);box-shadow:0 4px 0 color-mix(in oklch,var(--accent-on) 4%,var(--fg))}.action.secondary:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in oklch,var(--accent-on) 4%,var(--fg))}.feedback-sheet{position:fixed;z-index:22;left:0;right:0;bottom:0;padding:16px 14px calc(14px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-width:440px;margin:0 auto;box-shadow:0 -16px 50px color-mix(in oklch,var(--fg) 65%,transparent);animation:slideUp .25s cubic-bezier(.2,0,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-sheet.correct{background:color-mix(in oklch,var(--success) 22%,var(--fg));border-top:1px solid color-mix(in oklch,var(--success) 55%,transparent)}.feedback-sheet.wrong{background:color-mix(in oklch,var(--danger) 22%,var(--fg));border-top:1px solid color-mix(in oklch,var(--danger) 55%,transparent)}.feedback-sheet h2{margin:0 0 4px;font-family:var(--font-display);font-size:19px;font-weight:300}.feedback-sheet p{margin:0 0 10px;color:color-mix(in oklch,var(--accent-on) 72%,var(--muted));font-size:var(--text-xs)}.feedback-score{display:inline-flex;align-items:center;gap:5px;margin-bottom:6px;color:var(--success);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.feedback-sheet.wrong .feedback-score{color:var(--danger)}.timer{display:flex;align-items:center;gap:5px;color:var(--warn);font-family:var(--font-mono);font-size:15px;font-weight:700}.exam-card{margin-bottom:var(--space-3)}.exam-question{margin:0 0 10px;font-family:var(--font-display);font-size:17px;font-weight:300;line-height:1.2}.exam-legend{display:flex;gap:var(--space-3);margin-bottom:8px;font-size:10px;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in oklch,var(--accent-on) 22%,transparent)}.legend-dot.done{background:var(--success)}.legend-dot.flag{background:var(--warn)}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.q-cell{display:grid;place-items:center;min-height:36px;border:1px solid color-mix(in oklch,var(--accent-on) 13%,transparent);border-radius:8px;background:color-mix(in oklch,var(--accent-on) 5%,transparent);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:all .15s ease}.q-cell:active{transform:scale(.92)}.q-cell.done{background:color-mix(in oklch,var(--success) 22%,transparent);border-color:color-mix(in oklch,var(--success) 48%,transparent);color:var(--success)}.q-cell.current{background:var(--success);border-color:var(--success);color:var(--fg);font-weight:800}.q-cell.flag{border-color:var(--warn);color:var(--warn)}.result-hero{text-align:center;padding:14px 0 18px}.result-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 10px;border-radius:50%;background:color-mix(in oklch,var(--success) 18%,transparent);border:1px solid color-mix(in oklch,var(--success) 45%,transparent);color:var(--success);box-shadow:0 0 30px color-mix(in oklch,var(--success) 16%,transparent)}.result-mark.failed{background:color-mix(in oklch,var(--danger) 18%,transparent);border-color:color-mix(in oklch,var(--danger) 45%,transparent);color:var(--danger);box-shadow:0 0 30px color-mix(in oklch,var(--danger) 16%,transparent)}.result-mark svg{width:34px;height:34px}.result-hero h1{margin:0;font-family:var(--font-display);font-size:28px;font-weight:300;line-height:1}.result-hero p{margin:6px 0 0;font-size:12px;color:var(--muted)}.score-panel{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-gap:1px;gap:1px;overflow:hidden;margin-bottom:var(--space-3);padding:1px;border-radius:var(--radius-md);background:color-mix(in oklch,var(--accent-on) 12%,transparent)}.score-stat{padding:12px 6px;text-align:center;background:color-mix(in oklch,var(--fg) 92%,var(--fg-2))}.score-stat strong{display:block;font-family:var(--font-display);font-size:19px;font-weight:300}.score-stat span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.review-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 0;font-size:13px;border-bottom:1px solid color-mix(in oklch,var(--accent-on) 10%,transparent)}.review-row:last-child{border:0}.review-row strong{font-size:13px}.review-row span{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid color-mix(in oklch,var(--accent-on) 14%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--accent-on) 6%,transparent);font-size:13px}.search svg{width:17px;height:17px;color:var(--muted);flex-shrink:0}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--accent-on);font-size:13px}.search input::placeholder{color:var(--muted)}.filter-row{display:flex;gap:6px;overflow:auto;margin:var(--space-2) -12px var(--space-4);padding:0 12px 2px;scrollbar-width:none}.filter{flex:none;min-height:32px;padding:0 10px;border:1px solid color-mix(in oklch,var(--accent-on) 13%,transparent);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--accent-on) 5%,transparent);color:var(--muted);font-size:11px;cursor:pointer;transition:all .15s ease}.filter.active{border-color:var(--success);background:color-mix(in oklch,var(--success) 16%,transparent);color:var(--success);font-weight:700}.question-list{display:grid;grid-gap:8px;gap:8px}.question-item{border:1px solid color-mix(in oklch,var(--accent-on) 11%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--accent-on) 5%,transparent);overflow:hidden}.question-item summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:52px;padding:10px 12px;list-style:none;cursor:pointer}.question-item summary::-webkit-details-marker{display:none}.q-code{font-family:var(--font-mono);font-size:10.5px;color:var(--success);font-weight:700}.q-summary strong{display:block;font-size:12px}.q-summary span{display:block;margin-top:2px;font-size:10.5px;color:var(--muted)}.question-detail{color:color-mix(in oklch,var(--accent-on) 75%,var(--muted));font-size:12px;border-top:1px solid color-mix(in oklch,var(--accent-on) 6%,transparent);padding:8px 12px 12px}.profile-hero{text-align:center;margin-bottom:var(--space-4)}.avatar{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 10px;border-radius:50%;background:var(--surface-warm);color:var(--fg);font-size:26px;box-shadow:0 0 0 4px color-mix(in oklch,var(--success) 17%,transparent)}.avatar,.profile-hero h1{font-family:var(--font-display)}.profile-hero h1{margin:0;font-size:var(--text-xl);font-weight:300}.profile-hero p{margin:3px 0 0;color:var(--success);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:var(--space-4)}.mini-stat{padding:10px 6px;text-align:center;border-radius:var(--radius-md)}.mini-stat strong{display:block;font-family:var(--font-display);font-size:18px;font-weight:300}.mini-stat span{display:block;font-size:9.5px;color:var(--muted)}.achievement{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid color-mix(in oklch,var(--accent-on) 10%,transparent)}.achievement:last-child{border:0}.achievement-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in oklch,var(--warn) 16%,transparent);color:var(--warn)}.achievement-icon svg{width:18px;height:18px}.achievement strong{display:block;font-size:13px}.achievement span{font-size:10.5px;color:var(--muted)}