@layer components{.lj-quiz{--lj-vermilion:oklch(55% .2 30);--lj-vermilion-hi:oklch(60% .205 32);--lj-on-accent:oklch(98% .012 92);--lj-ok:oklch(50% .12 155);--lj-bad:oklch(55% .2 27);--lj-accent:oklch(.55 .12 var(--gm-hue,160));min-width:0;max-width:48rem;color:var(--rev-text);align-content:start;gap:1rem;margin-inline:auto;padding:1rem;display:grid}.lj-quiz h1,.lj-quiz h2,.lj-quiz-name,.lj-quiz-score{font-family:var(--font-serif)}.lj-quiz-head{gap:.375rem;display:grid}.lj-quiz-head h1{font-size:var(--rev-fs-display-2xl);letter-spacing:.04em;margin:0;font-weight:900;line-height:1.1}.lj-quiz-head p{color:var(--rev-muted);font-size:var(--rev-fs-body);margin:0}.lj-quiz-crumb{color:var(--rev-muted);font-size:var(--rev-fs-ui);margin:0}.lj-quiz-crumb a{color:inherit;text-underline-offset:.2em;text-decoration:underline}.lj-quiz-crumb a:hover{color:var(--rev-text)}.lj-quiz-entry{border:1px solid var(--rev-line);border-radius:var(--rev-radius-media);background:var(--rev-surface);color:var(--rev-text);transition:border-color var(--rev-motion-fast) var(--rev-ease-out), transform var(--rev-motion-fast) var(--rev-ease-out);align-items:center;gap:.875rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.lj-quiz-entry:hover{border-color:oklch(55% .12 160);transform:translateY(-1px)}.lj-quiz-entry:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-quiz-entry>svg{flex:none;width:1.5rem;height:1.5rem}.lj-quiz-entry>span{flex:1;gap:.125rem;min-width:0;display:grid}.lj-quiz-entry strong{font-family:var(--font-serif);font-size:var(--rev-fs-display-md);font-weight:900}.lj-quiz-entry em{color:var(--rev-muted);font-size:var(--rev-fs-body);font-style:normal}.lj-quiz-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.lj-quiz-grid>li{animation:lj-quiz-rise .45s var(--rev-ease-out) var(--lj-delay,0s) both}.lj-quiz-card{border:1px solid var(--rev-line);border-radius:var(--rev-radius-media);background:var(--rev-surface);height:100%;color:inherit;transition:transform var(--rev-motion-fast) var(--rev-ease-out), border-color var(--rev-motion-fast) var(--rev-ease-out);align-content:start;gap:.25rem;padding:1rem;text-decoration:none;display:grid}a.lj-quiz-card:hover{border-color:var(--lj-accent);transform:translateY(-2px)}a.lj-quiz-card:active{transform:scale(var(--rev-press-scale))}a.lj-quiz-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-quiz-card[data-building=true]{opacity:.75;border-style:dashed}.lj-quiz-icon{border-radius:var(--rev-radius-control);background:color-mix(in oklab, var(--lj-accent) 16%, transparent);width:2.75rem;height:2.75rem;color:var(--lj-accent);place-items:center;margin-bottom:.375rem;display:grid}.lj-quiz-icon svg{width:1.5rem;height:1.5rem}.lj-quiz-name{font-size:var(--rev-fs-display-md);font-weight:900;line-height:1.2}.lj-quiz-tagline{color:var(--rev-muted);font-size:var(--rev-fs-body);line-height:1.4}.lj-quiz-go,.lj-quiz-wip{font-size:var(--rev-fs-ui);align-items:center;gap:.375rem;margin-top:.5rem;font-weight:700;display:flex}.lj-quiz-go{color:var(--lj-accent)}.lj-quiz-wip{color:var(--rev-muted)}.lj-quiz-go svg,.lj-quiz-wip svg{width:1rem;height:1rem}.lj-quiz-progress{border-radius:var(--rev-radius-round);background:var(--rev-surface-soft);height:.375rem;overflow:hidden}.lj-quiz-progress>span{background:var(--lj-accent);height:100%;transition:width var(--rev-motion-base,.3s) var(--rev-ease-out);display:block}.lj-quiz-head .lj-quiz-count{font-variant-numeric:tabular-nums}.lj-quiz-q{gap:1rem;display:grid}.lj-quiz-q h2{font-size:var(--rev-fs-display-lg);text-wrap:balance;margin:0;font-weight:800;line-height:1.4}.lj-quiz-options{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.lj-quiz-opt{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);width:100%;min-height:3.25rem;color:inherit;font:inherit;font-size:var(--rev-fs-lead);text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color var(--rev-motion-fast) var(--rev-ease-out), background-color var(--rev-motion-fast) var(--rev-ease-out), transform var(--rev-motion-fast) var(--rev-ease-out);align-items:center;gap:.75rem;padding:.5rem .875rem;display:flex}.lj-quiz-opt b{border-radius:var(--rev-radius-round);background:var(--rev-surface-soft);width:2rem;height:2rem;font-size:var(--rev-fs-body);flex:none;place-items:center;display:grid}.lj-quiz-opt:not(:disabled):hover{border-color:var(--lj-accent)}.lj-quiz-opt:not(:disabled):active{transform:scale(var(--rev-press-scale))}.lj-quiz-opt:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-quiz-opt:disabled{cursor:default}.lj-quiz-opt[data-state=idle]{opacity:.55}.lj-quiz-opt[data-state=right]{border-color:var(--lj-ok);background:color-mix(in oklab, var(--lj-ok) 14%, var(--rev-surface))}.lj-quiz-opt[data-state=right] b{background:var(--lj-ok);color:var(--lj-on-accent)}.lj-quiz-opt[data-state=wrong]{border-color:var(--lj-bad);background:color-mix(in oklab, var(--lj-bad) 12%, var(--rev-surface))}.lj-quiz-opt[data-state=wrong] b{background:var(--lj-bad);color:var(--lj-on-accent)}.lj-quiz-feedback{min-height:3rem}.lj-quiz-feedback p{gap:.125rem;margin:0;font-weight:700;display:grid}.lj-quiz-feedback p[data-ok=true]{color:var(--lj-ok)}.lj-quiz-feedback p[data-ok=false]{color:var(--lj-bad)}.lj-quiz-feedback span{color:var(--rev-muted);font-size:var(--rev-fs-body);font-weight:400}.lj-quiz-actions{flex-wrap:wrap;gap:.625rem;display:flex}.lj-quiz-btn{border-radius:var(--rev-radius-control);background:linear-gradient(180deg, var(--lj-vermilion-hi), var(--lj-vermilion));min-height:3rem;color:var(--lj-on-accent);font:inherit;font-size:var(--rev-fs-lead);cursor:pointer;touch-action:manipulation;transition:transform var(--rev-motion-fast) var(--rev-ease-out), filter var(--rev-motion-fast) var(--rev-ease-out);border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.lj-quiz-btn[data-variant=ghost]{border:1px solid var(--rev-line);background:var(--rev-surface);color:var(--rev-text)}.lj-quiz-btn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.lj-quiz-btn:not(:disabled):active{transform:scale(var(--rev-press-scale))}.lj-quiz-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-quiz-btn:disabled{opacity:.4;cursor:not-allowed}.lj-quiz-btn svg{width:1.25rem;height:1.25rem}.lj-quiz-result{gap:.75rem;display:grid}.lj-quiz-score{font-size:var(--rev-fs-display-sm);color:var(--rev-muted);margin:0}.lj-quiz-score strong{color:var(--lj-accent);font-size:5rem;font-weight:900;line-height:1}.lj-quiz-verdict{font-size:var(--rev-fs-display-sm);margin:0;font-weight:700}.lj-quiz-review{gap:.375rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.lj-quiz-review li{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);font-size:var(--rev-fs-body);gap:.625rem;padding:.625rem .75rem;display:flex}.lj-quiz-review li svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.125rem}.lj-quiz-review li[data-ok=true] svg{color:var(--lj-ok)}.lj-quiz-review li[data-ok=false] svg{color:var(--lj-bad)}.lj-quiz-review em{color:var(--rev-muted);font-style:normal;font-size:var(--rev-fs-ui);display:block}@keyframes lj-quiz-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lj-quiz-grid>li{animation:none}.lj-quiz-card,.lj-quiz-opt,.lj-quiz-btn,.lj-quiz-progress>span{transition:none}}@media (width<=480px){.lj-quiz-q h2{font-size:var(--rev-fs-display-md)}.lj-quiz-score strong{font-size:4rem}}}