:root{--surface:#d5e3f2;--surface-raised:#f3f7fc;--surface-panel:#ffffff;--ink:#0c1a2e;--ink-muted:#3a4d66;--rule:#0c1a2e;--accent:#f2c14e;--accent-press:#e0ad2f;--accent-contrast:#0c1a2e;--spot:#1a6fa8;--focus:#1a6fa8;--empty:#7a8ba3;--halftone:color-mix(in srgb, #1a6fa8 22%, transparent);--wash-a:color-mix(in srgb, #f2c14e 28%, transparent);--wash-b:color-mix(in srgb, #1a6fa8 20%, transparent);--font-display:"Bangers","Impact","Arial Black",sans-serif;--font-body:"Source Sans 3","Segoe UI",sans-serif;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(2.25rem, 6vw, 3.5rem);--text-panel:clamp(1.05rem, 2.4vw, 1.35rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--control-min:2.75rem;--panel-border:3px;--shadow-panel:5px 5px 0 color-mix(in srgb, var(--rule) 22%, transparent);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--surface:#0b1422;--surface-raised:#152033;--surface-panel:#1c2a40;--ink:#eef3fa;--ink-muted:#9aadc4;--rule:#d7e3f2;--accent:#ffd45a;--accent-press:#ffe07a;--accent-contrast:#0b1422;--spot:#4db3e3;--focus:#4db3e3;--empty:#7f93ab;--halftone:color-mix(in srgb, #4db3e3 18%, transparent);--wash-a:color-mix(in srgb, #ffd45a 16%, transparent);--wash-b:color-mix(in srgb, #4db3e3 14%, transparent);--shadow-panel:5px 5px 0 color-mix(in srgb, #000 55%, transparent)}}@media (prefers-contrast:more){:root{--ink-muted:#243447;--empty:#2f4056;--panel-border:4px;--surface:#c9d8ea;--accent:#e8b020}@media (prefers-color-scheme:dark){:root{--ink-muted:#d5e2f0;--empty:#c5d4e6;--surface:#060b14;--accent:#ffe066}}}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-md);line-height:1.45;color:var(--ink);background-color:var(--surface);background-image:radial-gradient(circle at 1px 1px,var(--halftone) 1px,transparent 0);background-size:12px 12px}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 45% at 8% -8%,var(--wash-a),transparent 55%),radial-gradient(ellipse 55% 40% at 100% 5%,var(--wash-b),transparent 50%);z-index:0}.page{position:relative;z-index:1;width:min(68rem,calc(100% - 2rem));margin-inline:auto;padding-block:var(--space-5) var(--space-7)}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);transform:translateY(-160%);padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;z-index:10}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.brand{margin:0;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em;line-height:1;color:var(--ink);text-shadow:3px 3px 0 color-mix(in srgb,var(--spot) 45%,transparent)}.tagline{margin:var(--space-2) 0 0;max-width:22ch;font-size:var(--text-lg);font-weight:600;line-height:1.25;color:var(--ink-muted)}.segmented{display:inline-flex;padding:3px;border:2px solid var(--rule);border-radius:999px;background:var(--surface-raised);gap:2px}.segment{min-height:var(--control-min);min-width:3.25rem;padding-inline:var(--space-3);border:0;border-radius:999px;background:0 0;color:var(--ink-muted);font:inherit;font-weight:700;font-size:var(--text-sm);letter-spacing:.04em;cursor:pointer}.segment:hover{color:var(--ink)}.segment.is-selected{background:var(--spot);color:#fff}.segment:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.status{min-height:1.4em;margin:0 0 var(--space-4);color:var(--ink-muted);font-size:var(--text-sm)}.strip{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:720px){.strip{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}.panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-panel);border:var(--panel-border) solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);min-height:100%}.panel-header{display:flex;align-items:baseline;gap:var(--space-2);border-bottom:2px solid color-mix(in srgb,var(--rule) 35%,transparent);padding-bottom:var(--space-2)}.panel-index{font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--spot)}.panel-title{margin:0;font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.panel-result{margin:0;flex:1;font-size:var(--text-panel);font-weight:600;line-height:1.3;color:var(--ink);min-height:3.2em}.panel-result[data-empty=true]{color:var(--empty);font-weight:400}.panel-result.is-updating{animation:320ms panel-pop}@keyframes panel-pop{0%{opacity:.35;transform:translateY(.35rem)}100%{opacity:1;transform:translateY(0)}}.panel-actions{display:grid;gap:var(--space-2)}.field{display:block}select{width:100%;min-height:var(--control-min);padding:var(--space-2) var(--space-3);border:2px solid color-mix(in srgb,var(--rule) 55%,transparent);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:inherit;font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 50%,calc(100% - .75rem) 50%;background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat;padding-right:2.25rem}select:disabled{opacity:.55;cursor:not-allowed}select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:2px solid var(--rule);font:inherit;font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:transform 120ms,background-color 120ms,color 120ms}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn:not(:disabled):active{transform:translateY(1px)}.btn-secondary{background:var(--spot);border-color:color-mix(in srgb,var(--spot) 55%,var(--rule));color:#fff;box-shadow:2px 2px 0 color-mix(in srgb,var(--rule) 20%,transparent)}.btn-secondary:not(:disabled):hover{background:color-mix(in srgb,var(--spot) 82%,#000);color:#fff}.btn-primary{min-width:min(100%,18rem);padding-inline:var(--space-6);background:var(--accent);border-color:var(--rule);color:var(--accent-contrast);font-size:var(--text-md);box-shadow:3px 3px 0 color-mix(in srgb,var(--rule) 25%,transparent)}.btn-primary:not(:disabled):hover{background:var(--accent-press)}.primary-actions{display:flex;justify-content:center;margin-block:var(--space-5)}.idea-readout{padding:var(--space-5);background:var(--surface-raised);border:var(--panel-border) solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.prompt-readout{margin-top:var(--space-4)}.prompt-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.prompt-header .idea-heading{margin:0}.btn-copy{min-width:6.5rem;padding-inline:var(--space-4)}.prompt-text{margin:0;font-size:var(--text-md);font-weight:500;line-height:1.5;white-space:pre-wrap}.prompt-text[data-empty=true]{color:var(--empty);font-weight:400}.idea-heading{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:clamp(1.5rem, 3vw, 2rem);letter-spacing:.03em;font-weight:400}.idea-text{margin:0;font-size:clamp(1.1rem, 2.2vw, 1.35rem);font-weight:600;line-height:1.4}.idea-text .joiner{display:inline;font-weight:400;color:var(--ink-muted)}.site-footer{margin-top:var(--space-6);color:var(--ink-muted);font-size:var(--text-xs);text-align:center}.site-footer p{margin:0}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}.brand-link,.footer-nav a,.prose a{color:var(--spot);font-weight:600;text-decoration-thickness:1.5px;text-underline-offset:0.15em}.brand-link{color:inherit;text-decoration:none}.ad-slot{margin-block:var(--space-4);min-height:90px;padding:var(--space-2);border:1px dashed color-mix(in srgb,var(--rule) 25%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-raised) 80%,transparent)}.ad-slot[hidden]{display:none}.ad-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--empty);margin-bottom:var(--space-1)}.adsense-unit,.adsterra-unit{margin-top:-20px;min-height:60px;width:100%;display:flex;justify-content:center;align-items:center}.prose{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-raised);border:var(--panel-border) solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.prose h2{margin:var(--space-5) 0 var(--space-3);font-family:var(--font-display);font-size:clamp(1.35rem, 2.5vw, 1.75rem);font-weight:400;letter-spacing:.03em}.prose h2:first-child{margin-top:0}.prose li,.prose p{color:var(--ink);font-size:var(--text-md);line-height:1.55}.prose details{margin-block:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--rule) 20%,transparent);padding-bottom:var(--space-3)}.prose summary{cursor:pointer;font-weight:700;min-height:var(--control-min);display:flex;align-items:center}.prose summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.prose blockquote{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--spot);background:color-mix(in srgb,var(--spot) 8%,var(--surface-raised))}.prose pre{overflow-x:auto;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:2px solid color-mix(in srgb,var(--rule) 30%,transparent);font-size:var(--text-sm)}.prose code{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.92em}.example-list{list-style:none;padding:0;margin:var(--space-4) 0}.example-list li{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb,var(--rule) 18%,transparent)}.example-list a{font-size:var(--text-lg)}.strip-recipe{margin:var(--space-4) 0;padding:var(--space-4);background:var(--surface-panel);border:var(--panel-border) solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.strip-recipe li{margin-block:var(--space-2)}.prose .btn{text-decoration:none;margin-top:var(--space-2)}.consent-banner{position:fixed;inset-inline:var(--space-3);bottom:var(--space-3);z-index:20;max-width:36rem;margin-inline:auto;left:0;right:0}.consent-inner{padding:var(--space-4);background:var(--surface-panel);border:var(--panel-border) solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.consent-title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.consent-inner p{margin:0 0 var(--space-3);color:var(--ink-muted);font-size:var(--text-sm)}.consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.consent-actions .btn{flex:1 1 8rem}.consent-more{margin-top:var(--space-3)!important}.doc-page .tagline{font-size:var(--text-xl);font-family:var(--font-display);letter-spacing:.03em;color:var(--ink);max-width:none}@media (prefers-reduced-motion:reduce){.panel-result.is-updating{animation:none}.consent-banner{transition:none}}