:root{--goal-mono-0: #ffffff;--goal-mono-25: #fafafa;--goal-mono-50: #f5f5f5;--goal-mono-100: #eeeeee;--goal-mono-200: #dfdfdf;--goal-mono-250: #c3c3c3;--goal-mono-300: #9e9e9e;--goal-mono-400: #767676;--goal-mono-500: #5a5a5a;--goal-mono-550: #4e4e4e;--goal-mono-600: #333333;--goal-mono-700: #2c2c2c;--goal-mono-800: #252525;--goal-mono-900: #1a1a1a;--goal-mono-950: #161616;--goal-mono-1000: #000000;--goal-red-50: #fcd7d7;--goal-red-100: #f9aeb0;--goal-red-200: #f78686;--goal-red-300: #f45d5e;--goal-red-400: #f13536;--goal-red-500: #c2292b;--goal-red-600: #912021;--goal-red-700: #601516;--goal-red-800: #500b0c;--goal-red-900: #3b0505;--goal-green-50: #adeaa8;--goal-green-100: #99e592;--goal-green-200: #70d966;--goal-green-300: #5cd551;--goal-green-400: #33ca25;--goal-green-500: #2db621;--goal-green-600: #238d19;--goal-green-700: #1f7916;--goal-green-800: #186c10;--goal-green-900: #115c0a;--goal-blue-50: #e9f7ff;--goal-blue-100: #bee8ff;--goal-blue-200: #67caff;--goal-blue-300: #26b3ff;--goal-blue-400: #09a3f6;--goal-blue-500: #0199eb;--goal-blue-600: #028cd6;--goal-blue-700: #037ec0;--goal-blue-800: #04699f;--goal-blue-900: #003047;--goal-orange-50: #fef2e0;--goal-orange-100: #fedeb2;--goal-orange-200: #fdc880;--goal-orange-300: #fbb24e;--goal-orange-400: #fba12a;--goal-bg: var(--goal-mono-50);--goal-surface: var(--goal-mono-0);--goal-surface-sunken: var(--goal-mono-100);--goal-surface-hover: var(--goal-mono-50);--goal-surface-pressed: var(--goal-mono-100);--goal-surface-inverse: var(--goal-mono-800);--goal-surface-inverse-deep: var(--goal-mono-1000);--goal-text: var(--goal-mono-900);--goal-text-muted: var(--goal-mono-500);--goal-text-placeholder: var(--goal-mono-400);--goal-text-disabled: var(--goal-mono-250);--goal-text-inverse: var(--goal-mono-0);--goal-text-inverse-muted: var(--goal-mono-200);--goal-border: var(--goal-mono-200);--goal-border-strong: var(--goal-mono-250);--goal-border-subtle: var(--goal-mono-100);--goal-border-inverse: var(--goal-mono-700);--goal-border-focus: var(--goal-blue-700);--goal-accent: var(--goal-red-500);--goal-accent-bright: var(--goal-red-400);--goal-accent-deep: var(--goal-red-600);--goal-accent-soft: var(--goal-red-50);--goal-on-accent: var(--goal-mono-0);--goal-action: var(--goal-blue-700);--goal-action-hover: var(--goal-blue-800);--goal-on-action: var(--goal-mono-0);--goal-success: var(--goal-green-500);--goal-success-text: var(--goal-green-600);--goal-success-soft: var(--goal-green-50);--goal-error: var(--goal-red-500);--goal-error-text: var(--goal-red-600);--goal-error-soft: var(--goal-red-50);--goal-warning: var(--goal-orange-400);--goal-warning-soft: var(--goal-orange-50);--goal-neutral: var(--goal-mono-300);--goal-option-a: var(--goal-red-500);--goal-option-a-text: var(--goal-mono-0);--goal-option-b: var(--goal-blue-700);--goal-option-b-text: var(--goal-mono-0);--goal-option-c: var(--goal-green-600);--goal-option-c-text: var(--goal-mono-0);--goal-option-d: var(--goal-orange-400);--goal-option-d-text: var(--goal-mono-900);--goal-option-correct: var(--goal-green-500);--goal-option-wrong: var(--goal-red-500);--goal-option-dim: var(--goal-mono-250);--goal-option-selected-ring: var(--goal-mono-900);--goal-font-heading: "Clash Grotesk", "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--goal-font-body: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--goal-heading-4xs: 14px;--goal-heading-3xs: 16px;--goal-heading-2xs: 18px;--goal-heading-xs: 20px;--goal-heading-sm: 22px;--goal-heading-md: 24px;--goal-heading-lg: 28px;--goal-heading-xl: 32px;--goal-heading-2xl: 36px;--goal-heading-3xl: 40px;--goal-heading-4xl: 48px;--goal-heading-5xl: 60px;--goal-heading-6xl: 70px;--goal-body-4xs: 8px;--goal-body-3xs: 10px;--goal-body-2xs: 12px;--goal-body-xs: 14px;--goal-body-sm: 15px;--goal-body-md: 16px;--goal-body-lg: 18px;--goal-body-xl: 20px;--goal-body-2xl: 22px;--goal-body-3xl: 24px;--goal-body-4xl: 28px;--goal-body-5xl: 32px;--goal-weight-regular: 400;--goal-weight-medium: 500;--goal-weight-semibold: 600;--goal-weight-bold: 700;--goal-leading-heading: 1;--goal-leading-snug: 1.3;--goal-leading-body: 1.5;--goal-tracking-heading: 0;--goal-space-px: 1px;--goal-space-0-5: 2px;--goal-space-1: 4px;--goal-space-1-5: 6px;--goal-space-2: 8px;--goal-space-3: 12px;--goal-space-4: 16px;--goal-space-5: 20px;--goal-space-6: 24px;--goal-space-7: 28px;--goal-space-8: 32px;--goal-space-10: 40px;--goal-space-12: 48px;--goal-space-14: 56px;--goal-space-16: 64px;--goal-space-20: 80px;--goal-space-24: 96px;--goal-space-3xs: var(--goal-space-0-5);--goal-space-2xs: var(--goal-space-1);--goal-space-xs: var(--goal-space-2);--goal-space-sm: var(--goal-space-3);--goal-space-md: var(--goal-space-4);--goal-space-lg: var(--goal-space-5);--goal-space-xl: var(--goal-space-6);--goal-space-2xl: var(--goal-space-8);--goal-space-3xl: var(--goal-space-10);--goal-space-4xl: var(--goal-space-14);--goal-radius-2xs: 2px;--goal-radius-xs: 4px;--goal-radius-sm: 6px;--goal-radius-md: 8px;--goal-radius-lg: 12px;--goal-radius-xl: 16px;--goal-radius-rounded: 999999px;--goal-shadow-sm: 0 1px 2px rgb(0 0 0 / 6%);--goal-shadow-md: 0 2px 8px rgb(0 0 0 / 8%);--goal-ease: cubic-bezier(.2, 0, 0, 1);--goal-duration-fast: .12s;--goal-duration-base: .25s;--goal-max-width: 1200px;--goal-max-width-narrow: 640px;--goal-header-height: 56px;--goal-breakpoint-desktop: 1024px}@media(prefers-reduced-motion:reduce){:root{--goal-duration-fast: 0ms;--goal-duration-base: 0ms}}*{box-sizing:border-box}body{margin:0;background:var(--goal-bg);color:var(--goal-text);font-family:var(--goal-font-body);font-size:var(--goal-body-md);line-height:var(--goal-leading-body)}button,input{font:inherit}button{cursor:pointer;border:var(--goal-space-px) solid var(--goal-border);border-radius:var(--goal-radius-md);background:var(--goal-surface);color:var(--goal-text);padding:var(--goal-space-3) var(--goal-space-4);min-height:var(--goal-space-12);font-weight:var(--goal-weight-bold)}button:hover:not(:disabled){background:var(--goal-surface-hover)}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:var(--goal-space-0-5) solid var(--goal-border-focus);outline-offset:var(--goal-space-1)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--goal-font-heading);font-weight:var(--goal-weight-semibold);overflow-wrap:anywhere}h1{font-size:var(--goal-heading-4xl);line-height:var(--goal-leading-heading);margin:var(--goal-space-4) 0 var(--goal-space-5)}h2{font-size:var(--goal-heading-md);line-height:var(--goal-leading-snug)}h3{font-size:var(--goal-heading-xs);line-height:var(--goal-leading-snug)}p+p{margin-top:var(--goal-space-2)}small{display:block;font-size:var(--goal-body-2xs);font-weight:var(--goal-weight-medium)}.site-header{background:var(--goal-surface-inverse-deep);color:var(--goal-text-inverse)}.site-header>div{max-width:var(--goal-max-width);min-height:var(--goal-header-height);padding:var(--goal-space-3) var(--goal-space-5);margin:auto;display:flex;align-items:center;gap:var(--goal-space-3);font-size:var(--goal-body-2xs);font-weight:var(--goal-weight-bold)}.brand{font-family:var(--goal-font-heading);font-size:var(--goal-heading-xl);font-weight:var(--goal-weight-bold);line-height:var(--goal-leading-heading)}.brand-dot{color:var(--goal-accent-bright)}.brand-divider{background:var(--goal-border-inverse);width:var(--goal-space-px);height:var(--goal-space-6)}.identity{margin-left:auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--goal-text-inverse-muted)}main{max-width:var(--goal-max-width-narrow);margin:auto;padding:var(--goal-space-8) max(var(--goal-space-5),env(safe-area-inset-right)) var(--goal-space-12) max(var(--goal-space-5),env(safe-area-inset-left));min-height:calc(100svh - var(--goal-header-height) - var(--goal-space-16))}footer{text-align:center;padding:var(--goal-space-5);font-size:var(--goal-body-3xs);font-weight:var(--goal-weight-bold);color:var(--goal-text-muted);border-top:var(--goal-space-px) solid var(--goal-border)}.eyebrow{font-size:var(--goal-body-2xs);font-weight:var(--goal-weight-bold);color:var(--goal-text-muted)}.intro{font-size:var(--goal-body-xl);line-height:var(--goal-leading-snug);margin-bottom:var(--goal-space-3)}.muted{color:var(--goal-text-muted);font-size:var(--goal-body-xs)}.card{background:var(--goal-surface);padding:var(--goal-space-5);border:var(--goal-space-px) solid var(--goal-border);border-radius:var(--goal-radius-lg)}.stack{display:flex;flex-direction:column;gap:var(--goal-space-3);margin-top:var(--goal-space-6)}.stack p+p{margin-top:0}.primary,.secondary{width:100%;margin-top:var(--goal-space-5)}.primary{background:var(--goal-accent);color:var(--goal-on-accent);border-color:var(--goal-accent)}.primary:hover:not(:disabled){background:var(--goal-accent-deep)}.primary:disabled,.secondary:disabled{background:var(--goal-surface-sunken);color:var(--goal-text-muted);border-color:var(--goal-border)}.text-button{background:none;border-color:var(--goal-bg);color:var(--goal-text-muted);margin-top:var(--goal-space-4)}.entry{padding-top:var(--goal-space-6)}.entry h1 span{color:var(--goal-accent)}.entry-form{margin-top:var(--goal-space-8)}label{display:block;font-weight:var(--goal-weight-bold);margin-bottom:var(--goal-space-3)}input{width:100%;min-height:var(--goal-space-14);padding:var(--goal-space-3);border:var(--goal-space-px) solid var(--goal-border-strong);border-radius:var(--goal-radius-sm);color:var(--goal-text);background:var(--goal-surface)}input::placeholder{color:var(--goal-text-placeholder)}.entry-form p{margin-top:var(--goal-space-3)}.rules,.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--goal-space-3);margin:var(--goal-space-8) 0;text-align:center}.rules span,.result-summary span{font-size:var(--goal-body-xs);color:var(--goal-text-muted)}.rules b,.result-summary b{display:block;color:var(--goal-text);font-family:var(--goal-font-heading);font-size:var(--goal-heading-lg)}.hero{background:var(--goal-surface-inverse);color:var(--goal-text-inverse);padding:var(--goal-space-6);border-radius:var(--goal-radius-lg);border-top:var(--goal-space-1) solid var(--goal-accent)}.hero .eyebrow,.hero-note{color:var(--goal-text-inverse-muted)}.hero-note{font-size:var(--goal-body-2xs);margin-top:var(--goal-space-3)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--goal-space-3);margin:var(--goal-space-8) 0 var(--goal-space-4)}.card .section-heading{margin:0}.quiz-list,.rating-list{display:grid;gap:var(--goal-space-4)}.quiz-card{display:flex;gap:var(--goal-space-4)}.quiz-number{font-family:var(--goal-font-heading);color:var(--goal-text-muted);font-size:var(--goal-heading-lg)}.quiz-content{flex:1;min-width:0}.quiz-meta{display:flex;flex-wrap:wrap;gap:var(--goal-space-3);color:var(--goal-text-muted);font-size:var(--goal-body-2xs);margin:var(--goal-space-3) 0}.rooms{display:grid;gap:var(--goal-space-2)}.room-choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--goal-space-2);font-size:var(--goal-body-xs);padding:var(--goal-space-3)}.dots{display:inline-flex;gap:var(--goal-space-1)}.dots i{width:var(--goal-space-2);height:var(--goal-space-2);border-radius:var(--goal-radius-rounded);border:var(--goal-space-px) solid var(--goal-border-strong);background:var(--goal-surface)}.dots i.filled{background:var(--goal-accent);border-color:var(--goal-accent)}.players,.standings,.distribution{padding:0;margin:0;list-style:none}.players li{display:flex;align-items:center;gap:var(--goal-space-3);padding:var(--goal-space-3) 0;border-bottom:var(--goal-space-px) solid var(--goal-border-subtle);overflow-wrap:anywhere}.players li .muted{margin-left:auto}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:var(--goal-space-10);height:var(--goal-space-10);border-radius:var(--goal-radius-rounded);background:var(--goal-surface-sunken);font-weight:var(--goal-weight-bold)}.empty-seat{color:var(--goal-text-muted)}.countdown{display:flex;justify-content:space-between;align-items:center;gap:var(--goal-space-4);margin-top:var(--goal-space-5);padding-top:var(--goal-space-4);border-top:var(--goal-space-px) solid var(--goal-border);color:var(--goal-text-muted)}.countdown strong{font-family:var(--goal-font-heading);font-size:var(--goal-heading-3xl);color:var(--goal-text);font-variant-numeric:tabular-nums}.countdown small{display:inline;font-size:var(--goal-body-lg)}.phase-timer>progress{margin-top:var(--goal-space-2)}.waiting-status{border-color:var(--goal-border-strong)}.waiting-status .countdown{margin:0;padding:0;border:0}.solo-ready strong{font-size:var(--goal-heading-md);color:var(--goal-text-muted)}.waiting-status .primary{margin-top:var(--goal-space-2)}.solo-choice{border-style:dashed;border-color:var(--goal-border-strong);color:var(--goal-text)}.solo-choice:hover:not(:disabled){border-style:solid;border-color:var(--goal-accent)}.solo-choice .muted{font-size:var(--goal-body-2xs)}.welcome{padding-top:var(--goal-space-8)}.welcome .countdown{margin:var(--goal-space-8) 0}.welcome .countdown strong{font-size:var(--goal-heading-6xl)}.question-time{display:flex;justify-content:space-between;align-items:center;font-size:var(--goal-body-xs)}.question-time strong{font-size:var(--goal-heading-lg);font-variant-numeric:tabular-nums}progress{display:block;appearance:none;width:100%;height:var(--goal-space-2);border:0;border-radius:var(--goal-radius-rounded);overflow:hidden;background:var(--goal-surface-sunken);color:var(--goal-accent)}progress::-webkit-progress-bar{background:var(--goal-surface-sunken)}progress::-webkit-progress-value{background:var(--goal-accent)}progress::-moz-progress-bar{background:var(--goal-accent)}.question-text{font-size:var(--goal-heading-xl);line-height:var(--goal-leading-snug);margin:var(--goal-space-6) 0}.options{display:grid;gap:var(--goal-space-3)}.option{display:flex;align-items:center;gap:var(--goal-space-4);min-height:var(--goal-space-20);text-align:left;border:0;font-size:var(--goal-body-lg);line-height:var(--goal-leading-snug);overflow-wrap:anywhere}.option-a,.option-a:hover:not(:disabled){background:var(--goal-option-a);color:var(--goal-option-a-text)}.option-b,.option-b:hover:not(:disabled){background:var(--goal-option-b);color:var(--goal-option-b-text)}.option-c,.option-c:hover:not(:disabled){background:var(--goal-option-c);color:var(--goal-option-c-text)}.option-d,.option-d:hover:not(:disabled){background:var(--goal-option-d);color:var(--goal-option-d-text)}.option-letter{font-size:var(--goal-heading-md);font-family:var(--goal-font-heading)}.option.selected{outline:var(--goal-space-1) solid var(--goal-option-selected-ring);outline-offset:var(--goal-space-0-5)}.answer-status{text-align:center;color:var(--goal-text-muted);font-size:var(--goal-body-xs);margin:var(--goal-space-5) 0}.concealed{visibility:hidden}.preparing{color:var(--goal-text-muted)}.score{white-space:nowrap;font-size:var(--goal-body-xs);font-weight:var(--goal-weight-bold)}.success-text{color:var(--goal-success-text)}.error-text,.error{color:var(--goal-error-text)}.error-banner{padding:var(--goal-space-4);background:var(--goal-error-soft);color:var(--goal-error-text);border-radius:var(--goal-radius-md);margin-bottom:var(--goal-space-4)}.error-banner button{margin:var(--goal-space-2)}.distribution li{padding:var(--goal-space-4) 0}.distribution li>div{display:flex;justify-content:space-between;gap:var(--goal-space-3);font-size:var(--goal-body-xs);margin-bottom:var(--goal-space-2)}.distribution b{margin-right:var(--goal-space-2)}.distribution progress::-webkit-progress-value{background:var(--goal-option-dim)}.distribution progress::-moz-progress-bar{background:var(--goal-option-dim)}.correct-distribution progress::-webkit-progress-value{background:var(--goal-option-correct)}.correct-distribution progress::-moz-progress-bar{background:var(--goal-option-correct)}.standings{margin:var(--goal-space-6) 0}.standings li{display:grid;grid-template-columns:var(--goal-space-8) minmax(0,1fr) auto auto;align-items:center;gap:var(--goal-space-3);background:var(--goal-surface);padding:var(--goal-space-4) var(--goal-space-3);border-bottom:var(--goal-space-px) solid var(--goal-border)}.standings .you{background:var(--goal-accent-soft);border-left:var(--goal-space-1) solid var(--goal-accent)}.standings strong{overflow-wrap:anywhere}.standings li>b{text-align:right;font-variant-numeric:tabular-nums}.rank{font-family:var(--goal-font-heading);font-size:var(--goal-heading-lg)}.movement{font-size:var(--goal-body-2xs)}.rating{display:flex;gap:var(--goal-space-2)}.rating button{min-width:var(--goal-space-14);font-size:var(--goal-body-xl)}.rating button[aria-pressed=true]{background:var(--goal-accent-soft);border-color:var(--goal-accent);outline:var(--goal-space-px) solid var(--goal-accent)}.overall-rating{margin:var(--goal-space-6) 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--goal-space-4);justify-content:space-between}.rating-list .card{margin:0}.end-actions{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;gap:var(--goal-space-3);align-items:center;max-width:var(--goal-max-width-narrow);margin-inline:auto;background:var(--goal-surface);border-top:var(--goal-space-px) solid var(--goal-border);padding:var(--goal-space-3) max(var(--goal-space-5),env(safe-area-inset-right)) calc(var(--goal-space-3) + env(safe-area-inset-bottom,0px)) max(var(--goal-space-5),env(safe-area-inset-left));box-shadow:var(--goal-shadow-md)}.end-actions .primary,.end-actions .secondary{margin-top:0}.end-actions .secondary{width:auto;flex:0 0 auto}.end-screen{padding-bottom:calc(var(--goal-space-24) + env(safe-area-inset-bottom,0px))}.connection-state{padding-top:var(--goal-space-12)}.creator-link,.back-link{color:var(--goal-action);font-weight:var(--goal-weight-bold);text-decoration:underline;text-underline-offset:var(--goal-space-0-5);border-radius:var(--goal-radius-xs)}.creator-link:hover,.back-link:hover{color:var(--goal-action-hover)}.creator-link:focus-visible,.back-link:focus-visible{outline:var(--goal-space-0-5) solid var(--goal-border-focus);outline-offset:var(--goal-space-1)}.back-link{display:inline-block;margin-top:var(--goal-space-6);padding:var(--goal-space-2) 0;font-size:var(--goal-body-xs);text-decoration:none}.stats-page>.back-link:first-child{margin:0 0 var(--goal-space-2)}.stats-page h1{margin-top:var(--goal-space-2)}.stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--goal-space-3);margin-bottom:var(--goal-space-8)}.stat-tile{background:var(--goal-surface);border:var(--goal-space-px) solid var(--goal-border);border-radius:var(--goal-radius-lg);border-top:var(--goal-space-1) solid var(--goal-accent);padding:var(--goal-space-4);text-align:center}.stat-tile b{display:block;font-family:var(--goal-font-heading);font-size:var(--goal-heading-2xl);line-height:var(--goal-leading-heading);font-variant-numeric:tabular-nums}.stat-tile span{display:block;margin-top:var(--goal-space-1);color:var(--goal-text-muted);font-size:var(--goal-body-2xs);font-weight:var(--goal-weight-bold);text-transform:uppercase}.stat-tile-wide{grid-column:1 / -1}.stat-card{display:grid;gap:var(--goal-space-3)}.stat-card h3{overflow-wrap:anywhere}.stat-card p{margin:0}.stat-card .primary{margin-top:var(--goal-space-1)}.stat-pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--goal-space-24),1fr));gap:var(--goal-space-3);margin:0;padding-top:var(--goal-space-3);border-top:var(--goal-space-px) solid var(--goal-border-subtle)}.stat-pairs dt{color:var(--goal-text-muted);font-size:var(--goal-body-2xs);font-weight:var(--goal-weight-bold);text-transform:uppercase}.stat-pairs dd{margin:var(--goal-space-1) 0 0;font-weight:var(--goal-weight-bold);font-size:var(--goal-body-sm);overflow-wrap:anywhere}.stat-pairs dd small{color:var(--goal-text-muted);font-weight:var(--goal-weight-medium)}.stat-hardest{background:var(--goal-surface-sunken);border-radius:var(--goal-radius-md);padding:var(--goal-space-4)}.stat-hardest p{overflow-wrap:anywhere}.stat-hardest p+p{margin-top:var(--goal-space-2)}.creator-highlight{border-color:var(--goal-accent);border-top:var(--goal-space-1) solid var(--goal-accent)}.board{list-style:none;padding:0;margin:var(--goal-space-4) 0 0}.board li{display:grid;grid-template-columns:var(--goal-space-8) minmax(0,1fr) auto;align-items:center;gap:var(--goal-space-3);background:var(--goal-surface);padding:var(--goal-space-4) var(--goal-space-3);border-bottom:var(--goal-space-px) solid var(--goal-border)}.board li:first-child{border-radius:var(--goal-radius-lg) var(--goal-radius-lg) 0 0}.board li:last-child{border-bottom:0;border-radius:0 0 var(--goal-radius-lg) var(--goal-radius-lg)}.board strong{font-size:var(--goal-body-lg);overflow-wrap:anywhere}.board .muted{display:block;margin-top:var(--goal-space-1);overflow-wrap:anywhere}.board li>b{font-family:var(--goal-font-heading);font-size:var(--goal-heading-xs);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.board li>b small{color:var(--goal-text-muted)}@media(min-width:640px){.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-tile-wide{grid-column:span 2}.stats-page .stat-card .primary{width:auto;justify-self:start}}.studio-too-narrow{display:none}@media(max-width:899px){.studio-desktop{display:none}.studio-too-narrow{display:block;margin:0;padding:var(--goal-space-10) var(--goal-space-5);font-family:var(--goal-font-heading);font-size:var(--goal-heading-md);line-height:var(--goal-leading-snug);text-align:center;color:var(--goal-text)}}.studio-main{max-width:var(--goal-max-width);margin:auto;padding:var(--goal-space-8) var(--goal-space-5) var(--goal-space-12)}.studio-narrow-column{max-width:var(--goal-max-width-narrow);margin:auto}.studio-exit{margin-left:auto;min-height:var(--goal-space-8);padding:var(--goal-space-1) var(--goal-space-3);background:none;color:var(--goal-text-inverse-muted);border-color:var(--goal-border-inverse);font-size:var(--goal-body-2xs);border-radius:var(--goal-radius-rounded)}.studio-exit:hover:not(:disabled){background:var(--goal-surface-inverse);color:var(--goal-text-inverse)}.studio-link{margin-left:var(--goal-space-3);min-height:var(--goal-space-8);padding:var(--goal-space-1) var(--goal-space-3);background:var(--goal-accent);color:var(--goal-on-accent);border-color:var(--goal-accent);font-size:var(--goal-body-2xs);border-radius:var(--goal-radius-rounded)}.studio-gate{max-width:var(--goal-max-width-narrow);margin:auto}.studio-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--goal-space-5);margin-bottom:var(--goal-space-6)}.studio-desktop .studio-inline-action{width:auto;margin-top:0}.draft-list{display:grid;gap:var(--goal-space-4)}.draft-card{display:flex;align-items:center;justify-content:space-between;gap:var(--goal-space-5)}.studio-desktop .error-banner{border:var(--goal-space-px) solid var(--goal-error);font-weight:var(--goal-weight-bold)}.studio-desktop .error{font-size:var(--goal-body-xs);font-weight:var(--goal-weight-bold)}.visually-hidden{position:absolute;width:var(--goal-space-px);height:var(--goal-space-px);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--goal-space-6);padding-bottom:var(--goal-space-5);margin-bottom:var(--goal-space-5);border-bottom:var(--goal-space-px) solid var(--goal-border)}.editor-title{flex:1}.editor-title input{font-family:var(--goal-font-heading);font-size:var(--goal-heading-xl);line-height:var(--goal-leading-heading);font-weight:var(--goal-weight-semibold);border-color:transparent;background:none;padding:var(--goal-space-2)}.editor-title input:hover:not(:disabled){border-color:var(--goal-border);background:var(--goal-surface)}.save-state{min-height:var(--goal-space-5);padding-left:var(--goal-space-2);font-size:var(--goal-body-2xs);font-weight:var(--goal-weight-bold);color:var(--goal-text-muted)}.save-saved{color:var(--goal-success-text)}.save-retrying,.save-failed{color:var(--goal-error-text)}.editor-actions{display:flex;gap:var(--goal-space-4);align-items:flex-start}.action{text-align:right}.studio-reason{margin-top:var(--goal-space-2);font-size:var(--goal-body-2xs);color:var(--goal-text-muted);max-width:var(--goal-max-width-narrow)}.editor-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--goal-space-6);align-items:start}.question-list{display:grid;gap:var(--goal-space-2)}.question-chip{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:var(--goal-space-3);text-align:left;font-weight:var(--goal-weight-medium);min-height:var(--goal-space-12);padding:var(--goal-space-2) var(--goal-space-3)}.question-chip.is-selected{border-color:var(--goal-text);background:var(--goal-surface);box-shadow:var(--goal-shadow-sm)}.question-chip.is-flagged{border-color:var(--goal-error)}.question-number{font-family:var(--goal-font-heading);font-size:var(--goal-heading-3xs);color:var(--goal-text-muted)}.question-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--goal-body-xs)}.dot{width:var(--goal-space-3);height:var(--goal-space-3);border-radius:var(--goal-radius-rounded);display:block}.dot-empty{background:var(--goal-surface-sunken);border:var(--goal-space-px) solid var(--goal-border-strong)}.dot-incomplete{background:var(--goal-neutral)}.dot-complete{background:var(--goal-success)}.dot-warning{background:var(--goal-warning)}.dot-fail{background:var(--goal-error)}.question-pane{display:grid;gap:var(--goal-space-5)}.field{display:grid;gap:var(--goal-space-2)}.field label{margin-bottom:0}textarea{font:inherit;width:100%;padding:var(--goal-space-3);color:var(--goal-text);background:var(--goal-surface);border:var(--goal-space-px) solid var(--goal-border-strong);border-radius:var(--goal-radius-sm);resize:vertical;line-height:var(--goal-leading-body)}textarea:focus-visible{outline:var(--goal-space-0-5) solid var(--goal-border-focus);outline-offset:var(--goal-space-1)}[aria-invalid=true]{border-color:var(--goal-error)}.field-foot{display:flex;justify-content:space-between;gap:var(--goal-space-3);font-size:var(--goal-body-xs)}.count{color:var(--goal-text-muted);font-variant-numeric:tabular-nums}.count-near{color:var(--goal-error-text);font-weight:var(--goal-weight-bold)}.answers{display:grid;gap:var(--goal-space-3)}.answer{display:grid;gap:var(--goal-space-2);padding:var(--goal-space-3);border:var(--goal-space-px) solid var(--goal-border);border-radius:var(--goal-radius-md);background:var(--goal-surface)}.answer-correct{border-color:var(--goal-success);box-shadow:inset var(--goal-space-1) 0 0 0 var(--goal-success)}.answer-mark{display:flex;align-items:center;gap:var(--goal-space-2);margin-bottom:0;font-size:var(--goal-body-2xs);color:var(--goal-text-muted)}.answer-correct .answer-mark{color:var(--goal-success-text)}.answer-mark input{width:auto;min-height:auto;accent-color:var(--goal-success)}.suggest-row{display:flex;align-items:center;gap:var(--goal-space-4)}.review-banner{display:grid;gap:var(--goal-space-3);padding:var(--goal-space-6);border-radius:var(--goal-radius-lg);border:var(--goal-space-1) solid var(--goal-border);background:var(--goal-surface)}.review-badge{font-family:var(--goal-font-heading);font-size:var(--goal-heading-6xl);line-height:var(--goal-leading-heading);font-weight:var(--goal-weight-bold)}.review-message{font-family:var(--goal-font-heading);font-size:var(--goal-heading-3xl);line-height:var(--goal-leading-snug);font-weight:var(--goal-weight-medium)}.review-fix{font-size:var(--goal-heading-xl);line-height:var(--goal-leading-snug)}.review-stale-note{font-size:var(--goal-heading-xs);font-weight:var(--goal-weight-bold)}.review-fail{border-color:var(--goal-error);background:var(--goal-error-soft);color:var(--goal-error-text)}.review-warning{border-color:var(--goal-warning);background:var(--goal-warning-soft)}.review-ok{border-color:var(--goal-success);background:var(--goal-success-soft);color:var(--goal-success-text)}.review-ok .review-badge,.review-ok .review-message{font-size:var(--goal-heading-md)}.review-banner.is-stale{border-color:var(--goal-border-strong);background:var(--goal-surface-sunken);color:var(--goal-text-muted);box-shadow:none}.review-summary{display:grid;gap:var(--goal-space-3);margin-bottom:var(--goal-space-5);padding:var(--goal-space-5) var(--goal-space-6);border-radius:var(--goal-radius-lg);border:var(--goal-space-1) solid var(--goal-border);background:var(--goal-surface)}.review-summary-line{display:flex;align-items:center;justify-content:space-between;gap:var(--goal-space-4);width:100%;padding:0;background:none;border:0;color:inherit;text-align:left;font-family:var(--goal-font-heading);font-size:var(--goal-heading-4xl);line-height:var(--goal-leading-heading);font-weight:var(--goal-weight-bold)}.review-summary-line:hover:not(:disabled){background:none;text-decoration:underline}.review-summary-line:disabled{cursor:default}.review-summary-caret{font-size:var(--goal-heading-md)}.review-summary-rows{list-style:none;margin:0;padding:0;display:grid;gap:var(--goal-space-2)}.review-summary-rows button{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:var(--goal-space-4);width:100%;text-align:left;padding:var(--goal-space-3) var(--goal-space-4);background:var(--goal-surface);border-color:var(--goal-border)}.review-summary-number{font-family:var(--goal-font-heading);font-size:var(--goal-heading-2xl);line-height:var(--goal-leading-heading);font-variant-numeric:tabular-nums}.review-summary-badge{font-family:var(--goal-font-heading);font-size:var(--goal-heading-2xl);line-height:var(--goal-leading-heading);font-weight:var(--goal-weight-bold)}.badge-fail{color:var(--goal-error-text)}.badge-warning{color:var(--goal-text)}.review-summary-message{font-size:var(--goal-heading-xl);line-height:var(--goal-leading-snug);font-weight:var(--goal-weight-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-summary.is-stale{border-color:var(--goal-border-strong);background:var(--goal-surface-sunken);color:var(--goal-text-muted)}.review-summary.is-stale .review-summary-badge,.review-summary.is-stale .review-summary-number{color:var(--goal-text-muted)}