@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}}.lj-quiz-opt[data-state=picked]{border-color:var(--lj-accent);background:color-mix(in oklab, var(--lj-accent) 16%, var(--rev-surface))}.lj-quiz-opt[data-state=picked] b{background:var(--lj-accent);color:var(--lj-on-accent)}.lj-exam{max-width:56rem}.lj-exam-levels{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.625rem;display:grid}.lj-exam-level{--lj-lv:oklch(.55 .13 var(--gm-hue));border:1px solid var(--rev-line);border-radius:var(--rev-radius-media);background:var(--rev-surface);color:inherit;font:inherit;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);gap:.25rem;padding:1rem;display:grid}.lj-exam-level strong{font-family:var(--font-serif);font-size:var(--rev-fs-display-lg);color:var(--lj-lv);font-weight:900}.lj-exam-level span{font-size:var(--rev-fs-lead);font-weight:700}.lj-exam-level em{color:var(--rev-muted);font-size:var(--rev-fs-body);font-style:normal;line-height:1.4}.lj-exam-level:hover{border-color:var(--lj-lv)}.lj-exam-level:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-exam-level[aria-checked=true]{border-color:var(--lj-lv);background:color-mix(in oklab, var(--lj-lv) 14%, var(--rev-surface))}.lj-exam-rules{color:var(--rev-muted);font-size:var(--rev-fs-body);gap:.25rem;margin:0;padding-left:1.25rem;line-height:1.5;display:grid}.lj-exam-best{font-size:var(--rev-fs-body);color:var(--lj-accent);align-items:center;gap:.5rem;margin:0;font-weight:700;display:flex}.lj-exam-best svg{width:1.125rem;height:1.125rem}.lj-exam-bar-top{z-index:2;background:var(--background);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 0;display:flex;position:sticky;top:0}.lj-exam-bar-top .lj-quiz-count{min-width:6rem;color:var(--rev-muted);font-size:var(--rev-fs-body);flex:1;margin:0}.lj-exam-bar-top .lj-quiz-btn{min-height:2.5rem;font-size:var(--rev-fs-title);padding:0 1rem}.lj-exam-clock{border-radius:var(--rev-radius-control);color:oklch(80% .17 150);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--rev-fs-display-xl);font-variant-numeric:tabular-nums;letter-spacing:.06em;background:oklch(20% .01 30);align-items:center;gap:.5rem;padding:.25rem .875rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)}.lj-exam-clock svg{width:1.375rem;height:1.375rem}.lj-exam-clock[data-state=low]{color:oklch(82% .16 80)}.lj-exam-clock[data-state=critical]{color:oklch(70% .24 27);animation:1s steps(2,jump-none) infinite lj-exam-pulse}.lj-quiz-progress>span[data-state=low]{background:oklch(75% .15 80)}.lj-quiz-progress>span[data-state=critical]{background:var(--lj-bad)}.lj-exam-confirm{font-size:var(--rev-fs-body);flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:700;display:flex}.lj-exam-section{color:var(--lj-accent);font-size:var(--rev-fs-body);letter-spacing:.08em;margin:0;font-weight:700}.lj-exam-sheet{border:1px solid var(--rev-line);border-radius:var(--rev-radius-media);background:var(--rev-surface);gap:.625rem;padding:.875rem;display:grid}.lj-exam-sheet-group{grid-template-columns:3.5rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.lj-exam-sheet-group>span{color:var(--rev-muted);font-size:var(--rev-fs-body);padding-top:.375rem;font-weight:700}.lj-exam-sheet-group>div{flex-wrap:wrap;gap:.375rem;display:flex}.lj-exam-sheet button{border:1px solid var(--rev-line);border-radius:var(--rev-radius-control);width:2.25rem;height:2.25rem;color:var(--rev-muted);font:inherit;font-size:var(--rev-fs-body);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:0 0}.lj-exam-sheet button[data-answered=true]{background:color-mix(in oklab, var(--lj-accent) 28%, transparent);color:var(--rev-text);border-color:#0000}.lj-exam-sheet button[aria-current=true]{border-color:var(--lj-vermilion);color:var(--rev-text);box-shadow:0 0 0 1px var(--lj-vermilion)}.lj-exam-sheet button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-exam-rank{align-items:center;gap:1.25rem;display:flex}.lj-exam-rank b{border-radius:var(--rev-radius-media);background:var(--lj-accent);width:6rem;height:6rem;color:var(--lj-on-accent);font-family:var(--font-serif);place-items:center;font-size:4.5rem;font-weight:900;line-height:1;display:grid}.lj-exam-rank[data-rank=S] b{background:linear-gradient(135deg,oklch(82% .16 85),oklch(65% .18 50))}.lj-exam-rank[data-rank=C] b{background:var(--rev-surface-soft);color:var(--rev-muted)}.lj-exam-rank .lj-quiz-score strong{font-size:4rem}.lj-exam-stats{color:var(--rev-muted);font-size:var(--rev-fs-body);margin:0}.lj-exam-subjects{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.lj-exam-subjects li{font-size:var(--rev-fs-body);grid-template-columns:3.5rem minmax(0,1fr) 3rem;align-items:center;gap:.625rem;display:grid}.lj-exam-subjects li>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.lj-exam-bar{border-radius:var(--rev-radius-round);background:var(--rev-surface-soft);height:.5rem;overflow:hidden}.lj-exam-bar>i{background:var(--lj-accent);height:100%;display:block}.lj-exam-h2{font-size:var(--rev-fs-display-sm);margin:.5rem 0 0}@keyframes lj-exam-pulse{50%{opacity:.45}}.lj-quiz-card[data-live=true]{border-color:var(--lj-accent);background:color-mix(in oklab, var(--lj-accent) 8%, var(--rev-surface))}.lj-quiz-levels{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.lj-quiz-level-link{border-radius:var(--rev-radius-control);background:var(--lj-accent);min-height:2.25rem;color:var(--lj-on-accent);font-size:var(--rev-fs-ui);touch-action:manipulation;transition:filter var(--rev-motion-fast) var(--rev-ease-out), transform var(--rev-motion-fast) var(--rev-ease-out);align-items:center;gap:.25rem;padding:0 .875rem;font-weight:700;text-decoration:none;display:inline-flex}.lj-quiz-level-link:hover{filter:brightness(1.1)}.lj-quiz-level-link:active{transform:scale(var(--rev-press-scale))}.lj-quiz-level-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-quiz-level-link svg{width:.875rem;height:.875rem}.lj-quiz-card[data-building=true]{border-color:var(--rev-line);background:var(--rev-surface-soft);opacity:1;cursor:not-allowed;-webkit-user-select:none;user-select:none;border-style:dashed}.lj-quiz-card[data-building=true] .lj-quiz-icon{background:var(--rev-surface);color:var(--rev-muted);filter:grayscale()}.lj-quiz-card[data-building=true] .lj-quiz-name{color:var(--rev-muted)}.lj-quiz-placeholder{max-width:24rem}.lj-exam-rate{flex-wrap:wrap;gap:.375rem;margin-top:.375rem;display:flex}.lj-exam-rate button,.lj-submit-chips button{border:1px solid var(--rev-line);border-radius:var(--rev-radius-control);min-height:2.25rem;color:var(--rev-muted);font:inherit;font-size:var(--rev-fs-body);cursor:pointer;touch-action:manipulation;background:0 0;align-items:center;gap:.25rem;padding:0 .75rem;display:inline-flex}.lj-exam-rate button svg{width:1rem;height:1rem}.lj-exam-rate button[aria-pressed=true],.lj-submit-chips button[aria-checked=true]{border-color:var(--lj-accent);background:color-mix(in oklab, var(--lj-accent) 18%, transparent);color:var(--rev-text)}.lj-exam-rate button:disabled{cursor:not-allowed;opacity:.5}.lj-exam-rate button:focus-visible,.lj-submit-chips button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lj-submit{max-width:40rem}.lj-submit-form{gap:.875rem;display:grid}.lj-submit-chips{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=560px){.lj-exam-rank b{width:4.5rem;height:4.5rem;font-size:3.25rem}.lj-exam-rank .lj-quiz-score strong{font-size:3rem}.lj-exam-sheet-group{grid-template-columns:1fr}.lj-exam-sheet-group>span{padding-top:0}}@media (prefers-reduced-motion:reduce){.lj-exam-clock[data-state=critical]{animation:none}}}