:root{--bg:#14110d;--bg-raised:#1b1712;--ink:#ede6d8;--ink-dim:#a69d8e;--rule:#2f2921;--rule-strong:#4a4136;--accent:#ff5b2e;--accent-press:#c63d17;--accent-ink:#14110d;--display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--title-size:clamp(2.3rem, min(6.4vw, 10vh), 8.5rem);--gutter:clamp(1rem, 4vw, 4rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:clamp(15px,.45vw + 12px,22px)}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:.875rem;line-height:1.5}body:before{content:"";z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:1680px;min-height:100dvh;padding:clamp(1rem, 2.5vw, 2.5rem) var(--gutter) 1.5rem;flex-direction:column;margin:0 auto;display:flex}.masthead{justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:.9rem;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:clamp(1.9rem,3vw,2.8rem);font-style:italic;font-weight:400;line-height:.9}.tagline{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin:.45rem 0 0;font-size:.7rem}.counter{color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:.8rem}.counter-num{color:var(--ink);font-weight:600}.counter-label{letter-spacing:.04em}.progress{background:var(--rule);height:1px;position:relative}.progress span{background:var(--accent);transform-origin:0;transition:transform .6s var(--ease-out);position:absolute;inset:0}.filters{padding:1.1rem 0 0}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--rule-strong);color:var(--ink-dim);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;align-items:baseline;gap:.55em;padding:.5em .75em;font-size:.7rem;transition:color .16s,border-color .16s,background-color .16s,transform .12s;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--ink-dim)}.chip:active{transform:translateY(1px)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip-count{opacity:.65;font-variant-numeric:tabular-nums;font-size:.85em}.stage-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(1rem,3vh,2.5rem) 0 clamp(.75rem,2vh,1.5rem);display:flex}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:clamp(1.25rem,4vh,3rem) clamp(.75rem,4vw,4rem);display:flex;position:relative}.crop{border-color:var(--rule-strong);border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.crop--tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.crop--tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.crop--bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.crop--br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.reel{width:100%;max-width:14em;min-height:calc(var(--title-size) * .98 * 2);font-size:var(--title-size);justify-content:center;align-items:center;display:flex}.stage--spinning .reel{-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.title,.placeholder{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;margin:0;font-size:1em;font-weight:400;line-height:.98}.placeholder{color:var(--ink-dim);font-size:.62em;font-style:italic;line-height:1.05}.title--tick{color:var(--ink-dim);animation:reel-in var(--tick-ms,80ms) linear both}.title--landed{animation:land .52s var(--ease-out) both}@keyframes reel-in{0%{opacity:.2;filter:blur(3px);transform:translateY(-.45em)}to{opacity:1;filter:none;transform:none}}@keyframes land{0%{opacity:.3;filter:blur(2px);transform:translateY(-.28em)}55%{opacity:1;filter:none;transform:translateY(.035em)}to{transform:none}}.meta{opacity:0;flex-direction:column;align-items:center;gap:.9rem;min-height:5rem;margin-top:clamp(1rem,2.5vh,2rem);transition:opacity .3s,transform .3s;display:flex;transform:translateY(6px)}.meta[data-visible=true]{opacity:1;transition-duration:.5s;transition-delay:.18s;transition-timing-function:var(--ease-out);transform:none}.tag{border:1px solid var(--rule-strong);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-radius:2px;padding:.3em .75em;font-size:.7rem}.hook{max-width:36em;font-family:var(--display);color:var(--ink-dim);text-wrap:balance;margin:0;font-size:clamp(1.2rem,1.9vw,2.1rem);font-style:italic;line-height:1.25}.controls{justify-content:center;align-items:stretch;gap:.75rem;margin-top:clamp(.75rem,2.5vh,1.75rem);display:flex}.btn-spin,.btn-ghost{letter-spacing:.2em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:3px;justify-content:center;align-items:center;gap:1rem;height:3.6rem;padding:0 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-spin{background:var(--accent);min-width:13rem;color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-press);border:0;transition:transform 90ms,box-shadow 90ms,filter .16s;transform:translateY(-2px)}.btn-spin:hover:not(:disabled){filter:brightness(1.06)}.btn-spin:active:not(:disabled){box-shadow:0 0 0 var(--accent-press);transform:translateY(2px)}.btn-spin:disabled{cursor:default;background:var(--rule);color:var(--ink-dim);box-shadow:0 4px #0d0b08}.stage-wrap:has(.stage--spinning) .btn-spin{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 var(--accent-press);transform:translateY(2px)}.btn-spin:focus-visible{outline-offset:6px}.kbd{font-family:var(--mono);letter-spacing:.1em;opacity:.6;border:1px solid;border-radius:2px;padding:.15em .5em;font-size:.62rem;font-weight:500}.btn-ghost{border:1px solid var(--rule-strong);background:var(--bg);color:var(--ink);box-shadow:0 4px 0 var(--rule);transition:border-color .16s,background-color .16s,transform 90ms,box-shadow 90ms;transform:translateY(-2px)}.btn-ghost:hover:not(:disabled){border-color:var(--ink-dim);background:var(--bg-raised)}.btn-ghost:active:not(:disabled){box-shadow:0 0 0 var(--rule);transform:translateY(2px)}.btn-ghost:disabled{cursor:default;color:var(--ink-dim);opacity:.45}.status{letter-spacing:.04em;min-height:1.5em;color:var(--ink-dim);text-align:center;margin:1.1rem 0 0;font-size:.72rem}.link{color:var(--ink);font-size:inherit;letter-spacing:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:.3em;cursor:pointer;background:0 0;border:0;padding:.2em 0;transition:text-decoration-color .16s}.link:hover{text-decoration-color:currentColor}.link--danger{color:var(--accent)}.history{border-top:1px solid var(--rule);letter-spacing:.04em;padding-top:.9rem;font-size:.72rem}.history-bar{color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.history-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:inline-flex}.confirm{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:inline-flex}.history-list{columns:3 18rem;column-gap:2.5rem;margin:1.1rem 0 .5rem;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--rule);break-inside:avoid;justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.history-title{color:var(--ink)}.history-cat{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-size:.9em}.history-empty{color:var(--ink-dim);margin:1rem 0 .5rem}@media (width<=640px){.tagline{display:none}.chips{gap:.35rem}.chip{padding:.5em .7em;font-size:.66rem}.reel{max-width:none;min-height:calc(var(--title-size) * .98 * 3)}.controls{width:100%}.btn-spin{flex:2;min-width:0}.btn-ghost{flex:1;padding:0 1rem}.history-list li{flex-direction:column;gap:.15rem}}@media (hover:none){.kbd{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}.title--landed{animation:.2s both fade!important}@keyframes fade{0%{opacity:0}to{opacity:1}}}