.sc{display:grid;gap:1rem;max-width:52rem}.sc-card{padding:clamp(1.1rem,3vw,1.8rem);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);box-shadow:0 1px 0 var(--line-2)}.sc-shared{padding:.8rem 1rem;border-radius:var(--r-lg);background:var(--accent-wash);font:400 var(--t-sm)/1.5 var(--f-ui);color:var(--ink)}.sc-shared p{margin:0}.sc-skills{display:grid;gap:0;margin:1rem 0 1.4rem;padding:0;list-style:none;counter-reset:sk;border-top:1px solid var(--line)}.sc-skills li{counter-increment:sk;display:grid;grid-template-columns:2rem 8rem minmax(0,1fr);gap:.2rem .8rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--line-2)}.sc-skills li::before{content:counter(sk,decimal-leading-zero);font:500 var(--t-xs)/1 var(--f-mono);color:var(--hi-ink)}.sc-skills b{font:600 1.02rem/1.3 var(--f-ui);color:var(--ink)}.sc-skills span{font:400 .98rem/1.45 var(--f-serif);color:var(--ink-2)}@media (max-width:34rem){.sc-skills li{grid-template-columns:2rem minmax(0,1fr)}.sc-skills span{grid-column:2}}.sc-go{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.sc-time{font:500 var(--t-sm)/1.3 var(--f-ui);color:var(--ink-3)}.sc-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sc-skill{font:600 var(--t-2xs)/1 var(--f-ui);color:var(--ink-2);padding:.35rem .55rem;border-radius:999px;background:var(--hi-wash)}.sc-count{font:500 var(--t-xs)/1 var(--f-mono);color:var(--ink-3)}.sc-bar{height:.3rem;margin:.8rem 0 1.1rem;border-radius:999px;background:var(--bg-2);overflow:hidden}.sc-bar i{display:block;height:100%;background:var(--hi-strong);border-radius:inherit;transition:width .35s ease}.sc-text{margin:0 0 1rem;font:400 clamp(1.2rem,2.4vw,1.45rem)/1.4 var(--f-head);color:var(--ink);outline:none}.sc-opts{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.sc-opt{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.6rem;align-items:baseline;width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--field);color:var(--ink);font:400 1rem/1.5 var(--f-serif);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.sc-opt:hover:not(:disabled){border-color:var(--ink-3)}.sc-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sc-l{font:600 var(--t-xs)/1.6 var(--f-mono);color:var(--ink-3)}.sc-opt:disabled{cursor:default}.sc-opt[data-state="right"]{border-color:var(--good);background:var(--good-wash)}.sc-opt[data-state="wrong"]{border-color:var(--bad);background:var(--bad-wash)}.sc-opt[data-state="off"]{opacity:.6}.sc-opt[data-state="right"] .sc-l{color:var(--good)}.sc-opt[data-state="wrong"] .sc-l{color:var(--bad)}.sc-why{margin-top:1rem;padding:.9rem 1rem;border-radius:var(--r-lg);background:var(--bg-2);box-shadow:inset 3px 0 0 var(--bad)}.sc-why[data-right="true"]{box-shadow:inset 3px 0 0 var(--good)}.sc-why b{font:600 1rem/1.3 var(--f-ui);color:var(--ink)}.sc-why p{margin:.35rem 0 0;font:400 1rem/1.6 var(--f-serif);color:var(--ink-2)}.sc-nav{display:flex;justify-content:flex-end;margin-top:1rem}.sc-score{margin:0;font:500 var(--t-sm)/1 var(--f-mono);color:var(--hi-ink)}.sc-res-h{margin:.35rem 0 0;font:400 clamp(1.8rem,4vw,2.5rem)/1.1 var(--f-head);color:var(--ink);outline:none}.sc-res-line{margin:.5rem 0 1.2rem;max-width:56ch;font:400 1.05rem/1.55 var(--f-serif);color:var(--ink-2)}.sc-meters{display:grid;gap:.9rem;margin:0 0 1.4rem;padding:0;list-style:none}.sc-meters li{--mc:var(--bad);display:grid;grid-template-columns:8rem minmax(0,1fr) auto;gap:.25rem .9rem;align-items:center}.sc-meters li[data-level="2"]{--mc:var(--hi-strong)}.sc-meters li[data-level="3"]{--mc:var(--good)}.sc-m-name{font:600 1rem/1.3 var(--f-ui);color:var(--ink)}.sc-m-bar{grid-column:2;height:.6rem;border-radius:999px;background:var(--bg-2);overflow:hidden}.sc-m-bar i{display:block;height:100%;background:var(--mc);border-radius:inherit}.sc-m-word{grid-column:3;grid-row:1;font:500 var(--t-sm)/1.3 var(--f-ui);color:var(--ink-2);white-space:nowrap}.sc-m-line{grid-column:2 / -1;font:400 var(--t-sm)/1.4 var(--f-ui);color:var(--ink-3)}@media (max-width:34rem){.sc-meters li{grid-template-columns:minmax(0,1fr) auto}.sc-m-bar,.sc-m-line{grid-column:1 / -1}.sc-m-word{grid-column:2}}.sc-next-h{margin:0 0 .6rem;font:500 1.1rem/1.3 var(--f-ui);color:var(--ink)}.sc-next-list{display:grid;gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none}.sc-next-list a{display:grid;gap:.15rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--field);text-decoration:none;color:inherit;transition:border-color .15s}.sc-next-list a:hover{border-color:var(--ink-3)}.sc-next-list small{font:600 var(--t-2xs)/1.2 var(--f-ui);color:var(--hi-ink)}.sc-next-list b{font:600 1.02rem/1.35 var(--f-ui);color:var(--accent)}.sc-next-list span{font:400 .95rem/1.45 var(--f-serif);color:var(--ink-2)}.sc-next-all{margin:0 0 1.2rem;font:400 1rem/1.55 var(--f-serif);color:var(--ink-2)}.sc-res-acts{display:flex;flex-wrap:wrap;gap:.5rem}.sc-res-note{margin:.8rem 0 0}@media (prefers-reduced-motion: reduce){.sc-bar i,.sc-opt{transition:none}}
