*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:1320px;margin:0 auto;padding:var(--ga-space-8, 32px) var(--ga-space-6, 24px) var(--ga-space-12, 48px)}header h1{margin:0;font-family:var(--ga-font-display, monospace);font-size:var(--ga-fs-3xl, 44px);letter-spacing:var(--ga-tracking-tight, -.02em)}.tagline{color:var(--ga-muted, #878787);max-width:68ch}header ga-note{display:block;margin:var(--ga-space-4, 16px) 0 var(--ga-space-8, 32px);max-width:68ch}.scenario{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--ga-space-6, 24px);align-items:start}.inputs,.results{display:flex;flex-direction:column;gap:var(--ga-space-2, 8px);min-width:0}.action{display:flex;flex-direction:column;align-items:center;gap:var(--ga-space-2, 8px);align-self:center;text-align:center}@media (max-width: 900px){.scenario{grid-template-columns:minmax(0,1fr)}.action{flex-direction:row;justify-content:flex-start;align-self:stretch;text-align:left}}.scenario-sep{border:0;border-top:1px solid var(--ga-border, #1a1a1a);margin:var(--ga-space-8, 32px) 0 var(--ga-space-6, 24px)}label{font-size:var(--ga-fs-sm, 14px);font-weight:500;color:var(--ga-fg, #ededed);margin-top:var(--ga-space-3, 12px)}.inputs>label:first-of-type,.results>label:first-of-type{margin-top:0}.code-input{width:100%;resize:vertical;font-family:var(--ga-font-mono, ui-monospace, monospace);font-size:var(--ga-fs-sm, 14px);line-height:1.5;color:var(--ga-fg, #ededed);background:var(--ga-bg-elev, #1a1a1a);border:1px solid var(--ga-border-strong, #2a2a2a);border-radius:var(--ga-radius, 6px);padding:10px 12px;transition:border-color var(--ga-transition, .18s ease),box-shadow var(--ga-transition, .18s ease)}.num-input{max-width:10rem;resize:none}.code-input::placeholder{color:var(--ga-dim, #454545)}.code-input:hover{border-color:var(--ga-muted, #878787)}.code-input:focus{outline:none;border-color:var(--ga-accent, #54a2ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--ga-accent, #54a2ff) 25%,transparent)}.status{font-size:var(--ga-fs-sm, 14px);color:var(--ga-muted, #878787)}#boot{margin:0 0 var(--ga-space-6, 24px)}.status.ok{color:var(--ga-green, #00c758)}.status.error{color:var(--ga-red, #ff6568)}.panel-hint{margin:0 0 var(--ga-space-4, 16px);max-width:90ch;font-size:var(--ga-fs-sm, 14px);color:var(--ga-muted, #878787)}ga-code::part(block){align-items:flex-start}ga-code::part(text){max-height:60vh;overflow:auto}footer{margin-top:var(--ga-space-12, 48px);padding-top:var(--ga-space-5, 20px);border-top:1px solid var(--ga-border, #1a1a1a);color:var(--ga-muted, #878787);font-size:var(--ga-fs-sm, 14px)}a{color:var(--ga-accent, #54a2ff)}.code-editor,.code-view{position:relative;min-width:0}.code-editor .cm-editor,.code-view .cm-editor{max-height:22em}.code-view .cm-editor{max-height:26em}.code-copy{position:absolute;top:6px;right:6px;padding:2px 8px;font:inherit;font-size:var(--ga-fs-xs, 12px);color:var(--ga-muted, #878787);background:var(--ga-bg-elev, #1a1a1a);border:1px solid var(--ga-border-strong, #2a2a2a);border-radius:var(--ga-radius, 6px);cursor:pointer;opacity:0;transition:opacity var(--ga-transition, .18s ease),color var(--ga-transition, .18s ease)}.code-view:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--ga-fg, #ededed)}:root,:host{color-scheme:dark;--ga-bg: #000000;--ga-bg-elev: #1a1a1a;--ga-bg-elev-hover: #1f1f1f;--ga-fg: #ededed;--ga-muted: #878787;--ga-dim: #454545;--ga-border: #1a1a1a;--ga-border-subtle: #111111;--ga-border-strong: #2a2a2a;--ga-accent: #54a2ff;--ga-accent-contrast: #000000;--ga-blue: #54a2ff;--ga-green: #00c758;--ga-amber: #fcbb00;--ga-purple: #ac4bff;--ga-red: #ff6568;--ga-success: var(--ga-green);--ga-warning: var(--ga-amber);--ga-danger: var(--ga-red);--ga-info: var(--ga-blue);--ga-font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ga-font-mono: "Geist Mono", "Fira Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ga-font-display: "Fira Mono", "Geist Mono", ui-monospace, monospace;--ga-fs-xs: 12px;--ga-fs-sm: 14px;--ga-fs-base: 17px;--ga-fs-lg: 20px;--ga-fs-xl: 24px;--ga-fs-2xl: clamp(28px, 5vw, 40px);--ga-fs-3xl: clamp(34px, 6vw, 52px);--ga-lh-base: 1.65;--ga-lh-tight: 1.2;--ga-tracking-tight: -.02em;--ga-space-1: 4px;--ga-space-2: 8px;--ga-space-3: 12px;--ga-space-4: 16px;--ga-space-5: 20px;--ga-space-6: 24px;--ga-space-8: 32px;--ga-space-10: 40px;--ga-space-12: 48px;--ga-radius: 6px;--ga-radius-lg: 8px;--ga-radius-full: 9999px;--ga-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ga-shadow: 0 8px 24px rgba(0, 0, 0, .4);--ga-shadow-lg: -16px 0 40px rgba(0, 0, 0, .4);--ga-transition: .18s cubic-bezier(.4, 0, .2, 1);--ga-transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--ga-ring: 0 0 0 2px var(--ga-bg), 0 0 0 4px var(--ga-accent);--ga-max-width: 880px}:root[data-theme=light],:host([data-theme="light"]){color-scheme:light;--ga-bg: #ffffff;--ga-bg-elev: #f7f7f7;--ga-bg-elev-hover: #efefef;--ga-fg: #1a1a1a;--ga-muted: #666666;--ga-dim: #999999;--ga-border: #e5e5e5;--ga-border-subtle: #f0f0f0;--ga-border-strong: #d4d4d4;--ga-accent: #0068d6;--ga-accent-contrast: #ffffff;--ga-blue: #0068d6;--ga-green: #008a3c;--ga-amber: #b87900;--ga-purple: #7b2fd6;--ga-red: #d93438;--ga-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--ga-shadow: 0 8px 24px rgba(0, 0, 0, .12);--ga-shadow-lg: -16px 0 40px rgba(0, 0, 0, .12)}.ga-theme,body.ga-theme{background:var(--ga-bg);color:var(--ga-fg);font-family:var(--ga-font-sans);font-size:var(--ga-fs-base);line-height:var(--ga-lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}