:root{--paper:#fbf8f1;--paper-2:#faf7ef;--paper-warm:#f6efdd;--paper-glow:#d1fae58c;--ink:#0a1410;--slate:#5a6781;--dsd-green:#0e7c5a;--dsd-green-deep:#065f46;--dsd-green-light:#10b981}:root[data-theme=dark]{--paper:#070b14;--paper-2:#0a0f1c;--paper-warm:#0d1424;--paper-glow:#10b9811f;--ink:#f1ece1;--slate:#a7b2c9;--dsd-green:#34d399;--dsd-green-deep:#7ff0c0;--dsd-green-light:#a7ffd8}:root[data-theme=dark],:root[data-theme=dark] body{background:var(--paper)}.cinema-root{background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.cinema-sky,.cinema-gl{pointer-events:none;position:fixed;inset:0}.cinema-sky{z-index:1;display:none}.cinema-gl{z-index:2;width:100vw;height:100vh;display:block}.cinema-vignette{z-index:3;pointer-events:none;background:radial-gradient(120% 100% at 82% 4%,var(--paper-glow)0%,#d1fae524 30%,#d1fae500 58%),radial-gradient(110% 110% at 10% 98%,var(--paper-warm)0%,#f6efdd00 52%);position:fixed;inset:0}.cinema-scroll{z-index:3;position:relative}.cinema-beat{height:calc(var(--vh,1vh)*100);pointer-events:none}.cinema-rail{z-index:4;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;left:16px;transform:translateY(-50%)}.cinema-tick{background:color-mix(in srgb,var(--ink)22%,transparent);width:9px;height:2px;transition:background .3s,width .3s}.cinema-tick.on{background:var(--dsd-green);width:15px}.cinema-panel{z-index:6;pointer-events:none;opacity:0;padding:calc(var(--dsd-nav-h,100px) + clamp(12px,3vh,44px))6vw clamp(48px,10vh,140px);text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:opacity .25s linear;display:flex;position:fixed;inset:0}.cinema-panel.live .cinema-cta{pointer-events:auto}.cinema-copy{max-width:860px}.cinema-kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--dsd-green-deep);text-shadow:0 1px 12px var(--paper),0 0 8px var(--paper);margin-bottom:16px;font-size:clamp(11px,1.1vw,14px);font-weight:700}.cinema-head{font-family:var(--font-playfair),Georgia,"Times New Roman",serif;color:var(--ink);letter-spacing:-.01em;text-shadow:0 2px 26px var(--paper),0 0 16px var(--paper);font-size:clamp(24px,3.2vw,46px);line-height:1.16}.cinema-sub{max-width:660px;color:var(--ink);text-shadow:0 2px 22px var(--paper),0 0 14px var(--paper);margin:16px auto 0;font-size:clamp(14px,1.5vw,19px);font-weight:500;line-height:1.5}.cinema-panel.copy-low{justify-content:flex-end;padding-bottom:clamp(56px,15vh,150px)}.cinema-switch{z-index:20;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(66px + env(safe-area-inset-bottom,0px));cursor:pointer;transform-origin:100% 100%;-webkit-backdrop-filter:blur(9px)saturate(1.8);backdrop-filter:blur(9px)saturate(1.8);background:linear-gradient(160deg,#ffffffe6,#ffffff94 46%,#ecfdf5ad);border:1px solid #ffffff42;border-radius:999px;width:124px;height:44px;padding:0;transition:background .45s,border-color .45s,box-shadow .45s;position:fixed;transform:scale(.82);box-shadow:inset 0 1px #ffffffe6,0 10px 28px #0a141033}.cinema-switch:focus-visible{outline:2px solid var(--dsd-green-deep);outline-offset:4px}.cinema-switch-word{letter-spacing:.06em;color:#12503c;pointer-events:none;justify-content:center;align-items:center;font-size:13.5px;font-weight:700;transition:transform .5s cubic-bezier(.2,.8,.3,1),color .45s;display:flex;position:absolute;inset:0;transform:translate(23px)}.cinema-switch-knob{pointer-events:none;background:radial-gradient(circle at 32% 27%,#fffffff5,#ffffff94 42%,#e4e9f570 70%,#ffffff52);border:1px solid #ffffffc7;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-top:-23px;transition:transform .5s cubic-bezier(.2,.8,.3,1),background .45s,box-shadow .45s;display:flex;position:absolute;top:50%;left:-1px;transform:translate(0);box-shadow:inset 0 2px 4px #ffffffeb,0 8px 18px #0a141038}.cinema-switch-ico{color:#0e7c5a;font-size:17px;line-height:1}:root[data-theme=dark] .cinema-switch{background:linear-gradient(160deg,#485066cc,#0e121ef2 55%,#1e2538d6);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff38,0 10px 30px #0000008c}:root[data-theme=dark] .cinema-switch-word{color:#dfe6f7;transform:translate(-23px)}:root[data-theme=dark] .cinema-switch-knob{background:radial-gradient(circle at 34% 26%,#ffffff94,#d4e0ff4d 45%,#788ebe3d 72%,#ffffff26);border-color:#ffffff5c;transform:translate(78px);box-shadow:inset 0 2px 5px #ffffff61,0 8px 20px #00000080}:root[data-theme=dark] .cinema-switch-ico{color:#eaf0ff;text-shadow:0 0 10px #c8dcffbf}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cinema-switch{background:#fdfbf6}:root[data-theme=dark] .cinema-switch{background:#141a28}}.tx-open .cinema-switch{display:none!important}@media (max-width:768px){.cinema-switch{right:auto;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));transform-origin:0 100%}.cinema-rail{display:none}}@media (prefers-reduced-motion:reduce){.cinema-panel,.cinema-switch,.cinema-switch-word,.cinema-switch-knob{transition:none}}.cinema-dials{z-index:40;width:min(320px,100vw - 24px);font:12px/1.4 var(--font-geist-sans),system-ui,sans-serif;color:#f1ece1;position:fixed;top:88px;right:12px}.cinema-dials-tab{color:inherit;cursor:pointer;background:#0a101ceb;border:1px solid #ffffff38;border-radius:999px;margin-left:auto;padding:6px 12px;display:block}.cinema-dials-body{background:#080d17f2;border:1px solid #ffffff29;border-radius:14px;max-height:min(70vh,620px);margin-top:8px;padding:12px 14px 14px;overflow-y:auto;box-shadow:0 18px 48px #00000080}.cinema-dials-group{margin-bottom:12px}.cinema-dials-legend{letter-spacing:.22em;text-transform:uppercase;color:#f1ece18c;margin:0 0 6px;font-size:10px}.cinema-dials-row{grid-template-columns:1fr 110px 40px;align-items:center;gap:8px;margin-bottom:5px;display:grid}.cinema-dials-name{color:#f1ece1d6}.cinema-dials-row input{width:100%}.cinema-dials-row output{text-align:right;font-variant-numeric:tabular-nums}.cinema-dials-actions{gap:8px;margin-top:4px;display:flex}.cinema-dials-actions button{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;flex:1;padding:7px 10px}
