@layer components{.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}}}