:root{--bg:linear-gradient(180deg, #fff7fb 0%, #fdf0f7 36%, #f8efff 68%, #f2f6ff 100%);--text:#fff;--muted:#ffffffc7;--white-glass:#ffffff29;--white-border:#ffffff38;--shadow:0 24px 80px #31152c38;--accent:#fff;--button-dark:#452541eb;--button-dark-2:#62395deb}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{overflow-x:hidden}.cinema-page{background:radial-gradient(circle at top left, #ffcfe3b3, transparent 26%), radial-gradient(circle at top right, #d9c9ff7a, transparent 24%), radial-gradient(circle at bottom center, #c7e7ff5c, transparent 28%), var(--bg);min-height:100vh;padding:24px}.cinema-topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:fixed;top:18px;left:24px;right:24px}.topbar-left,.topbar-right{pointer-events:auto;align-items:center;gap:12px;display:flex}.brand-pill{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);color:#5d5060;letter-spacing:.16em;text-transform:uppercase;background:#ffffffc7;border:1px solid #ffffff42;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:700}.music-button{text-align:left;background:linear-gradient(135deg, var(--button-dark), var(--button-dark-2));color:#fff;cursor:pointer;border:0;border-radius:24px;gap:4px;min-width:180px;padding:14px 18px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 18px 38px #431f3442}.music-button:hover{transform:translateY(-2px);box-shadow:0 24px 46px #431f344d}.music-button span{opacity:.82;font-size:12px}.music-button strong{font-size:15px;line-height:1.2}.autoplay-note{z-index:45;text-align:center;color:#5b4d59;-webkit-backdrop-filter:blur(18px);width:min(92vw,560px);box-shadow:var(--shadow);background:#ffffff8f;border:1px solid #ffffff59;border-radius:18px;padding:12px 16px;position:fixed;top:92px;left:50%;transform:translate(-50%)}.cinema-stage{width:min(1380px,100vw - 48px);min-height:calc(100vh - 48px);box-shadow:var(--shadow);border-radius:40px;margin:0 auto;position:relative;overflow:hidden}.cinema-image-layer{position:absolute;inset:0}.cinema-image{object-fit:contain;object-position:center}@media (min-width:768px){.cinema-image{object-fit:cover}}.cinema-overlay{background:linear-gradient(#120a1214 0%,#120a121f 20%,#120a1252 56%,#120a12bd 100%),linear-gradient(90deg,#120a1280 0%,#120a1238 44%,#120a121f 100%);position:absolute;inset:0}.cinema-shell{z-index:2;align-items:flex-end;min-height:calc(100vh - 48px);padding:40px;display:flex;position:relative}.cinema-content{color:#fff;max-width:980px}.cinema-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:600}.cinema-kicker span{opacity:.55}.cinema-content h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(3.1rem,7vw,6rem);line-height:.94}.cinema-text{color:#fffffffa;white-space:pre-line;max-width:860px;margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.65}.opening-text{max-width:920px;font-size:clamp(1.05rem,1.5vw,1.45rem);line-height:1.9}.typing-caret{margin-left:2px;font-weight:400;animation:.9s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.cinema-controls{z-index:3;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:24px;right:24px}.nav-button{border:1px solid var(--white-border);background:var(--white-glass);color:#fff;-webkit-backdrop-filter:blur(16px);cursor:pointer;border-radius:999px;padding:12px 16px;font-size:14px;transition:transform .2s,background .2s}.nav-button:hover{background:#ffffff38;transform:translateY(-1px)}.nav-button--primary{background:#ffffff3d}.progress-wrap{z-index:3;gap:8px;padding-right:280px;display:flex;position:absolute;bottom:28px;left:24px;right:24px}.progress-dot{background:#ffffff38;border-radius:999px;flex:1;height:4px;overflow:hidden}.progress-dot.is-active{background:#ffffffe0}.end-cap{text-align:center;color:#6a5b69;padding:22px 8px 8px}.end-cap p{margin:0 0 6px}.end-cap span{font-size:.95rem}@media (max-width:900px){.cinema-page{padding:14px}.cinema-topbar{flex-direction:column;align-items:stretch;top:14px;left:14px;right:14px}.topbar-left,.topbar-right,.music-button,.brand-pill{width:100%}.autoplay-note{width:calc(100vw - 28px);top:126px}.cinema-stage{border-radius:28px;width:calc(100vw - 28px);min-height:calc(100vh - 28px)}.cinema-shell{min-height:calc(100vh - 28px);padding:24px 20px 110px}.cinema-content h1{font-size:clamp(2.4rem,12vw,3.8rem)}.cinema-text{font-size:1.08rem;line-height:1.75}.opening-text{font-size:.98rem;line-height:1.8}.cinema-controls{justify-content:space-between;bottom:18px;left:20px;right:20px}.nav-button{flex:1;justify-content:center}.progress-wrap{padding-right:0;bottom:72px;left:20px;right:20px}}