:root{--bg:#0a0a0a;--bg-2:#0d0d0e;--fg:#fafafa;--fg-soft:#d4d4d8;--muted:#a1a1aa;--muted-2:#71717a;--border:#27272a;--border-2:#3f3f46;--accent:#aab2c0;--ok:#84d29a;--ko:#f59e9e;--cta-fg:#0a0a0a;--cta-bg:#fafafa;--display:"Inter Tight", "Cabinet Grotesk", "League Spartan", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--sans:"Inter Tight", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--container:80rem;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;font-feature-settings:"ss01", "cv11"}body{background:radial-gradient(ellipse 60% 45% at 50% -8%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 60%), radial-gradient(ellipse 50% 35% at 92% 28%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 70%), var(--bg);background-attachment:fixed;min-height:100dvh;margin:0;line-height:1.55;position:relative}body:before{content:"";pointer-events:none;z-index:50;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.95  0 0 0 0 0.95  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:800;line-height:1.05}p{text-wrap:pretty;margin:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}@media (width>=768px){.container{padding:0 40px}}.header{z-index:30;transition:background .4s var(--ease), backdrop-filter .4s var(--ease), border-color .4s var(--ease);padding-top:var(--safe-top);border-bottom:1px solid #0000;position:sticky;top:0}.header.scrolled{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:saturate(160%)blur(18px);border-bottom-color:var(--border)}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;height:64px;font-size:14px;display:grid}.brand{letter-spacing:-.01em;grid-column:2;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.menu-btn{color:var(--fg);transition:color .2s var(--ease);justify-self:end;align-items:center;gap:12px;font-size:13px;display:inline-flex}.menu-btn:hover{color:var(--accent)}.menu-btn .label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:11px;display:none}@media (width>=640px){.menu-btn .label{display:inline}}.menu-btn .icon{width:22px;height:14px;display:block}.overlay{z-index:60;background:var(--bg);padding-top:var(--safe-top);flex-direction:column;display:none;position:fixed;inset:0}.overlay[data-state=open],.overlay[data-state=closing]{display:flex}.overlay[data-state=open]{animation:fadeIn .25s var(--ease-out) both}.overlay[data-state=closing]{animation:fadeOut .2s var(--ease) both}.overlay-top{justify-content:space-between;align-items:center;height:64px;display:flex}.overlay-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:0;margin:0;padding:24px;list-style:none;display:flex;overflow-y:auto}@media (width>=640px){.overlay-list{padding:32px 24px}}.overlay-section{flex-direction:column;align-items:center;gap:0;padding:0;display:flex}.overlay-section+.overlay-section{border-top:1px solid var(--border);margin-top:2px;padding-top:2px}.overlay-cat{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);text-align:center;cursor:pointer;width:100%;transition:color .2s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 4px;font-size:11px;font-weight:600;display:flex}.overlay-cat:hover,.overlay-cat.active{color:var(--accent)}.overlay-cat-count{opacity:.5;font-size:10px}.overlay-cat-chevron{transition:transform .25s var(--ease);opacity:.4;margin-left:2px}.overlay-cat-chevron.open{opacity:.7;transform:rotate(180deg)}.overlay-collapse{max-height:0;transition:max-height .35s var(--ease);flex-direction:column;align-items:center;gap:0;width:100%;display:flex;overflow:hidden}.overlay-section.expanded .overlay-collapse{max-height:500px}.overlay-list .nav-link{font-family:var(--display);letter-spacing:-.025em;min-height:38px;transition:color .2s var(--ease);align-items:center;padding:4px 0;font-size:clamp(18px,5vw,36px);font-weight:700;line-height:1.1;display:inline-flex}.overlay-list .nav-link .num{font-family:var(--mono);letter-spacing:.2em;color:var(--muted-2);vertical-align:middle;margin-right:10px;font-size:10px;font-weight:500}.overlay-list .nav-link:hover,.overlay-list .nav-link.active{color:var(--accent)}.overlay-foot{padding:24px 24px calc(24px + var(--safe-bottom));border-top:1px solid var(--border);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.overlay-close{font-family:var(--mono);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.overlay-close:hover{color:var(--fg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.glass{background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:saturate(150%)blur(18px);border:1px solid color-mix(in srgb, var(--fg) 8%, transparent)}.glass-strong{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(160%)blur(22px);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent)}.hero{padding-top:16px;padding-bottom:24px;position:relative;overflow:hidden}@media (width>=480px){.hero{padding-top:24px;padding-bottom:36px}}@media (width>=768px){.hero{padding-top:80px;padding-bottom:64px}}.hero-aurora{aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(circle at 60% 40%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), radial-gradient(circle at 30% 70%, #6ee7b714, transparent 60%), radial-gradient(circle at 80% 20%, #93c5fd0f, transparent 55%);filter:blur(40px);opacity:.65;width:130%;max-width:900px;animation:auroraDrift 18s var(--ease) infinite alternate;position:absolute;inset:-20% -30% auto -10%}@media (width>=768px){.hero-aurora{opacity:.85;width:90%;inset:-10% -20% auto auto}}@keyframes auroraDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(-3%,4%)rotate(8deg)}}.hero-kicker{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:inline-flex;position:relative}.hero-kicker .line{background:var(--accent);width:24px;height:1px}.hero-kicker .text{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:9px}@media (width>=480px){.hero-kicker{gap:12px;margin-bottom:16px}.hero-kicker .line{width:32px}.hero-kicker .text{font-size:10px}}@media (width>=768px){.hero-kicker{gap:16px;margin-bottom:24px}.hero-kicker .line{width:48px}.hero-kicker .text{letter-spacing:.3em;font-size:11px}}.hero-main{z-index:1;align-items:center;gap:24px;display:grid;position:relative}@media (width>=640px){.hero-main{gap:36px}}@media (width>=960px){.hero-main{grid-template-columns:1.15fr 1fr;gap:60px}}.hero-text{flex-direction:column;gap:12px;display:flex}@media (width>=480px){.hero-text{gap:16px}}@media (width>=768px){.hero-text{gap:24px}}.terminal{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(10px);font-family:var(--mono);color:var(--accent);text-shadow:0 0 14px color-mix(in srgb, var(--accent) 40%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;max-width:100%;padding:5px 10px;font-size:10px;font-weight:500;display:inline-flex;overflow:hidden}@media (width>=480px){.terminal{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 50%, transparent);gap:10px;padding:7px 12px;font-size:11px}}@media (width>=768px){.terminal{gap:12px;padding:8px 14px;font-size:12.5px}}.terminal .prompt{color:var(--muted-2);text-shadow:none}.terminal .punct{color:var(--muted);text-shadow:none}.terminal .caret{vertical-align:-2px;background:var(--accent);width:7px;height:14px;margin-left:2px;animation:1.05s steps(2,end) infinite blink;display:inline-block}@keyframes blink{to{opacity:0}}.hero h1{letter-spacing:-.035em;max-width:16ch;font-size:clamp(28px,8vw,88px);font-weight:800;line-height:.95}.hero h1 .dim{color:var(--muted)}.hero h1 .acc{color:var(--accent)}.hero-lead{color:var(--muted);max-width:52ch;font-size:14px;line-height:1.55}@media (width>=480px){.hero-lead{font-size:16px}}@media (width>=768px){.hero-lead{font-size:18px}}.hero-mockup{perspective:1400px;height:160px;margin-top:4px;display:none;position:relative}@media (width>=480px){.hero-mockup{height:220px;display:block}}@media (width>=640px){.hero-mockup{height:280px}}@media (width>=960px){.hero-mockup{height:420px;margin-top:0}}.mock{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:saturate(160%)blur(20px);border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 8%, transparent) inset, 0 30px 80px -20px #0000008c, 0 8px 24px -8px #0006;transform-style:preserve-3d;border-radius:16px;flex-direction:column;gap:10px;padding:16px 16px 14px;display:flex;position:absolute}@media (width>=960px){.mock{border-radius:18px;gap:12px;padding:22px 22px 20px}}.mock-tag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9.5px}@media (width>=960px){.mock-tag{letter-spacing:.2em;font-size:10.5px}}.mock-q{z-index:3;width:min(82%,320px);top:6%;left:4%;transform:rotate(-3deg)translateZ(40px)}@media (width>=960px){.mock-q{width:min(78%,360px);top:10%;left:0;transform:rotate(-4deg)translateZ(40px)}}.mock-q-title{font-family:var(--display);letter-spacing:-.02em;color:var(--fg);font-size:18px;font-weight:800;line-height:1.15}.mock-hint{color:var(--muted);border-left:1px solid var(--border-2);padding-left:10px;font-size:12px;line-height:1.45}@media (width>=960px){.mock-q-title{font-size:22px}.mock-hint{padding-left:12px;font-size:13px;line-height:1.5}}.mock-controls{gap:6px;margin-top:4px;display:flex}.mock-controls span{background:var(--border-2);border-radius:2px;width:26px;height:4px}.mock-controls span:first-child{background:var(--accent);width:38px}.mock-a{z-index:2;width:min(75%,280px);bottom:4%;right:2%;transform:rotate(4deg)translateZ(20px)}@media (width>=960px){.mock-a{width:min(72%,320px);bottom:6%;right:0;transform:rotate(5deg)translateZ(20px)}}.mock-en{font-family:var(--display);color:var(--fg);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600;line-height:1.45}@media (width>=960px){.mock-en{padding:10px 14px;font-size:14.5px;line-height:1.5}}.mock-line{background:var(--border);border-radius:4px;width:90%;height:8px}.mock-line.short{width:60%}.mock-back{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 80%, transparent), color-mix(in srgb, var(--bg) 95%, transparent));z-index:1;opacity:.6;width:70%;height:70%;top:20%;right:8%;transform:rotate(8deg)translateZ(-20px)}.cta-row{flex-direction:column;gap:8px;margin-top:0;display:flex}@media (width>=480px){.cta-row{flex-flow:wrap;gap:10px;margin-top:4px}}.btn{letter-spacing:-.005em;min-height:44px;transition:transform .2s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=479px){.btn{width:100%}}@media (width>=480px){.btn{padding:12px 20px;font-size:13.5px}}@media (width>=768px){.btn{border-radius:8px;min-height:auto;padding:12px 20px;font-size:14px}}.btn-primary{background:var(--cta-bg);color:var(--cta-fg)}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.btn-ghost{border-color:var(--border-2);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:translateY(0)}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--border);z-index:1;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:24px;display:grid;position:relative}@media (width>=480px){.stats{margin-top:32px}}@media (width>=768px){.stats{grid-template-columns:repeat(4,1fr);margin-top:48px}}.stat{background:var(--bg);padding:12px 10px}@media (width>=480px){.stat{padding:14px}}@media (width>=768px){.stat{padding:20px 18px}}.stat-num{font-family:var(--display);letter-spacing:-.025em;margin-bottom:2px;font-size:clamp(20px,5.5vw,40px);font-weight:800;line-height:1}@media (width>=480px){.stat-num{margin-bottom:4px}}.stat-num .unit{color:var(--muted);margin-left:4px;font-size:.55em;font-weight:600}.stat-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9.5px}@media (width>=768px){.stat-num{margin-bottom:6px}.stat-num .unit{font-size:.6em}.stat-label{font-size:10.5px}}.section-head{flex-direction:column;align-items:flex-start;gap:6px;margin:32px 0 12px;display:flex}@media (width>=480px){.section-head{margin:40px 0 14px}}@media (width>=768px){.section-head{flex-direction:row;justify-content:space-between;align-items:end;gap:16px;margin:64px 0 20px}}.section-head .left{flex-direction:column;gap:4px;display:flex}.section-head .kicker{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:9px}.section-head h2{letter-spacing:-.025em;font-size:clamp(20px,5.5vw,40px);font-weight:800}.section-head .meta{font-family:var(--mono);color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:10px}@media (width>=768px){.section-head .kicker,.section-head .meta{letter-spacing:.3em;font-size:11px}}.decks{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.decks{grid-template-columns:1fr 1fr}}@media (width>=1024px){.decks{grid-template-columns:1fr 1fr 1fr}}.deck{text-align:left;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);border:1px solid color-mix(in srgb, var(--fg) 7%, transparent);transition:border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease);border-radius:10px;flex-direction:column;gap:8px;min-height:100px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}@media (width>=480px){.deck{gap:10px;min-height:120px;padding:16px 16px 14px}}@media (width>=640px){.deck{border-radius:14px;gap:12px;min-height:152px;padding:18px 18px 16px}}.deck:before{content:"";background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 50%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;position:absolute;inset:0}.deck:hover{border-color:color-mix(in srgb, var(--fg) 14%, transparent);transform:translateY(-2px)}.deck:hover:before{opacity:1}.deck:active{transform:translateY(0)}.deck-num{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.deck-num .count{align-items:center;gap:6px;display:inline-flex}.deck-num .count:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.deck h3{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.15}.deck-meta{color:var(--muted);margin-top:auto;font-size:13.5px}.deck-arrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:inline-flex}.quiz-cta{text-align:left;background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:saturate(160%)blur(22px);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);cursor:pointer;width:100%;transition:border-color .3s var(--ease), transform .3s var(--ease);border-radius:12px;gap:12px;margin-top:8px;padding:16px;display:grid;position:relative;overflow:hidden}@media (width>=480px){.quiz-cta{margin-top:12px;padding:20px}}.quiz-cta:hover{border-color:color-mix(in srgb, var(--fg) 18%, transparent)}.quiz-cta:active{transform:scale(.99)}@media (width>=768px){.quiz-cta{border-radius:16px;grid-template-columns:1fr auto;align-items:center;margin-top:20px;padding:36px 40px}}.quiz-cta:after{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 60%);pointer-events:none;width:60%;height:200%;position:absolute;top:-50%;right:-20%}.quiz-cta .text{position:relative}.quiz-cta .kicker{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px}.quiz-cta h3{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(22px,3.5vw,30px);font-weight:800;line-height:1.1}.quiz-cta .desc{color:var(--muted);max-width:42ch;margin-top:8px;font-size:14.5px}.footer{border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);margin-top:48px;position:relative;overflow:hidden}@media (width>=480px){.footer{margin-top:64px}}@media (width>=768px){.footer{margin-top:100px}}.footer-inner{padding-top:32px;padding-bottom:24px;position:relative}@media (width>=480px){.footer-inner{padding-top:40px;padding-bottom:28px}}@media (width>=768px){.footer-inner{padding-top:56px;padding-bottom:36px}}.footer-grid{gap:16px;display:grid}@media (width>=480px){.footer-grid{gap:20px}}@media (width>=768px){.footer-grid{grid-template-columns:1fr auto;align-items:end;gap:48px}}.footer h2{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(20px,4vw,38px);font-weight:800;line-height:1.1}.footer .small-kicker{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:9px}@media (width>=480px){.footer .small-kicker{margin-bottom:12px;font-size:10px}}.footer-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;height:clamp(60px,14vw,200px);margin-top:24px;position:relative;overflow:hidden}@media (width>=480px){.footer-watermark{height:clamp(70px,15vw,200px);margin-top:36px}}.footer-watermark span{font-family:var(--display);letter-spacing:-.06em;color:var(--fg);opacity:.05;white-space:nowrap;font-size:clamp(80px,22vw,280px);font-weight:800;line-height:.85;position:absolute;bottom:-.18em;left:0}.footer-bottom{border-top:1px solid var(--border);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:24px;padding-top:20px;font-size:10.5px;display:flex}.detail{padding-top:20px;padding-bottom:120px}@media (width>=768px){.detail{padding-top:32px;padding-bottom:120px}}.back{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-height:44px;transition:color .2s var(--ease);align-items:center;gap:8px;margin-left:-4px;padding:10px 4px 10px 0;font-size:11px;display:inline-flex}.back:hover{color:var(--fg)}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.detail-head .left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.detail-head .kicker{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);font-size:10px}.detail-head h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(20px,5.5vw,30px);font-weight:800;line-height:1.15}.detail-head .qen,.card .qen{font-family:var(--mono);letter-spacing:.04em;color:var(--muted-2);margin-top:4px;font-size:11px;font-weight:400;line-height:1.4}.detail-head .progress{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;flex-shrink:0;margin-top:4px;font-size:11px}@media (width>=768px){.detail-head .kicker{letter-spacing:.3em;font-size:11px}.detail-head .progress{font-size:12px}}.bar{background:var(--border);border-radius:999px;height:2px;margin-bottom:28px;overflow:hidden}.bar>span{background:var(--fg);height:100%;transition:width .3s var(--ease);display:block}.intro{color:var(--muted);max-width:60ch;margin-bottom:24px;font-size:14.5px;line-height:1.6}.card{background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:saturate(160%)blur(22px);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 6%, transparent) inset, 0 30px 60px -20px #00000073;border-radius:18px;flex-direction:column;gap:16px;padding:22px;display:flex;position:relative}@media (width>=768px){.card{border-radius:20px;gap:18px;padding:28px 28px 26px}}.card .qtag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-right:50px;font-size:10px}.card h2{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;padding-right:50px;font-size:clamp(22px,5.5vw,32px);font-weight:800;line-height:1.15}.card .hint{color:var(--muted);border-left:1px solid var(--border-2);padding-left:12px;font-size:13.5px;line-height:1.5}@media (width>=768px){.card .qtag{letter-spacing:.2em;font-size:10.5px}.card .hint{padding-left:14px;font-size:14px}}.fav{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);width:36px;height:36px;color:var(--muted);background:color-mix(in srgb, var(--bg) 50%, transparent);-webkit-backdrop-filter:blur(8px);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border-radius:999px;place-items:center;font-size:15px;display:grid;position:absolute;top:14px;right:14px}@media (width>=768px){.fav{width:38px;height:38px;font-size:16px;top:18px;right:18px}}.fav.active{color:var(--accent);border-color:var(--accent)}.answer{color:var(--fg-soft);flex-direction:column;gap:10px;margin-top:4px;font-size:15.5px;line-height:1.65;display:flex}.answer p{margin:0}.ablock-lead{font-family:var(--display);letter-spacing:-.01em;color:var(--fg);font-size:19px;font-weight:700;line-height:1.35}.ablock-en{font-family:var(--display);color:var(--fg);background:color-mix(in srgb, var(--accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:10px;padding:12px 14px;font-size:15.5px;font-weight:500;line-height:1.55}@media (width>=768px){.ablock-en{padding:12px 16px;font-size:16.5px}}.ablock-quote{color:var(--fg);border:0;margin:0;padding:0;font-style:italic}.ablock-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:8px 0 0;font-size:11px}.answer ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.answer li{color:var(--fg-soft);padding-left:22px;line-height:1.55;position:relative}.answer li:before{content:"";background:var(--accent);width:12px;height:1px;position:absolute;top:.85em;left:0}.ablock-contrast{flex-direction:column;gap:8px;margin:4px 0;display:flex}.ablock-contrast .row{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:10px;grid-template-columns:52px 1fr;align-items:start;gap:10px;padding:11px 12px;display:grid}@media (width>=768px){.ablock-contrast .row{border-radius:12px;grid-template-columns:64px 1fr;gap:12px;padding:12px 14px}}.ablock-contrast .row .tag{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;border-radius:5px;padding:4px 8px;font-size:9.5px}.ablock-contrast .row.bad .tag{color:var(--ko);background:color-mix(in srgb, var(--ko) 10%, transparent);border:1px solid color-mix(in srgb, var(--ko) 25%, transparent)}.ablock-contrast .row.bad .text{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--ko) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--ko) 50%, transparent)}.ablock-contrast .row.good{border-color:color-mix(in srgb, var(--ok) 30%, var(--border))}.ablock-contrast .row.good .tag{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, transparent);border:1px solid color-mix(in srgb, var(--ok) 25%, transparent)}.ablock-contrast .row .text{color:var(--fg);font-size:14.5px;line-height:1.55}.cardnav{z-index:25;padding:14px 16px calc(14px + var(--safe-bottom));background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:saturate(160%)blur(20px);border-top:1px solid var(--border);justify-content:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.pill{max-width:280px;min-height:48px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--border-2);color:var(--fg);background:color-mix(in srgb, var(--bg) 60%, transparent);transition:transform .18s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:11px;display:inline-flex}@media (width>=768px){.pill{letter-spacing:.18em;border-radius:8px;min-height:auto;padding:13px 18px;font-size:11.5px}}.pill:hover{border-color:var(--accent)}.pill:active{transform:scale(.98)}.pill.primary{background:var(--cta-bg);color:var(--cta-fg);border-color:var(--cta-bg)}.pill.primary:hover{background:var(--accent);border-color:var(--accent)}.pill[disabled]{opacity:.3;pointer-events:none}.quiz{padding-top:20px;padding-bottom:120px}@media (width>=768px){.quiz{padding-top:32px;padding-bottom:120px}}.quiz-progress{gap:4px;margin-bottom:28px;display:flex}.quiz-progress .seg{background:var(--border);border-radius:999px;flex:1;height:2px}.quiz-progress .seg.done{background:var(--fg)}.quiz-progress .seg.current{background:var(--accent)}.quiz-context{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px}.quiz-q{font-family:var(--display);letter-spacing:-.025em;margin:0 0 28px;font-size:clamp(24px,4.5vw,32px);font-weight:800;line-height:1.15}.options{gap:10px;display:grid}.opt{text-align:left;border:1px solid color-mix(in srgb, var(--fg) 8%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(12px);color:var(--fg);min-height:56px;transition:border-color .25s var(--ease), background .25s var(--ease), transform .18s var(--ease);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14.5px;line-height:1.5;display:flex}@media (width>=768px){.opt{gap:14px;padding:16px 18px;font-size:15px}}.opt:hover:not(:disabled):not(.correct):not(.wrong){border-color:color-mix(in srgb, var(--fg) 22%, transparent)}.opt:active{transform:scale(.99)}.opt .letter{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);border:1px solid var(--border-2);border-radius:6px;flex-shrink:0;margin-top:1px;padding:3px 7px;font-size:11px}.opt.correct{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, var(--bg))}.opt.correct .letter{color:var(--ok);border-color:var(--ok)}.opt.wrong{border-color:var(--ko);background:color-mix(in srgb, var(--ko) 7%, var(--bg))}.opt.wrong .letter{color:var(--ko);border-color:var(--ko)}.feedback{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.feedback .verdict{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.feedback .verdict.ok{color:var(--ok)}.feedback .verdict.ko{color:var(--ko)}.feedback .why{color:var(--fg-soft);font-size:14.5px;line-height:1.6}.quiz-result{text-align:center;padding-top:40px;padding-bottom:30px}.quiz-result .score{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(72px,18vw,120px);font-weight:800;line-height:1}.quiz-result .score small{color:var(--muted);font-size:.34em;font-weight:700}.quiz-result .verdict{font-family:var(--display);letter-spacing:-.02em;margin:14px 0 8px;font-size:24px;font-weight:700}.quiz-result .desc{color:var(--muted);max-width:38ch;margin:0 auto 28px;font-size:14.5px;line-height:1.55}.quiz-result .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade{animation:fadeUp .35s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}