*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;overflow:hidden}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}em,i{font-style:normal}.stage{position:fixed;inset:0 0 84px;background:#000}.slide{position:absolute;inset:0;display:none}.slide.active{display:block}.slide.leaving{display:block;z-index:3;opacity:1}.slide.leaving.go{opacity:0;transition:opacity .14s linear}.slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.slide .vin{z-index:2;visibility:hidden}.slide .vin.on{visibility:visible}.top{position:fixed;left:0;right:0;top:0;z-index:10;padding:max(14px,env(safe-area-inset-top)) 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.top>*{pointer-events:auto}.progress{position:fixed;left:0;right:0;top:0;z-index:11;height:3px;display:flex;gap:3px;padding:0 2px}.progress i{flex:1;background:#ffffff2e;position:relative;overflow:hidden;border-radius:2px}.progress i:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--p, 0));transform-origin:left}.meta{margin-top:8px;display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffb8;font-variant-numeric:tabular-nums;letter-spacing:.01em}.meta b{color:#fff;font-weight:600}.meta .logo{width:22px;height:22px;border-radius:6px}.close{margin-top:2px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;border-radius:999px;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;font-weight:600;transition:background .15s}.close:hover{background:#ffffff42}.close svg{width:16px;height:16px}.bottom{position:fixed;left:0;right:0;bottom:0;z-index:10;height:84px;padding:0 18px max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;pointer-events:none}.bar{pointer-events:auto;width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px}.cap{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(16px,2.1vw,27px);font-weight:600;line-height:1.45;word-break:keep-all;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.7);padding:6px 0}.cap .txt{display:block}.cap .w{display:inline-block;margin-right:.3em;opacity:0;transform:translateY(.5em);animation:wIn .42s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d)}.cap .w:last-child{margin-right:0}@keyframes wIn{to{opacity:1;transform:none}}.listen{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 14px;border-radius:999px;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s,color .15s}.listen:hover{background:#ffffff42}.listen.on{background:var(--accent);color:#06201c}.listen[disabled]{opacity:.5;cursor:default}.listen svg{width:18px;height:18px}.listen .bars{display:none;align-items:flex-end;gap:2px;height:14px}.listen .bars i{width:3px;background:currentColor;border-radius:1px;animation:bar .9s ease-in-out infinite}.listen .bars i:nth-child(2){animation-delay:.15s}.listen .bars i:nth-child(3){animation-delay:.3s}@keyframes bar{0%,to{height:4px}50%{height:14px}}.listen.on .bars{display:inline-flex}.listen.on .ico{display:none}.listen.on.paused .bars i{animation-play-state:paused}.nav{position:fixed;top:50%;z-index:10;width:52px;height:72px;margin-top:-36px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#ffffffd9;opacity:0;transition:opacity .2s,background .15s}.nav:hover{background:#ffffff24}.nav.prev{left:6px}.nav.next{right:6px}.nav svg{width:28px;height:28px}body:not(.idle) .nav{opacity:1}@media(hover:none){.nav{opacity:.6}}.flash{position:fixed;left:50%;top:50%;z-index:12;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.flash svg{width:40px;height:40px;fill:#fff}.flash.show{animation:flash .7s ease-out}@keyframes flash{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.15)}}.paused-badge{position:fixed;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:#00000080;display:none;align-items:center;justify-content:center;pointer-events:none}.paused-badge svg{width:40px;height:40px;fill:#fff}body.paused .paused-badge{display:flex}body.idle{cursor:none}body.idle .top,body.idle .bottom{opacity:1}@media(max-width:600px){.meta .title,.listen .txt{display:none}.listen{padding:0 13px}.cap{font-size:15px}.stage{bottom:76px}.bottom{height:76px;padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.cap .w{animation-duration:.01s}}