:root{--neutral-0:#fff;--neutral-50:#f7f7f8;--neutral-100:#eeeef0;--neutral-200:#e2e2e6;--neutral-300:#c9c9d1;--neutral-400:#9b9ba6;--neutral-500:#6c6c75;--neutral-600:#5b5b66;--neutral-700:#43434c;--neutral-800:#2a2a31;--neutral-900:#17171c;--neutral-950:#0e0e11;--neutral-0-dark:#0e0f12;--neutral-50-dark:#15161a;--neutral-100-dark:#1b1c21;--neutral-200-dark:#22232a;--neutral-300-dark:#34353c;--neutral-400-dark:#5c5e68;--neutral-500-dark:#8a8c96;--neutral-600-dark:#b4b6be;--neutral-900-dark:#f0f1f3;--accent-light:#5a6acf;--accent-dark:#8b92e0;--color-rule-stays-base:#639922;--color-rule-cancels-base:#e24b4a;--color-rule-ignored-base:#888780;--color-rule-add-a-base:#378add;--color-rule-add-b-base:#ba7517;--color-shape-purple-base:#7f77dd;--color-shape-teal-base:#1d9e75;--color-shape-coral-base:#d85a30;--color-rule-stays-text:#4a731a;--color-rule-cancels-text:#b93e3d;--color-rule-ignored-text:#666560;--color-rule-add-a-text:#2c6eb1;--color-rule-add-b-text:#955e12;--color-shape-purple-text:#635dac;--color-shape-teal-text:#157254;--color-shape-coral-text:#a94625;--tint-diag-purple:#eeedfe;--tint-diag-teal:#e1f5ee;--tint-diag-coral:#faece7;--tint-diag-purple-dark:#7f77dd29;--tint-diag-teal-dark:#1d9e7529;--tint-diag-coral-dark:#d85a3029;--feedback-correct:var(--color-rule-stays-base);--feedback-incorrect:var(--color-rule-cancels-base);--color-bg:var(--neutral-50);--color-surface:var(--neutral-0);--color-surface-sunken:var(--neutral-100);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-tertiary:var(--neutral-500);--color-text-disabled:var(--neutral-400);--color-accent:var(--accent-light);--color-focus-ring:var(--accent-light);--color-cta-bg:var(--neutral-900);--color-cta-text:var(--neutral-0);--color-cell-bg:#fff;--color-cell-border:var(--neutral-200);--color-cell-art:var(--neutral-900);--color-feedback-correct:var(--color-rule-stays-base);--color-feedback-incorrect:var(--color-rule-cancels-base)}@media (prefers-color-scheme:dark){:root{--color-bg:var(--neutral-0-dark);--color-surface:var(--neutral-50-dark);--color-surface-sunken:var(--neutral-100-dark);--color-border:#ffffff1a;--color-border-strong:#ffffff29;--color-text-primary:var(--neutral-900-dark);--color-text-secondary:var(--neutral-600-dark);--color-text-tertiary:var(--neutral-500-dark);--color-text-disabled:var(--neutral-400-dark);--color-accent:var(--accent-dark);--color-focus-ring:var(--accent-dark);--color-cta-bg:var(--neutral-900-dark);--color-cta-text:var(--neutral-0-dark);--color-cell-bg:var(--neutral-100-dark);--color-cell-border:#ffffff1f;--color-cell-art:var(--neutral-900-dark);--color-rule-stays-text:#649b22;--color-rule-cancels-text:#e66160;--color-rule-ignored-text:#8d8c85;--color-rule-add-a-text:#408fde;--color-rule-add-b-text:#c57c18;--color-shape-purple-text:#8981e0;--color-shape-teal-text:#1d9e75;--color-shape-coral-text:#dc6b45}}:root[data-theme=light]{--color-bg:var(--neutral-50);--color-surface:var(--neutral-0);--color-surface-sunken:var(--neutral-100);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-tertiary:var(--neutral-500);--color-text-disabled:var(--neutral-400);--color-accent:var(--accent-light);--color-focus-ring:var(--accent-light);--color-cta-bg:var(--neutral-900);--color-cta-text:var(--neutral-0);--color-cell-bg:#fff;--color-cell-border:var(--neutral-200);--color-cell-art:var(--neutral-900);--color-rule-stays-text:#4a731a;--color-rule-cancels-text:#b93e3d;--color-rule-ignored-text:#666560;--color-rule-add-a-text:#2c6eb1;--color-rule-add-b-text:#955e12;--color-shape-purple-text:#635dac;--color-shape-teal-text:#157254;--color-shape-coral-text:#a94625}:root[data-theme=dark]{--color-bg:var(--neutral-0-dark);--color-surface:var(--neutral-50-dark);--color-surface-sunken:var(--neutral-100-dark);--color-border:#ffffff1a;--color-border-strong:#ffffff29;--color-text-primary:var(--neutral-900-dark);--color-text-secondary:var(--neutral-600-dark);--color-text-tertiary:var(--neutral-500-dark);--color-text-disabled:var(--neutral-400-dark);--color-accent:var(--accent-dark);--color-focus-ring:var(--accent-dark);--color-cta-bg:var(--neutral-900-dark);--color-cta-text:var(--neutral-0-dark);--color-cell-bg:var(--neutral-100-dark);--color-cell-border:#ffffff1f;--color-cell-art:var(--neutral-900-dark);--color-rule-stays-text:#649b22;--color-rule-cancels-text:#e66160;--color-rule-ignored-text:#8d8c85;--color-rule-add-a-text:#408fde;--color-rule-add-b-text:#c57c18;--color-shape-purple-text:#8981e0;--color-shape-teal-text:#1d9e75;--color-shape-coral-text:#dc6b45}:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.563rem;--text-xl:1.953rem;--text-2xl:2.441rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-.02em;--tracking-wide:.06em;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--font-feature-tabular:tabular-nums lining-nums;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--radius-cell:0;--border-hairline:1px;--border-default:1px;--border-accent:2px;--dash-cancels:6 5;--dash-ignored:1.5 5;--dash-answer-accent:4 3;--shadow-xs:0 1px 2px #17171c0f;--shadow-sm:0 1px 2px #17171c0f, 0 2px 4px #17171c0d;--shadow-md:0 2px 4px #17171c0f, 0 6px 12px #17171c14}@media (prefers-color-scheme:dark){:root{--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 2px #0000003d, 0 2px 4px #00000029;--shadow-md:0 2px 4px #00000047, 0 6px 12px #0003}}:root{--duration-instant:.1s;--duration-fast:.16s;--duration-base:.24s;--duration-slow:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(.05, .7, .1, 1);--ease-accelerate:cubic-bezier(.3, 0, .8, .15);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-sticky:20;--z-dropdown:30;--z-overlay:40;--z-modal:50;--z-toast:60;--cell-size:80px}@media (width>=768px){:root{--cell-size:96px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-bold)}h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight)}h1[tabindex="-1"]{outline:none}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}a{color:var(--color-accent)}button{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}img,svg{display:block}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.skip-link{left:var(--space-2);background:var(--color-cta-bg);color:var(--color-cta-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:var(--z-toast);transition:top var(--duration-fast) var(--ease-standard);position:absolute;top:-48px}.skip-link:focus-visible{top:var(--space-2)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page{width:100%;max-width:720px;padding:var(--space-6) var(--space-4) var(--space-8);flex:1;margin:0 auto}.page--wide{max-width:920px}.page-header{margin-bottom:var(--space-6)}.page-header p{color:var(--color-text-secondary);margin-top:var(--space-2)}.stack{gap:var(--space-5);flex-direction:column;display:flex}.stack--tight{gap:var(--space-3)}.site-nav{z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-nav__inner{max-width:920px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-nav__brand{font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--color-text-primary);white-space:nowrap;text-decoration:none}.site-nav__links{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-nav__links a{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-1) 0;text-decoration:none}.site-nav__links a:hover,.site-nav__links a.is-active{color:var(--color-text-primary)}@media (width<=560px){.site-nav__inner{align-items:stretch;gap:var(--space-2);padding-block:var(--space-2);flex-direction:column}.site-nav__links{justify-content:space-between;gap:var(--space-2);flex-wrap:nowrap}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn--primary{background:var(--color-cta-bg);color:var(--color-cta-text)}.btn--primary:hover{opacity:.88}.btn--secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);background:0 0}.btn--secondary:hover{background:var(--color-surface-sunken)}.btn--block{width:100%;height:48px}@media (width>=640px){.btn--block{width:auto}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.field-group{gap:var(--space-2);flex-direction:column;display:flex}.field-group__label{font-weight:var(--weight-semibold);font-size:var(--text-md)}.choice-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice-btn{height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-base)}.choice-btn:hover{background:var(--color-surface-sunken)}.choice-btn.is-selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));font-weight:var(--weight-semibold);border-width:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover .card{border-color:var(--color-border-strong)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-5) var(--space-4);margin-top:var(--space-8)}.site-footer__inner{gap:var(--space-2);flex-direction:column;max-width:920px;margin:0 auto;display:flex}.disclaimer{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-normal)}.disclaimer a{color:var(--color-text-tertiary);text-decoration:underline}.theme-toggle{border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-sunken)}.tabular{font-variant-numeric:var(--font-feature-tabular)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-tertiary{color:var(--color-text-tertiary)}.text-secondary{color:var(--color-text-secondary)}.section-title{margin-bottom:var(--space-3)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.matrix-grid{grid-template-columns:repeat(3, var(--cell-size));grid-template-rows:repeat(3, var(--cell-size));gap:var(--border-hairline);background:var(--color-cell-border);border-radius:var(--radius-cell);width:max-content;margin:0 auto;display:grid}.matrix-cell{background:var(--color-cell-bg);border-radius:var(--radius-cell);position:relative;overflow:hidden}.matrix-cell__corner{top:var(--space-1);left:var(--space-1);font-size:var(--text-sm);color:var(--color-text-tertiary);pointer-events:none;z-index:1;position:absolute}.matrix-cell__svg{width:100%;height:100%;display:block}.matrix-cell__glyph{fill:var(--color-text-tertiary);opacity:.55;font-size:34px;font-weight:var(--weight-bold);text-anchor:middle;font-family:var(--font-sans)}.matrix-cell--tint-P{background-color:var(--tint-diag-purple)}.matrix-cell--tint-T{background-color:var(--tint-diag-teal)}.matrix-cell--tint-C{background-color:var(--tint-diag-coral)}:root[data-theme=dark] .matrix-cell--tint-P{background-color:var(--tint-diag-purple-dark)}:root[data-theme=dark] .matrix-cell--tint-T{background-color:var(--tint-diag-teal-dark)}:root[data-theme=dark] .matrix-cell--tint-C{background-color:var(--tint-diag-coral-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .matrix-cell--tint-P{background-color:var(--tint-diag-purple-dark)}:root:not([data-theme=light]) .matrix-cell--tint-T{background-color:var(--tint-diag-teal-dark)}:root:not([data-theme=light]) .matrix-cell--tint-C{background-color:var(--tint-diag-coral-dark)}}.matrix-cell--answer-accent{outline:var(--border-accent) dashed var(--color-accent);outline-offset:-2px}.matrix-grid-wrap{align-items:center;gap:var(--space-2);padding:var(--space-1);flex-direction:column;display:flex;overflow-x:auto}.matrix-cell__caption{text-align:center;pointer-events:none;position:absolute;bottom:2px;left:0;right:0}.arrow-legend{gap:var(--space-2);display:flex}.arrow-legend__chip{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full)}.arrow-legend__chip--a{background:color-mix(in srgb, var(--color-rule-add-a-base) 14%, transparent);color:var(--color-rule-add-a-text)}.arrow-legend__chip--b{background:color-mix(in srgb, var(--color-rule-add-b-base) 14%, transparent);color:var(--color-rule-add-b-text)}.option-tray{gap:var(--space-2);display:grid}.option-tray--six{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=1024px){.option-tray--six{grid-template-columns:repeat(6,minmax(0,1fr))}}.option-tray--many{grid-template-columns:repeat(4,minmax(0,1fr))}.option-tile{justify-content:center;align-items:center;gap:var(--space-1);min-height:96px;padding:var(--space-2);border-radius:var(--radius-md);border:var(--border-default) solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;position:relative}@media (width>=768px){.option-tile{min-height:112px;padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.option-tile{transition:none}}.option-tile:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.option-tile__svg{width:64px;height:64px}@media (width>=768px){.option-tile__svg{width:72px;height:72px}}.option-tile__badge{top:var(--space-1);left:var(--space-1);border-radius:var(--radius-full);background:var(--color-surface-sunken);width:24px;height:24px;color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:flex;position:absolute}.option-tile__tag{font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-1);display:inline-flex}.option-tile__icon{width:14px;height:14px}.option-tile.is-selected{border-width:2px;border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface))}.option-tile.is-selected .option-tile__badge{background:var(--color-accent);color:var(--color-cta-text)}.option-tile:disabled,.option-tile[aria-disabled=true]{opacity:.5;pointer-events:none}.option-tile.is-review-correct{border-width:2px;border-color:var(--color-rule-stays-base);background:color-mix(in srgb, var(--color-rule-stays-base) 10%, var(--color-surface))}.option-tile.is-review-correct .option-tile__badge{background:var(--color-rule-stays-base);color:var(--neutral-0)}.option-tile.is-review-correct .option-tile__tag{color:var(--color-rule-stays-text)}.option-tile.is-review-wrong{border-width:2px;border-color:var(--color-rule-cancels-base);background:color-mix(in srgb, var(--color-rule-cancels-base) 10%, var(--color-surface))}.option-tile.is-review-wrong .option-tile__badge{background:var(--color-rule-cancels-base);color:var(--neutral-0)}.option-tile.is-review-wrong .option-tile__tag{color:var(--color-rule-cancels-text)}.option-tile.is-review-other{opacity:.55;border-color:var(--color-border);cursor:default}@keyframes option-tray-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.option-tray.is-shaking{animation:.15s ease-in-out 2 option-tray-shake}@media (prefers-reduced-motion:reduce){.option-tray.is-shaking{animation:none}}.question-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.question-counter{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.question-footer{margin-top:var(--space-5);gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.validation-message{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-secondary);display:inline-flex}.validation-message__icon{flex-shrink:0;width:18px;height:18px}.timer{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.timer__digits{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);text-align:right;min-width:3ch;color:var(--color-text-primary);transition:color var(--duration-slow) var(--ease-standard)}.timer__digits.is-warning{color:var(--color-feedback-incorrect)}@media (prefers-reduced-motion:reduce){.timer__digits{transition:none}}.timer__track{border-radius:var(--radius-full);background:var(--color-border);width:96px;height:4px;display:block;overflow:hidden}.timer__fill{background:var(--color-accent);height:100%;transition:width var(--duration-base) linear, background-color var(--duration-slow) var(--ease-standard);display:block}.timer__fill.is-warning{background:var(--color-feedback-incorrect)}@media (prefers-reduced-motion:reduce){.timer__fill{transition:none}}.timer--untimed{color:var(--color-text-tertiary);font-size:var(--text-base)}.walkthrough{gap:var(--space-5);flex-direction:column;display:flex}.walkthrough__side-by-side{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.walkthrough__side-by-side{grid-template-columns:1fr 1fr}}.walkthrough__pick-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.walkthrough__pick-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.walkthrough__steps{gap:var(--space-3);flex-direction:column;display:flex}.walkthrough-row{gap:var(--space-2);opacity:.3;transition:opacity var(--duration-base) var(--ease-in-out);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.walkthrough-row{transition:none}}.walkthrough-row.is-active{opacity:1}.walkthrough-row.is-completed{opacity:.45}.walkthrough-row.is-upcoming{opacity:.3}.walkthrough-row__content{gap:var(--space-2);flex-direction:column;align-items:center;display:flex}@media (width>=640px){.walkthrough-row__content{flex-direction:row;justify-content:center;align-items:center}}.walkthrough-row__cells{background:var(--color-cell-border);gap:1px;display:flex}.walkthrough-row__caption{font-size:var(--text-base);color:var(--color-text-primary);max-width:480px}.walkthrough-row__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.walkthrough__step-index{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.why-wrong{border-left:3px solid var(--color-feedback-incorrect);padding:var(--space-3);font-size:var(--text-base);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#e24b4a0f}:root[data-theme=dark] .why-wrong{background:#e24b4a1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .why-wrong{background:#e24b4a1f}}.why-wrong__label{font-weight:var(--weight-semibold);margin-bottom:var(--space-1);display:block}.rule-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.rule-chip{border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);align-items:center;text-decoration:none;display:inline-flex}.rule-chip:hover{color:var(--color-accent);text-decoration:underline}.legend{gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:inline-flex}.legend__item{align-items:center;gap:var(--space-2);display:inline-flex}.legend__swatch{border-top-style:solid;border-top-width:2px;width:24px;height:0}.legend__swatch--solid{border-top-color:var(--color-rule-stays-base)}.legend__swatch--dashed{border-top-style:dashed;border-top-color:var(--color-rule-cancels-base)}.legend__swatch--dotted{border-top-style:dotted;border-top-width:3px;border-top-color:var(--color-rule-ignored-base)}.results-list{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.results-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;width:100%;font-size:var(--text-base);display:flex}.results-row:last-child{border-bottom:none}.results-row:hover{background:var(--color-surface-sunken)}.results-row__num{font-weight:var(--weight-semibold);color:var(--color-text-tertiary);width:2ch}.results-row__pick{color:var(--color-text-secondary);flex:1}.results-row__time{color:var(--color-text-tertiary)}.results-row__status{font-weight:var(--weight-semibold)}.results-row__status.is-correct{color:var(--color-rule-stays-text)}.results-row__status.is-incorrect{color:var(--color-rule-cancels-text)}.review-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.review-summary__score{font-size:var(--text-xl);font-weight:var(--weight-bold)}.walkthrough-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-bars{gap:var(--space-3);flex-direction:column;display:flex}.stat-bar{align-items:center;gap:var(--space-3);grid-template-columns:100px 1fr auto;display:grid}.stat-bar__label{font-size:var(--text-base);color:var(--color-text-primary);text-transform:capitalize}.stat-bar__track{border-radius:var(--radius-full);background:var(--color-border);height:10px;display:block;overflow:hidden}.stat-bar__fill{background:var(--neutral-400);border-radius:var(--radius-full);height:100%;display:block}.stat-bar.is-weak .stat-bar__fill{background:var(--color-accent)}.stat-bar__value{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-align:right;min-width:9ch}.progress-headline{gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.progress-headline__stat{gap:var(--space-1);flex-direction:column;display:flex}.progress-headline__number{font-size:var(--text-xl);font-weight:var(--weight-bold)}.progress-headline__label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.trap-list{gap:var(--space-4);flex-direction:column;display:flex}.trap-item{gap:var(--space-3);display:flex}.trap-item__rank{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-tertiary);flex-shrink:0;width:2ch}.trap-item__name{font-weight:var(--weight-semibold)}.trap-item__count{color:var(--color-text-secondary);font-size:var(--text-sm)}.trap-item__fix{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;gap:var(--space-4);flex-direction:column;align-items:center;display:flex}.weak-spot-banner{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.rule-cards{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.rule-cards{grid-template-columns:1fr 1fr}}.rule-card{gap:var(--space-1);flex-direction:column;display:flex}.rule-card__title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.rule-card__desc{color:var(--color-text-secondary);font-size:var(--text-base)}.worked-example{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.worked-example__grid-wrap{justify-content:center;display:flex}.worked-example__title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.worked-example__text{color:var(--color-text-primary)}.worked-example__spot{border-left:3px solid var(--color-accent);padding-left:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.worked-example__caption{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.strategy-section{gap:var(--space-2);flex-direction:column;display:flex}.strategy-section ol,.strategy-section ul{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;list-style:decimal;display:flex}.strategy-section ul{list-style:outside}.sub-nav{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.prose-list{margin:var(--space-3) 0 0;padding-left:var(--space-5);gap:var(--space-2);color:var(--color-text-secondary);line-height:var(--leading-normal);list-style:outside;display:grid}.prose-list>li{padding-left:var(--space-1)}.prose-list>li::marker{color:var(--color-text-tertiary)}