:root{color-scheme:dark;--st-cream:#f5e8d9;--st-muted:#c9bdce;--st-gold:#e7c88e;--st-border:rgba(236,204,165,.23);--st-panel:rgba(24,28,48,.86)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.scroll-page{margin:0;min-height:100vh;background:#101626;color:var(--st-cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}a{color:inherit}.scroll-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% -6%,#4a375d88,transparent 49%),radial-gradient(ellipse at 85% 20%,#25445b67,transparent 47%),linear-gradient(#14182b,#0d1524)}.scroll-sky:after{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:67px 71px;mask-image:linear-gradient(#000,transparent 87%)}.scroll-shell{width:min(1100px,calc(100% - 28px));margin:auto;padding:24px 0 115px}.scroll-header{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:20px}.scroll-back{font-size:.88rem;color:var(--st-gold);text-decoration:none}.scroll-heading{grid-column:1/-1;grid-row:2;text-align:center}.scroll-eyebrow{letter-spacing:.23em;font-size:.69rem;font-weight:700;color:#ead0a1}.scroll-heading h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;font-weight:500;margin:8px 0}.scroll-heading em{color:#f2d6a3;font-weight:400}.scroll-heading p{color:var(--st-muted);margin:5px 0 0;font-size:.92rem}.scroll-connection{grid-column:2;grid-row:1;border:1px solid var(--st-border);border-radius:999px;padding:7px 11px;font-size:.78rem;color:#d8c3b9;background:#161d32}.scroll-connection[data-connected="yes"]{color:#c1edc7;border-color:#6c9b8e77}.scroll-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.85fr);align-items:start;gap:22px}.scroll-viewer,.scroll-panel{border:1px solid var(--st-border);border-radius:23px;background:var(--st-panel);box-shadow:0 18px 45px #050a1880}.scroll-viewer{padding:15px 15px 20px}.scroll-control-card{border:1px solid #af8d8870;background:linear-gradient(110deg,#302641aa,#233a4baa);border-radius:17px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.scroll-control-card>div:first-child{display:grid;gap:2px}.scroll-control-card small{font-size:.64rem;letter-spacing:.14em;color:#d0af8a;font-weight:700}.scroll-control-card strong{font-size:1rem}.scroll-muted{color:#c4b8c8;font-size:.76rem}.scroll-handoff button,.scroll-request-card button{border:1px solid #cba37f;background:#eac999;color:#272237;border-radius:10px;padding:10px 11px;font-weight:700;font-size:.83rem;white-space:nowrap}.scroll-request-card{padding:10px 12px;margin-top:9px;border:1px solid #c9ab8277;background:#43374a77;border-radius:12px;display:flex;gap:9px;align-items:center;justify-content:space-between;font-size:.82rem}.scroll-request-card[hidden]{display:none}.scroll-request-card>div{display:flex;gap:6px}.scroll-request-card button.scroll-secondary{background:#252d43;color:#f9e6db;border-color:#968198}.scroll-stage{position:relative;display:flex;align-items:stretch;justify-content:center;gap:7px;margin:15px auto 10px;max-width:500px}.scroll-phone{min-width:0;width:min(100%,350px);padding:7px;background:#070f20;border:2px solid #766b81;border-radius:30px;box-shadow:0 15px 40px #0009,0 0 28px #be9c8d19}.scroll-phone-top,.scroll-phone-foot{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;color:#eadcb7;font-size:.68rem;letter-spacing:.1em;font-weight:700}.scroll-phone-foot{justify-content:space-around;font-size:.95rem;padding:5px 15px}.scroll-stars{font-size:.62rem;color:#d9b68a}.scroll-screen{height:min(62vh,560px);min-height:400px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 44%,#423650,#111827 65%);border-radius:20px}.scroll-player,.scroll-player>div:first-child,.scroll-player iframe{width:100%;height:100%;border:0}.scroll-player iframe{display:block;background:#0b101a}.scroll-placeholder{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:32px 28px;text-align:center;color:#f3e6dc}.scroll-placeholder-icon{font-size:4rem;color:#e1c597;text-shadow:0 0 38px #e7c8b7}.scroll-placeholder h2{font-family:Georgia,serif;font-size:1.5rem;margin:0}.scroll-placeholder p{color:#d0bed0;font-size:.87rem;margin:0}.scroll-platform{position:absolute;bottom:10px;left:10px;z-index:1;background:#111625dd;border:1px solid #a98c8d80;border-radius:9px;padding:5px 9px;font-size:.7rem;color:#ffecc7;pointer-events:none}.scroll-swipe-rail{width:38px;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;touch-action:none;user-select:none;background:linear-gradient(#2c2c49,#1b273d);border:1px solid #91809a5c;color:#f3d4a3}.scroll-swipe-rail span:first-child{writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.21em}.scroll-swipe-rail span:not(:first-child){font-size:1.4rem}.scroll-swipe-rail[data-guest]{opacity:.45}.scroll-play-tools{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;margin-top:10px}.scroll-play-tools button,.scroll-panel button[type=submit],#scrollFavorite{background:#3e344e;border:1px solid #a994a4;color:#fff4e2;border-radius:12px;padding:11px 8px;font-size:.84rem;font-weight:700}.scroll-play-tools #scrollPlay{background:#e3c18b;border-color:#e3c18b;color:#27223a}.scroll-now{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.scroll-now>div{display:grid;gap:2px;min-width:0}.scroll-now strong{font-size:.93rem;overflow-wrap:anywhere}.scroll-now span{font-size:.76rem;color:var(--st-muted)}.scroll-now a{font-size:.76rem;color:#f3d69f;white-space:nowrap}.scroll-help{color:#c5b8c5;font-size:.75rem;border-top:1px solid #d1b58c2d;padding-top:9px;margin-top:10px}.scroll-reactions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.scroll-reactions>span{font-size:.77rem;color:var(--st-muted)}.scroll-reactions>div{display:flex;gap:6px}.scroll-reactions button{padding:7px;border-radius:11px;background:#40374d;border:1px solid #a28b9855;font-size:1.15rem}.scroll-reaction-feed{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px;font-size:.73rem;color:#fff4df}.scroll-reaction-feed span{padding:4px 9px;background:#49516b66;border-radius:999px}.scroll-side{display:grid;gap:14px}.scroll-panel{padding:17px}.scroll-panel-title{display:flex;align-items:center;gap:9px;margin-bottom:9px}.scroll-panel-title>span{color:#efd6a6;font-size:1.25rem}.scroll-panel h2{font-family:Georgia,serif;font-weight:400;margin:0;font-size:1.35rem}.scroll-panel p{color:var(--st-muted);font-size:.82rem;margin:9px 0 15px}.scroll-panel-title small{margin-left:auto;color:#bfb2c1;font-size:.74rem}.scroll-panel form{display:grid;gap:7px}.scroll-panel form label{font-size:.71rem;font-weight:700;letter-spacing:.12em;color:#e4c89e;margin-top:6px}.scroll-panel form label small{letter-spacing:0;font-weight:400;color:#cbbcc9}.scroll-panel input{width:100%;min-width:0;padding:12px;border-radius:11px;border:1px solid #93859d;background:#121a2d;color:#fff6e8;outline-offset:3px}.scroll-panel button[type=submit]{background:#e8c791;border-color:#e8c791;color:#272136;margin-top:7px}.scroll-panel .scroll-small{margin:9px 0 0;font-size:.74rem}.scroll-queue{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:7px;max-height:340px;overflow-y:auto}.scroll-queue li{min-width:0}.scroll-queue-item{border:1px solid #9888a84d;border-radius:13px;background:#1b253977;display:flex;gap:7px;align-items:center;padding:7px}.scroll-queue-item[aria-current=true]{border-color:#f0d1a6;background:#3c35498c}.scroll-queue-open{flex:1;min-width:0;text-align:left;border:0;color:inherit;background:none;padding:3px;font-size:.8rem}.scroll-queue-open strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-queue-open small{display:block;color:var(--st-muted);margin-top:2px}.scroll-queue-delete{border:0;background:transparent;color:#f1c4b1;font-size:1.1rem;min-width:34px;min-height:36px}.scroll-empty{padding:13px;color:#c7bbcb;font-size:.81rem}.scroll-favorite-list{color:#cdbfc8;font-size:.8rem;display:grid;gap:6px}.scroll-favorite-list button{border:0;border-bottom:1px solid #b4a0ae44;background:none;color:#f1dcb8;text-align:left;padding:7px 0}.scroll-favorites #scrollFavorite{width:100%;margin-top:12px}.scroll-call-link{display:block;padding:12px;text-align:center;border-radius:12px;border:1px solid #bca17f;background:#46344f;color:#fbe9c4;text-decoration:none;font-weight:700;font-size:.88rem}.scroll-status{padding:12px;text-align:center;color:#cbb8c7;font-size:.82rem;min-height:22px}.scroll-page :is(button,input,a):focus-visible{outline:3px solid #ffdf9f;outline-offset:2px}
@media(max-width:790px){.scroll-shell{width:min(600px,calc(100% - 18px));padding-top:15px}.scroll-main{display:block}.scroll-viewer{padding:10px}.scroll-side{margin-top:14px}.scroll-screen{height:min(57dvh,530px);min-height:360px}.scroll-phone{max-width:360px}.scroll-header{margin-bottom:13px}.scroll-heading h1{font-size:2.2rem}.scroll-panel{padding:15px}}@media(max-width:380px){.scroll-screen{min-height:350px;height:54dvh}.scroll-play-tools{gap:5px}.scroll-play-tools button{font-size:.74rem;padding:11px 3px}.scroll-control-card{padding:9px}.scroll-handoff button{font-size:.71rem;padding:9px 7px}.scroll-reactions{flex-wrap:wrap}}

/* V122: full-frame swipe mode that can be toggled off to tap native player controls. */
.scroll-swipe-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 10px;font-size:.74rem;color:#d2c4cb}
.scroll-swipe-toggle button{border:1px solid #d3ad80;border-radius:11px;padding:8px 10px;background:#303e56;color:#ffe8c1;font-size:.79rem;font-weight:750;white-space:nowrap}
.scroll-swipe-toggle button[aria-pressed=true]{background:#edcc94;color:#20243a}
.scroll-swipe-overlay[hidden]{display:none!important}
.scroll-swipe-overlay{position:absolute;inset:0;z-index:3;touch-action:none;user-select:none;cursor:ns-resize;background:linear-gradient(180deg,rgba(11,16,32,.31),transparent 25%,transparent 68%,rgba(11,16,32,.34));display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:45px 12px 38px;color:#fff0cf}
.scroll-swipe-overlay-hint{font-weight:750;font-size:.77rem;letter-spacing:.16em;background:#121b34c9;border:1px solid #f4dfba55;padding:8px 12px;border-radius:999px}
.scroll-swipe-overlay-mid{font-size:.87rem;font-weight:700;text-shadow:0 2px 9px #000;background:#121b34ab;padding:8px 12px;border-radius:12px}
.scroll-add-feedback{margin:3px 0 0!important;min-height:16px;color:#d9e9ca!important;font-size:.79rem!important;line-height:1.35}
.scroll-add-feedback[data-error=yes]{color:#ffc9b7!important}
.scroll-add-feedback:empty{display:none}
@media(max-width:380px){.scroll-swipe-toggle{font-size:.69rem}.scroll-swipe-toggle button{padding:8px}}