:root{color-scheme:light;--color-bg: #f4f6f8;--color-bg-elevated: #ffffff;--color-bg-inset: #e9edf1;--color-border: #d8dee4;--color-border-strong: #b9c2cb;--color-text: #12181f;--color-text-muted: #55626d;--color-text-faint: #8894a0;--color-wire: #1868c7;--color-wire-bg: rgba(24, 104, 199, .08);--color-alarm: #c8283b;--color-alarm-bg: rgba(200, 40, 59, .08);--color-alarm-glow: rgba(200, 40, 59, .35);--color-signal: #157a4a;--color-signal-bg: rgba(21, 122, 74, .08);--color-signal-glow: rgba(21, 122, 74, .35);--color-accent: var(--color-wire);--color-accent-bg: var(--color-wire-bg);--color-accent-glow: rgba(24, 104, 199, .35);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--leading-tight: 1.2;--leading-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(18, 24, 31, .06);--shadow-md: 0 4px 16px rgba(18, 24, 31, .08);--transition-fast: .12s ease;--transition-base: .2s ease}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0a0e14;--color-bg-elevated: #121822;--color-bg-inset: #060809;--color-border: #232b38;--color-border-strong: #333e4d;--color-text: #e7edf3;--color-text-muted: #97a3ae;--color-text-faint: #626f7b;--color-wire: #5eb0ff;--color-wire-bg: rgba(94, 176, 255, .12);--color-alarm: #ff4757;--color-alarm-bg: rgba(255, 71, 87, .14);--color-alarm-glow: rgba(255, 71, 87, .55);--color-signal: #2ee88a;--color-signal-bg: rgba(46, 232, 138, .14);--color-signal-glow: rgba(46, 232, 138, .55);--color-accent: var(--color-wire);--color-accent-bg: var(--color-wire-bg);--color-accent-glow: rgba(94, 176, 255, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a0e14;--color-bg-elevated: #121822;--color-bg-inset: #060809;--color-border: #232b38;--color-border-strong: #333e4d;--color-text: #e7edf3;--color-text-muted: #97a3ae;--color-text-faint: #626f7b;--color-wire: #5eb0ff;--color-wire-bg: rgba(94, 176, 255, .12);--color-alarm: #ff4757;--color-alarm-bg: rgba(255, 71, 87, .14);--color-alarm-glow: rgba(255, 71, 87, .55);--color-signal: #2ee88a;--color-signal-bg: rgba(46, 232, 138, .14);--color-signal-glow: rgba(46, 232, 138, .55);--color-accent: var(--color-wire);--color-accent-bg: var(--color-wire-bg);--color-accent-glow: rgba(94, 176, 255, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to bottom,rgba(127,143,158,.05) 0px,rgba(127,143,158,.05) 1px,transparent 1px,transparent 3px);opacity:.5}#root{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);font-weight:600;margin:0 0 var(--space-3);letter-spacing:-.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}code,pre,.mono{font-family:var(--font-mono)}a{color:var(--color-wire)}:focus-visible{outline:2px solid var(--color-wire);outline-offset:2px;border-radius:var(--radius-sm)}.safety-banner{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-left:3px solid var(--color-wire);background:var(--color-bg-inset);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--color-border)}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px 1px currentColor}.status-pill--safe{color:var(--color-signal);background:var(--color-signal-bg);border-color:var(--color-signal)}.status-pill--danger{color:var(--color-alarm);background:var(--color-alarm-bg);border-color:var(--color-alarm)}.status-pill--danger:before{animation:pill-pulse 1.8s ease-in-out infinite}@keyframes pill-pulse{0%,to{box-shadow:0 0 6px 1px currentColor}50%{box-shadow:0 0 14px 4px currentColor}}@media(prefers-reduced-motion:reduce){.status-pill--danger:before{animation:none}}.app{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);transition:color var(--transition-base)}.app--vulnerable{--color-accent: var(--color-alarm);--color-accent-bg: var(--color-alarm-bg);--color-accent-glow: var(--color-alarm-glow)}.app--defended{--color-accent: var(--color-signal);--color-accent-bg: var(--color-signal-bg);--color-accent-glow: var(--color-signal-glow)}.app__header{margin-bottom:var(--space-6)}.app__title-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.app__title-row h1{margin:0}.app__tagline{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-faint);letter-spacing:.02em}.app__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-6)}.app__grid-main{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:900px){.app__grid-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.app__loading,.app__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-5)}.app__error{color:var(--color-alarm)}.panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);min-width:0}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.panel__head h2{margin:0}.mode-toggle{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:3px;gap:2px;background:var(--color-bg-inset)}.mode-toggle__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.mode-toggle__option:hover{color:var(--color-text)}.mode-toggle__option--vulnerable.is-active{background:var(--color-alarm);color:#fff;box-shadow:0 0 0 1px var(--color-alarm)}.mode-toggle__option--defended.is-active{background:var(--color-signal);color:#fff;box-shadow:0 0 0 1px var(--color-signal)}.model-registry{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:640px){.model-registry{grid-template-columns:1fr 1fr}}.model-card{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-inset)}.model-card--strong{border-left:3px solid var(--color-signal)}.model-card--weak{border-left:3px solid var(--color-alarm)}.model-card__glyph{flex:none;display:flex;align-items:flex-start;padding-top:2px}.model-card--strong .model-card__glyph{color:var(--color-signal)}.model-card--weak .model-card__glyph{color:var(--color-alarm)}.model-card__body{min-width:0}.model-card__row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.model-card__label{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.model-card__tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;padding:1px var(--space-2);border-radius:var(--radius-sm)}.model-card__tag--strong{color:var(--color-signal);background:var(--color-signal-bg)}.model-card__tag--weak{color:var(--color-alarm);background:var(--color-alarm-bg)}.model-card__note{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.key-indicator{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px dashed var(--color-border);padding-top:var(--space-3)}.key-indicator__dot{flex:none;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 6px 1px var(--color-accent-glow)}.key-indicator strong{color:var(--color-text)}.block-inspector{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-bg),var(--shadow-md)}.block-inspector__subtitle{font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.04em;text-transform:uppercase}.block-inspector__placeholder{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.block-inspector__placeholder strong{color:var(--color-text)}.envelope{display:grid;grid-template-columns:1fr;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-5)}.envelope-row{display:grid;grid-template-columns:96px 1fr;gap:var(--space-3);background:var(--color-bg-elevated);padding:var(--space-2) var(--space-3);align-items:baseline}.envelope-row--wide .envelope-row__value{overflow-x:auto;white-space:pre;scrollbar-width:thin}.envelope-row__label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:lowercase;letter-spacing:.03em}.envelope-row__info{cursor:help;color:var(--color-wire);border-bottom:1px dotted currentColor}.envelope-row__info--flagged{color:var(--color-alarm)}.envelope-row__value{font-size:var(--text-sm);color:var(--color-text);word-break:break-all}.envelope-row__value--danger{color:var(--color-alarm);font-weight:600}.context-diff{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.context-diff__head,.context-diff__row{display:grid;grid-template-columns:84px 1fr 1fr;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);align-items:baseline}.context-diff__head{padding-top:0}.context-diff__col-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em}.context-diff__field{font-size:var(--text-xs);color:var(--color-text-faint)}.context-diff__value{font-size:var(--text-sm);color:var(--color-text);overflow-wrap:anywhere}.context-diff__row--differs{background:var(--color-alarm-bg)}.context-diff__row--differs .context-diff__value{color:var(--color-alarm);font-weight:600}.context-diff__note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tabs__tab:hover{color:var(--color-text);background:var(--color-bg-inset)}.tabs__tab.is-active{color:var(--color-accent);background:var(--color-accent-bg);font-weight:600}.attack-console__blurb{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.replay-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);color:#fff;transition:filter var(--transition-fast),transform var(--transition-fast)}.replay-button:hover:not(:disabled){filter:brightness(1.08)}.replay-button:active:not(:disabled){transform:translateY(1px)}.replay-button:disabled{opacity:.6;cursor:default}.replay-button--danger{background:var(--color-alarm);box-shadow:0 0 0 4px var(--color-alarm-bg)}.replay-button--safe{background:var(--color-signal);box-shadow:0 0 0 4px var(--color-signal-bg)}.verdict-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);background:var(--color-bg-elevated);animation:verdict-land .26s ease}@keyframes verdict-land{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.verdict-card{animation:none}}.verdict-card--leaked{border-color:var(--color-alarm);box-shadow:0 0 0 1px var(--color-alarm-bg),var(--shadow-md)}.verdict-card--blocked{border-color:var(--color-signal);box-shadow:0 0 0 1px var(--color-signal-bg),var(--shadow-md)}.verdict-card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.verdict-card__mode{font-size:var(--text-xs);color:var(--color-text-faint)}.verdict-card__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2)}.verdict-card__transcript{background:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);white-space:pre-wrap;overflow-x:auto;color:var(--color-text);margin:0 0 var(--space-4)}.verdict-card__label--simulated{color:var(--color-wire)}.verdict-card__transcript--simulated{border-style:dashed;border-color:var(--color-wire)}.verdict-payload{background:var(--color-alarm-bg);color:var(--color-alarm);font-weight:700;border-radius:3px;padding:0 3px}.verdict-card__note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.verdict-card__reason{font-size:var(--text-sm);color:var(--color-signal);margin:0 0 var(--space-3)}.verdict-card__lookfor{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.verdict-card__lookfor .verdict-card__label{display:inline;margin:0}.verdict-card__defense-note{font-size:var(--text-sm);color:var(--color-signal);background:var(--color-signal-bg);border-left:3px solid var(--color-signal);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3)}.defense-explainer{border-color:var(--color-signal);box-shadow:0 0 0 1px var(--color-signal-bg);padding:var(--space-4) var(--space-5)}.defense-explainer__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:var(--space-2);border:none;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--color-signal);padding:0}.defense-explainer__toggle-icon{flex:none;display:inline-block;width:1em;color:var(--color-signal)}.defense-explainer__body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-border)}.defense-explainer__steps{list-style:none;counter-reset:defense-step;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.defense-explainer__step{counter-increment:defense-step;padding-left:var(--space-6);position:relative}.defense-explainer__step:before{content:counter(defense-step);position:absolute;left:0;top:2px;width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-signal-bg);color:var(--color-signal);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.defense-explainer__step-title{font-size:var(--text-base);margin:0 0 var(--space-1);color:var(--color-text)}.defense-explainer__step p{margin:0;font-size:var(--text-sm)}.defense-explainer__contrast{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-inset);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0}.attack-explainer{border-color:var(--color-alarm);box-shadow:0 0 0 1px var(--color-alarm-bg);padding:var(--space-4) var(--space-5)}.attack-explainer__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:var(--space-2);border:none;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--color-alarm);padding:0}.attack-explainer__toggle-icon{flex:none;display:inline-block;width:1em;color:var(--color-alarm)}.attack-explainer__body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-border)}.attack-explainer__precondition{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-inset);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.attack-explainer__steps{list-style:none;counter-reset:attack-step;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.attack-explainer__step{counter-increment:attack-step;padding-left:var(--space-6);position:relative}.attack-explainer__step:before{content:counter(attack-step);position:absolute;left:0;top:2px;width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-alarm-bg);color:var(--color-alarm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.attack-explainer__step-title{font-size:var(--text-base);margin:0 0 var(--space-1);color:var(--color-text)}.attack-explainer__step p{margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}.attack-explainer__contrast{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-inset);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0}.attack-explainer__contrast strong{color:var(--color-alarm)}.app-footer{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);text-align:center}.app-footer__line{font-size:var(--text-xs);color:var(--color-text-faint);margin:0 0 var(--space-2)}.app-footer__citation{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.app-footer__authors{color:var(--color-text-faint)}.app-footer__link{color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:2px}.app-footer__link:hover{color:var(--color-wire)}.distillation-panel__subtitle{font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.04em;text-transform:uppercase}.distillation-panel__blurb{font-size:var(--text-sm);margin-bottom:var(--space-4)}.distill-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.distill-controls .replay-button{width:auto;flex:1 1 220px}.distill-button-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-text);background:var(--color-bg-inset);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);flex:1 1 160px;transition:background var(--transition-fast),color var(--transition-fast)}.distill-button-secondary:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.distill-button-secondary:disabled{opacity:.6;cursor:default}.distill-tally{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-bg-inset);color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-5)}.distill-tally strong{color:var(--color-text)}.distill-corpus-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-6)}@media(min-width:640px){.distill-corpus-grid{grid-template-columns:1fr 1fr}}.distill-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg-inset);min-width:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.distill-card--extracted{border-color:var(--color-alarm);box-shadow:0 0 0 1px var(--color-alarm-bg)}.distill-card--blocked{border-color:var(--color-signal);box-shadow:0 0 0 1px var(--color-signal-bg)}.distill-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.distill-card__id{font-size:var(--text-xs);color:var(--color-text-faint)}.distill-card__tokens{font-size:var(--text-xs);color:var(--color-text-faint);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px var(--space-2)}.distill-card__problem{font-size:var(--text-sm);color:var(--color-text);margin:0 0 var(--space-3)}.distill-card__status{font-size:var(--text-xs);color:var(--color-text-faint);margin:0}.distill-card__reveal{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.distill-card__reasoning{width:100%;max-width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-xs);white-space:pre-wrap;overflow-x:auto;color:var(--color-text);margin:0}.distill-card__answer{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.distill-card__reason{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.distill-student{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.distill-student h3{margin-bottom:var(--space-3)}.distill-student__locked{font-size:var(--text-sm);color:var(--color-text-faint)}.distill-student__reveal{margin-top:var(--space-4)}.distill-student__problem{font-size:var(--text-sm);color:var(--color-text);margin:0 0 var(--space-4)}.distill-student__attempts{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:640px){.distill-student__attempts{grid-template-columns:1fr 1fr}}.distill-student__attempt{border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;min-width:0}.distill-student__attempt--wrong{background:var(--color-alarm-bg);border:1px solid var(--color-alarm)}.distill-student__attempt--right{background:var(--color-signal-bg);border:1px solid var(--color-signal)}.distill-student__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin:0}.distill-student__text{font-size:var(--text-sm);color:var(--color-text);margin:0}.distill-student__explanation{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.distill-student__caption{font-size:var(--text-xs);color:var(--color-text-faint);border-top:1px dashed var(--color-border);padding-top:var(--space-3);margin:0}.auth-control{position:relative;display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.auth-control__status{font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;color:var(--color-signal)}.auth-control__login-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-wire);background:var(--color-wire-bg);color:var(--color-wire);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;transition:filter var(--transition-fast)}.auth-control__login-button:hover{filter:brightness(1.1)}.logout-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.logout-button:hover{color:var(--color-text);border-color:var(--color-text-muted)}.login-popover{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:10;width:min(340px,calc(100vw - 2 * var(--space-5)));max-width:calc(100vw - 2 * var(--space-5));background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2)}.login-popover__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-text-faint);font-size:var(--text-lg);line-height:1;cursor:pointer;position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1)}.login-popover__close:hover{color:var(--color-text)}.login-card{width:100%;display:flex;flex-direction:column;border:none;box-shadow:none;padding-top:var(--space-6)}.login-card__blurb{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5)}.login-card__label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.login-card__input{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-inset);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-card__input:focus-visible{outline:none;border-color:var(--color-wire);box-shadow:0 0 0 3px var(--color-wire-bg)}.login-card__input:disabled{opacity:.6}.login-card__error{font-size:var(--text-sm);color:var(--color-alarm);background:var(--color-alarm-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4)}.login-card__hint{font-size:var(--text-xs);color:var(--color-text-faint);margin:0 0 var(--space-4)}.login-card__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--color-wire);box-shadow:0 0 0 4px var(--color-wire-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);transition:filter var(--transition-fast),transform var(--transition-fast)}.login-card__submit:hover:not(:disabled){filter:brightness(1.08)}.login-card__submit:active:not(:disabled){transform:translateY(1px)}.login-card__submit:disabled{opacity:.6;cursor:default}