html:has(.cine){background:#060708}html:has(.cine) body{background:#060708}.cine{--c-bg:#060708;--c-ink:#f3f4f1;--c-ink-2:#b9beb9;--c-ink-3:#80867f;--c-line:#ffffff17;--c-line-2:#ffffff29;--c-lime:#d2fb52;--c-mint:#3fbf93;--c-coral:#ff7a66;--c-amber:#f2b441;--c-sky:#86a8ff;background:var(--c-bg);min-height:100dvh;color:var(--c-ink);font-family:var(--font-plex-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.cine ::selection{background:var(--c-lime);color:#0a0b0c}.cine .serif{font-family:var(--font-cine-serif), Georgia, serif;letter-spacing:-.01em;font-weight:400}.cine .lime{color:var(--c-lime)}.cine-grain{pointer-events:none;z-index:60;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:.9s steps(5,end) infinite cine-grain;position:fixed;inset:-50%}@keyframes cine-grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,-2%)}to{transform:translate(0)}}.cine-vignette{pointer-events:none;z-index:59;background:radial-gradient(at 50% 45%,#0000 55%,#0009 100%);position:fixed;inset:0}.cine-btn{white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;height:3rem;padding:0 1.4rem;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .3s,background-color .2s;display:inline-flex}.cine-btn:focus-visible{outline:2px solid var(--c-lime);outline-offset:3px}.cine-btn-primary{background:var(--c-lime);color:#0b0c0a;box-shadow:0 0 #d2fb5280,0 10px 40px -10px #d2fb528c}.cine-btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 6px #d2fb5224,0 16px 50px -10px #d2fb52b3}.cine-btn-ghost{color:var(--c-ink);border:1px solid var(--c-line-2);background:#ffffff08}.cine-btn-ghost:hover{background:#ffffff14}.cine-scene-label{font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-3);align-items:center;gap:.6rem;font-size:12px;display:inline-flex}.cine-rec{background:#ff3b30;border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite cine-blink;box-shadow:0 0 12px #ff3b30}@keyframes cine-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.cine-grain,.cine-rec{animation:none}}