:root{--c-ink:#13201c;--c-ink-soft:#1d2f29;--c-ink-on:#eaf0ec;--c-ink-on-dim:#9db3a9;--c-bg:#f6f7f4;--c-surface:#fff;--c-surface-sunken:#f9faf8;--c-surface-muted:#eef1ee;--c-line:#dfe3dd;--c-line-strong:#c8cec5;--c-text:#182420;--c-text-muted:#5d6b63;--c-text-faint:var(--c-line-strong);--c-accent:#0f8a6a;--c-accent-strong:#0b6e55;--c-accent-bg:#e7f3ec;--c-accent-line:#b9dfcc;--c-warn:#bd7d18;--c-warn-strong:#8a5a10;--c-warn-bg:#fbf1dd;--c-warn-line:#ead9b6;--c-danger:#b0402e;--c-danger-strong:#8f3423;--c-danger-bg:#f7e6e2;--c-danger-line:#e2c4bd;--c-score-high:var(--c-accent);--c-score-mid:var(--c-warn);--c-score-low:var(--c-danger);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-pill:99px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", ui-monospace, "Roboto Mono", Menlo, Consolas, monospace;--fs-micro:11px;--fs-xs:12px;--fs-sm:13px;--fs-control:14px;--fs-base:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:25px;--fs-score-sm:20px;--fs-score:24px;--fs-score-lg:34px;--lh-tight:1.15;--lh-body:1.55;--fw-medium:600;--fw-semibold:650;--fw-bold:700;--fw-black:750;--tracking-caps:.14em;--tracking-tight:-.01em;--shadow-lift:0 1px 2px #13201c0f, 0 6px 20px #13201c0f;--shadow-dialog:0 10px 40px #13201c2e;--ring:2px solid var(--c-accent);--ring-offset:2px;--t-fast:.12s;--t-base:.15s;--t-slow:.3s;--control-h:46px;--btn-h:38px;--btn-h-sm:30px;--btn-w:96px;--btn-w-sm:72px;--btn-w-lg:128px;--w-kiosk:680px;--w-page:980px;--w-wide:1200px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--c-accent)}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0}a{color:var(--c-accent-strong)}button{font-family:inherit;font-size:inherit}code{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:var(--ring);outline-offset:var(--ring-offset)}.stack{gap:var(--gap,var(--sp-4));flex-direction:column;display:flex}.stack>*{min-width:0}.row{align-items:center;gap:var(--gap,var(--sp-3));flex-wrap:wrap;display:flex}.grid{gap:var(--gap,var(--sp-3));display:grid}.contents{display:contents}.text-muted{color:var(--c-text-muted)}.text-tone{color:var(--tone-fg)}.text-faint{color:var(--c-text-faint)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--c-text-muted)}[data-tone]{--tone-bg:var(--c-surface-muted);--tone-fg:var(--c-text-muted);--tone-line:var(--c-line)}[data-tone=pass]{--tone-bg:var(--c-accent-bg);--tone-fg:var(--c-accent-strong);--tone-line:var(--c-accent-line)}[data-tone=warn]{--tone-bg:var(--c-warn-bg);--tone-fg:var(--c-warn-strong);--tone-line:var(--c-warn-line)}[data-tone=fail]{--tone-bg:var(--c-danger-bg);--tone-fg:var(--c-danger-strong);--tone-line:var(--c-danger-line)}.page{max-width:var(--w-page);padding:var(--sp-6) var(--sp-5) var(--sp-8);margin:0 auto}.page--kiosk{max-width:var(--w-kiosk)}.page--wide{max-width:var(--w-wide)}.page>*+*{margin-top:var(--sp-5)}.tabs{gap:var(--sp-4);border-bottom:1px solid var(--c-line);flex-wrap:wrap;display:flex}.tabs__link{padding-bottom:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-muted);transition:color var(--t-base), border-color var(--t-base);border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none}.tabs__link:hover{color:var(--c-text)}.tabs__link.is-active{color:var(--c-text);border-bottom-color:var(--c-accent)}.tabs+*{margin-top:var(--sp-6)}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.page-head__sub{margin-top:var(--sp-1);color:var(--c-text-muted)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-6)}.card--flush{padding:0;overflow:hidden}.card--focus{padding:var(--sp-8) var(--sp-6);text-align:center}.card--focus p{max-width:48ch;margin-inline:auto}.card__title{font-size:var(--fs-lg);margin-bottom:var(--sp-3)}.card__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.card__head .card__title{margin-bottom:0}.card__hint{font-size:var(--fs-xs);color:var(--c-text-muted)}.card__footnote{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-muted)}.card__section+.card__section,.card__divider{border-top:1px solid var(--c-line)}.card__section{padding:var(--sp-4) 0}.card__section:last-child{padding-bottom:0}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--btn-h);min-width:var(--btn-w);padding:0 var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-control);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;background:var(--c-accent);color:#fff;transition:background var(--t-base), border-color var(--t-base), color var(--t-base);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-accent-strong)}.btn:disabled{background:var(--c-surface-muted);border-color:var(--c-line);color:var(--c-text-faint);cursor:not-allowed}.btn--ghost{color:var(--c-accent-strong);border-color:var(--c-line-strong);background:0 0}.btn--ghost:hover{background:var(--c-surface-muted)}.btn--ghost:disabled{color:var(--c-text-faint);background:0 0}.btn--ghost.is-selected{background:var(--c-accent-bg);border-color:var(--c-accent);color:var(--c-accent-strong)}.btn--danger{color:var(--c-danger);border-color:var(--c-danger-line);background:0 0}.btn--danger:hover{background:var(--c-danger-bg)}.btn--sm{height:var(--btn-h-sm);min-width:var(--btn-w-sm);padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn--lg{height:var(--control-h);min-width:var(--btn-w-lg);padding:0 var(--sp-6);font-size:var(--fs-base)}.btn--block{flex:1;width:100%}.btn-row{gap:var(--sp-3);margin-top:var(--sp-5);justify-content:flex-end;display:flex}.btn-row--center{justify-content:center}.btn-row--start{justify-content:flex-start}.btn-row--between{flex-wrap:wrap;justify-content:space-between}.field{display:block}.field__label{margin-bottom:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);display:block}.field__hint{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-muted)}.input,.select{width:100%;height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);font-family:inherit;font-size:var(--fs-base);color:var(--c-text)}.select{justify-content:space-between;align-items:center;gap:var(--sp-2);text-align:left;cursor:pointer;display:flex}.select:hover{border-color:var(--c-text-muted)}.select.is-open{border-color:var(--c-accent)}.select:disabled{background:var(--c-surface-muted);color:var(--c-text-faint);cursor:not-allowed}.select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select__value--empty{color:var(--c-text-muted)}.select__arrow{border-right:2px solid var(--c-text-muted);border-bottom:2px solid var(--c-text-muted);width:8px;height:8px;transition:transform var(--t-base);flex:none;margin-top:-4px;transform:rotate(45deg)}.select.is-open .select__arrow{margin-top:2px;transform:rotate(225deg)}.select-list{left:var(--select-x);top:var(--select-y,auto);bottom:var(--select-b,auto);width:var(--select-w);max-height:var(--select-max-h,280px);padding:var(--sp-1);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-dialog);overscroll-behavior:contain;margin:0;position:fixed;overflow-y:auto}.select-list:not(:popover-open){display:none}.select-list::backdrop{background:0 0}.select-option{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-base);cursor:pointer}.select-option.is-active{background:var(--c-surface-muted)}.select-option.is-selected{color:var(--c-accent-strong);font-weight:var(--fw-semibold)}.select-option.is-selected.is-active{background:var(--c-accent-bg)}.textarea{width:100%;min-height:64px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);font-family:inherit;font-size:var(--fs-sm);color:var(--c-text);resize:vertical}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:var(--ring);outline-offset:var(--ring-offset)}.input--code{font-family:var(--font-mono);font-size:var(--fs-xl);letter-spacing:.15em;text-align:center;text-transform:uppercase}.input--mono{font-family:var(--font-mono);font-size:var(--fs-base)}.input-group{align-items:center;gap:var(--sp-2);display:flex}.input-group>.input{flex:1}.pill{align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;background:var(--tone-bg);color:var(--tone-fg);display:inline-flex}.phase-tag{padding:3px var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;background:var(--tone-bg);color:var(--tone-fg);display:inline-block}.code-badge{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--c-accent);background:var(--c-accent-bg);color:var(--c-accent-strong);font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:.12em;display:inline-block}.code-badge--lg{padding:var(--sp-3) var(--sp-7);font-size:var(--fs-score-lg)}.metric-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.metric{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-3)}.metric__label{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);display:flex}.metric__weight{padding:1px var(--sp-1);border-radius:var(--r-pill);background:var(--c-line);letter-spacing:0;flex:none}.metric__value{font-size:var(--fs-score);font-weight:var(--fw-black);color:var(--score-color,var(--c-text));margin-top:2px}.metric__sub{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-muted)}.bigscore{text-align:right}.bigscore__value{font-size:var(--fs-score-lg);font-weight:var(--fw-black);line-height:var(--lh-tight);color:var(--score-color,var(--c-text))}.bigscore__sub{max-width:140px;font-size:var(--fs-micro);color:var(--c-text-muted);margin-left:auto}.score-bar{height:5px;margin-top:var(--sp-1);border-radius:var(--r-pill);background:var(--c-line);overflow:hidden}.score-bar>i{height:100%;width:var(--score-pct,0%);background:var(--score-color,var(--c-accent));display:block}.score{font-weight:var(--fw-bold);color:var(--score-color,var(--c-text))}.score--empty{color:var(--c-text-faint);font-weight:var(--fw-medium)}.score--lg{font-size:var(--fs-score-sm);font-weight:var(--fw-black)}.datalist{gap:var(--sp-2);display:grid}.datarow{grid-template-columns:var(--cols);gap:var(--sp-2);width:100%;padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);text-align:left;font:inherit;color:inherit;align-items:center;display:grid}.datarow--head{font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted);background:0 0;border-color:#0000;padding-top:0;padding-bottom:2px}.datarow--link{cursor:pointer;transition:border-color var(--t-base), box-shadow var(--t-base)}.datarow--link:hover{border-color:var(--c-accent);box-shadow:var(--shadow-lift)}.datarow--muted{opacity:.72}.datarow__name{font-weight:var(--fw-semibold)}.datarow__name small{font-size:var(--fs-xs);color:var(--c-text-muted);font-weight:500;display:block}.datarow__cell--num{text-align:right}.is-secondary{display:initial}.modal{width:min(560px, calc(100vw - var(--sp-7)));max-height:calc(100vh - var(--sp-7));border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-dialog);margin:auto;padding:0}.modal::backdrop{background:#13201c66}.modal__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-line);display:flex}.modal__title{font-size:var(--fs-lg)}.modal__close{border-radius:var(--r-sm);width:30px;height:30px;color:var(--c-text-muted);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}.modal__close:hover{background:var(--c-surface-muted);color:var(--c-text)}.modal__body{padding:var(--sp-5);overflow-y:auto}.question{font-size:var(--fs-lg);font-weight:var(--fw-medium)}.question--sm{font-size:var(--fs-md)}.instruction{font-size:var(--fs-base);color:var(--c-text-muted)}.question-meta{justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-muted);display:flex}.scenario{padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface-sunken);font-size:var(--fs-base)}.choices{gap:var(--sp-2);display:grid}.choices--grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.choice{align-items:flex-start;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line-strong);border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-base);text-align:left;cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);display:flex}.choice:hover{border-color:var(--c-accent)}.choice:disabled{cursor:default}.choice.is-selected{border-color:var(--c-accent);background:var(--c-accent-bg)}.choice.is-correct{border-color:var(--c-accent-strong);background:var(--c-accent-bg)}.choice.is-wrong{border-color:var(--c-danger);background:var(--c-danger-bg)}.choice__key{padding:1px var(--sp-1);border:1px solid var(--c-line-strong);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-muted);border-radius:5px;flex:none;margin-top:1px}.choice.is-selected .choice__key,.choice.is-correct .choice__key{border-color:var(--c-accent);color:var(--c-accent-strong)}.choice--figural{padding:var(--sp-1) var(--sp-2) var(--sp-2);flex-direction:column;align-items:center;gap:2px}.choice--figural .choice__key{align-self:flex-start}.choice svg{flex-shrink:0;width:100px;height:100px}.choice--check{cursor:pointer;align-items:center}.choice--check input{flex:none;width:18px;height:18px}.likert{gap:var(--sp-1);flex-wrap:wrap;display:flex}.likert__option{min-width:56px;padding:var(--sp-2) var(--sp-1);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-micro);font-weight:var(--fw-medium);cursor:pointer;flex:1;line-height:1.25}.likert__option:hover{border-color:var(--c-accent)}.likert__option.is-selected{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.likert__num{font-size:var(--fs-base);display:block}.rating{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.rating__label{font-size:var(--fs-sm);color:var(--c-text-muted)}.rating__option{width:44px;padding:var(--sp-2) 0;border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-base);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast)}.rating__option:hover{border-color:var(--c-accent)}.rating__option.is-selected{border-color:var(--c-accent);background:var(--c-accent-bg);color:var(--c-accent-strong);font-weight:var(--fw-bold)}.progress{border-radius:var(--r-pill);background:var(--c-line);height:6px;overflow:hidden}.progress>i{height:100%;width:var(--progress-pct,0%);background:var(--c-accent);transition:width var(--t-slow);display:block}.timer{align-items:baseline;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);white-space:nowrap;display:inline-flex}.timer__label{font-size:var(--fs-xs)}.timer__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.timer.is-low{color:var(--c-danger);font-weight:var(--fw-bold)}.testbar{gap:var(--sp-2);display:grid}.testbar__row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.testbar__name{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.testbar__count{font-size:var(--fs-sm);color:var(--c-text-muted)}:root{--matrix-cell:110px;--matrix-svg:100px}.matrix{grid-template-columns:repeat(3, var(--matrix-cell));gap:var(--sp-1);margin:0 auto var(--sp-6);justify-content:center;display:grid}.matrix__cell{width:var(--matrix-cell);height:var(--matrix-cell);border:1.5px solid var(--c-ink);background:var(--c-surface);justify-content:center;align-items:center;display:flex}.matrix__cell svg{width:var(--matrix-svg);height:var(--matrix-svg)}.matrix__cell--missing{font-size:2rem;font-weight:var(--fw-bold);color:var(--c-text-muted);background:repeating-linear-gradient(45deg,#f2f2f0,#f2f2f0 8px,#e6e6e2 8px 16px);border-style:solid}.figure-box{padding:var(--sp-3);margin-bottom:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);justify-content:center;display:flex}.note{padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--c-line-strong);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--c-surface-muted);font-size:var(--fs-sm);color:var(--c-text-muted)}.notice{padding:var(--sp-3) var(--sp-4);border:1px solid var(--tone-line);border-radius:var(--r-md);background:var(--tone-bg);font-size:var(--fs-base)}.anchor{padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface-sunken);font-size:var(--fs-sm);color:var(--c-text-muted)}.anchor b{color:var(--c-text)}.rules{margin:var(--sp-2) 0 0;padding-left:var(--sp-5)}.rules li+li{margin-top:var(--sp-2)}.steps{padding-left:var(--sp-5);margin:0;line-height:2}.empty{padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--c-text-muted)}.empty h3{margin-bottom:var(--sp-1);color:var(--c-text)}.feedback{margin-top:var(--sp-4);font-weight:var(--fw-medium);color:var(--tone-fg)}.done-icon{width:56px;height:56px;margin:0 auto var(--sp-4);background:var(--tone-bg);color:var(--tone-fg);border-radius:50%;place-items:center;font-size:26px;display:grid}@media (width<=760px){.datarow{grid-template-columns:var(--cols-narrow,1fr auto);gap:var(--sp-1) var(--sp-3)}.datarow--head,.is-secondary{display:none}.bigscore{text-align:left}.bigscore__sub{margin-left:0}.bigscore__value{font-size:var(--fs-score)}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>:last-child:nth-child(odd){grid-column:1/-1}:root{--matrix-cell:92px;--matrix-svg:84px}.page{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.appbar{padding:var(--sp-3) var(--sp-4)}}