:root{--pp-bg: #08080c;--pp-stage: #0e0e15;--pp-chrome: #111118;--pp-chrome-2: #171720;--pp-line: rgba(255, 255, 255, .08);--pp-line-strong: rgba(255, 255, 255, .14);--pp-txt: #f4f3f7;--pp-txt-dim: #9b9aae;--pp-txt-faint: #5e5d72;--pp-coral: #ff5c49;--pp-coral-soft: #ff8a7a;--pp-teal: #37e0c8;--pp-amber: #ffc23d;--pp-ease: cubic-bezier(.22, .61, .36, 1);--pp-shadow: 0 18px 50px -12px rgba(0, 0, 0, .7);--pp-font-body: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--pp-font-display: "Bricolage Grotesque", var(--pp-font-body)}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--pp-bg);color:var(--pp-txt);font-family:var(--pp-font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}#root{height:100%;overflow-x:hidden}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.pp-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;box-sizing:border-box;text-align:center}.pp-brand{font-family:var(--pp-font-display);font-size:28px;font-weight:400;letter-spacing:.5px}.pp-brand b{font-weight:800;color:var(--pp-coral)}.pp-loadbar{width:180px;height:3px;border-radius:2px;background:var(--pp-line);overflow:hidden}.pp-loadbar i{display:block;width:40%;height:100%;border-radius:2px;background:var(--pp-coral);animation:pp-loadbar-slide 1.1s ease-in-out infinite}@keyframes pp-loadbar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.pp-note{margin:0;font-size:13px;color:var(--pp-txt-dim)}.pp-error-title{margin:0;font-size:16px;font-weight:600}.pp-error-detail{margin:0;max-width:420px;font-size:13px;color:var(--pp-txt-dim);word-break:break-all}.pp-retry{appearance:none;border:1px solid var(--pp-line);border-radius:999px;padding:10px 28px;background:var(--pp-coral);color:#fff;font-family:var(--pp-font-body);font-size:14px;font-weight:600;cursor:pointer}.pp-retry:hover{filter:brightness(1.08)}.pp-frame-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;height:100dvh;overflow:hidden}.pp-player{position:relative;width:100%;height:100vh;height:100dvh;max-width:520px;margin:0 auto;background:var(--pp-stage);overflow:hidden;box-shadow:0 0 0 1px var(--pp-line),0 40px 120px -40px #000;display:flex;flex-direction:column;font-family:var(--pp-font-body);color:var(--pp-txt)}.pp-stage{position:relative;flex:1;min-height:0;overflow:hidden}.pp-curtain{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background-color:var(--pp-bg);transition:transform .7s var(--pp-ease),opacity .7s var(--pp-ease),background-color .4s ease;will-change:transform}.pp-curtain-exit{transform:translateY(-100%)}.pp-curtain-brand{font-family:var(--pp-font-display);font-size:38px;font-weight:400;letter-spacing:.5px;color:var(--pp-txt);-webkit-user-select:none;user-select:none}.pp-curtain-ink{position:relative;display:inline-block;font-weight:800}.pp-curtain-ink-base{color:var(--pp-txt-faint);opacity:.45}.pp-curtain-ink-fill{position:absolute;inset:0;color:var(--pp-coral);transition:clip-path .6s var(--pp-ease);text-shadow:0 0 24px rgba(255,92,73,.35)}.pp-curtain-note{margin:0;font-size:12px;letter-spacing:.08em;color:var(--pp-txt-dim)}.pp-boot{height:100%}.pp-boot-enter{animation:pp-boot-rise .82s var(--pp-ease) both}@keyframes pp-boot-rise{0%{transform:translateY(14px) scale(.96);opacity:.4}to{transform:translateY(0) scale(1);opacity:1}}.pp-boot-enter .pp-header{animation:pp-chrome-rise .5s var(--pp-ease) .95s backwards}.pp-boot-enter .pp-dock{animation:pp-chrome-rise .5s var(--pp-ease) 1.1s backwards}@keyframes pp-chrome-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pp-rail:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--pp-coral),transparent);transform:translate(-100%);pointer-events:none}.pp-boot-enter .pp-rail:after{animation:pp-rail-sweep .9s var(--pp-ease) .85s both}@keyframes pp-rail-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.pp-curtain{transition:opacity .4s ease,background-color .4s ease}.pp-curtain-exit{transform:none;opacity:0}.pp-curtain-ink-fill{transition:none}.pp-boot-enter{animation:none}.pp-boot-enter .pp-rail:after{animation:none}.pp-boot-enter .pp-header,.pp-boot-enter .pp-dock{animation:none}}.pp-topbar{position:absolute;top:0;left:0;right:0;z-index:40;pointer-events:none}.pp-rail{height:3px;background:#08080c59;position:relative;overflow:hidden}.pp-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--pp-coral),var(--pp-coral-soft));box-shadow:0 0 12px var(--pp-coral);transform-origin:left center;transform:scaleX(0);will-change:transform}.pp-tick{position:absolute;top:0;height:100%;width:2px;background:var(--pp-teal);opacity:.9;box-shadow:0 0 4px #37e0c8cc}.pp-header{display:flex;align-items:center;gap:12px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(180deg,#08080ceb,#08080c00);pointer-events:none;transition:opacity .35s var(--pp-ease),transform .35s var(--pp-ease)}.pp-header.pp-hidden{opacity:0;transform:translateY(-14px);pointer-events:none}.pp-header:not(.pp-hidden) .pp-iconbtn{pointer-events:auto}.pp-iconbtn{width:38px;height:38px;flex:0 0 38px;border:none;border-radius:11px;cursor:pointer;background:#ffffff0f;color:var(--pp-txt);display:grid;place-items:center;transition:.18s var(--pp-ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pp-iconbtn:hover{background:#ffffff24;transform:translateY(-1px)}.pp-iconbtn svg{width:18px;height:18px}.pp-ep-meta{flex:1;min-width:0}.pp-ep-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-ep-sub{font-size:11px;color:var(--pp-txt-dim);display:flex;align-items:center;gap:6px;margin-top:2px}.pp-pct{font-family:var(--pp-font-display);font-weight:700;font-size:12px;color:var(--pp-coral-soft);background:#ff5c491f;padding:3px 8px;border-radius:8px;min-width:42px;text-align:center}.pp-dock{position:absolute;left:0;right:0;bottom:0;z-index:45;padding:10px 12px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#08080cf5 30%,#08080c00);transition:opacity .35s var(--pp-ease),transform .35s var(--pp-ease)}.pp-dock.pp-hidden{opacity:0;transform:translateY(20px);pointer-events:none}.pp-controls{display:flex;align-items:center;gap:6px}.pp-controls .pp-spacer{flex:1}.pp-ctrl{width:42px;height:42px;border:none;border-radius:12px;cursor:pointer;background:transparent;color:var(--pp-txt);display:grid;place-items:center;transition:.16s var(--pp-ease);position:relative}.pp-ctrl:hover{background:#ffffff1a}.pp-ctrl svg{width:20px;height:20px}.pp-ctrl.pp-off{color:var(--pp-txt-faint)}.pp-ctrl.pp-off:after{content:"";position:absolute;left:9px;right:9px;top:50%;height:2px;background:var(--pp-txt-faint);transform:rotate(-45deg)}.pp-play{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--pp-coral),var(--pp-coral-soft));color:#fff;box-shadow:0 8px 22px -6px #ff5c49b3;border:none;cursor:pointer;display:grid;place-items:center;transition:.16s var(--pp-ease)}.pp-play:hover{transform:translateY(-1px)}.pp-play svg{width:22px;height:22px}.pp-speed{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:12px;padding:3px;height:42px}.pp-speed button{border:none;background:none;color:var(--pp-txt-dim);font-family:var(--pp-font-display);font-weight:700;font-size:11.5px;padding:0 9px;height:100%;border-radius:9px;cursor:pointer;transition:.14s}.pp-speed button.pp-active{background:var(--pp-coral);color:#fff}.pp-scrim{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:.3s var(--pp-ease)}.pp-scrim.pp-open{opacity:1;pointer-events:auto}.pp-drawer{position:absolute;top:0;right:0;bottom:0;width:84%;max-width:340px;z-index:61;background:var(--pp-chrome);border-left:1px solid var(--pp-line);transform:translate(100%);transition:transform .34s var(--pp-ease);overflow-y:auto;box-shadow:var(--pp-shadow)}.pp-drawer.pp-open{transform:translate(0)}.pp-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px;padding-top:max(20px,env(safe-area-inset-top));border-bottom:1px solid var(--pp-line)}.pp-drawer-head h2{font-family:var(--pp-font-display);font-weight:700;font-size:17px;margin:0}.pp-sect{padding:18px}.pp-sect+.pp-sect{border-top:1px solid var(--pp-line)}.pp-sect h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-txt-faint);margin:0 0 14px;font-weight:600}.pp-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13.5px}.pp-row .pp-rl{color:var(--pp-txt);display:flex;align-items:center;gap:9px}.pp-row .pp-rl svg{width:16px;height:16px;color:var(--pp-txt-dim)}.pp-tg{width:42px;height:24px;border-radius:20px;background:#ffffff24;position:relative;cursor:pointer;transition:.2s;border:none;flex:0 0 42px}.pp-tg:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s var(--pp-ease)}.pp-tg.pp-on{background:var(--pp-coral)}.pp-tg.pp-on:after{left:20px}.pp-row input[type=range]{-webkit-appearance:none;appearance:none;width:130px;height:4px;border-radius:4px;background:#ffffff29}.pp-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--pp-coral);cursor:pointer}.pp-row input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:var(--pp-coral);cursor:pointer}.pp-seg{display:flex;background:#ffffff0f;border-radius:10px;padding:3px}.pp-seg button{flex:1;border:none;background:none;color:var(--pp-txt-dim);font-family:inherit;font-size:12px;font-weight:600;padding:7px 4px;border-radius:8px;cursor:pointer;transition:.14s;white-space:nowrap}.pp-seg button.pp-active{background:var(--pp-chrome-2);color:var(--pp-txt);box-shadow:0 1px 6px #0006}.pp-version{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1}.pp-version-v{color:var(--pp-txt-faint)}.pp-version-core{color:var(--pp-txt);font-weight:600}.pp-version-suffix{margin-left:1px;border-radius:5px;background:#ff5c4929;color:var(--pp-coral-soft);padding:2px 6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pp-toast{position:absolute;left:50%;bottom:108px;transform:translate(-50%,10px);z-index:55;background:#12121af0;border:1px solid var(--pp-line-strong);border-radius:30px;padding:9px 16px;font-size:12px;display:flex;align-items:center;gap:9px;opacity:0;transition:.3s var(--pp-ease);pointer-events:none;white-space:nowrap}.pp-toast.pp-show{opacity:1;transform:translate(-50%)}.pp-toast .pp-tdot{width:8px;height:8px;border-radius:50%;background:var(--pp-teal)}.pp-fps{position:absolute;top:56px;left:10px;z-index:50;font-family:var(--pp-font-display);font-weight:700;font-size:11.5px;letter-spacing:.02em;color:var(--pp-teal);background:#08080cb8;border:1px solid var(--pp-line-strong);border-radius:8px;padding:4px 9px;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}