:root{color-scheme:dark;--cyan:#27d8ff;--violet:#8b5cf6}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#02050a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.gp-overlay{position:fixed;inset:0;z-index:99999;background:#02050a;overflow:hidden;display:flex;align-items:center;justify-content:center}.gp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}.gp-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.03) 48%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.78) 100%);pointer-events:none}.gp-close{position:absolute;z-index:10;top:max(22px,calc(env(safe-area-inset-top) + 12px));right:18px;width:54px;height:54px;border-radius:50%;border:1px solid rgba(91,192,255,.55);background:rgba(4,12,24,.62);color:#fff;font-size:40px;line-height:1;display:grid;place-items:center;box-shadow:0 0 20px rgba(14,165,233,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gp-controls{position:absolute;z-index:8;left:0;right:0;bottom:0;padding:24px 24px max(28px,calc(env(safe-area-inset-bottom) + 18px));background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.44) 70%,transparent);}.gp-timeline-row{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;color:#fff;font-size:15px;text-shadow:0 1px 6px #000}.gp-range{width:100%;height:6px;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(to right,var(--cyan) 0%,var(--cyan) var(--progress,0%),rgba(255,255,255,.28) var(--progress,0%),rgba(255,255,255,.28) 100%);outline:none}.gp-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--cyan);box-shadow:0 0 16px rgba(39,216,255,.7)}.gp-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--cyan);box-shadow:0 0 16px rgba(39,216,255,.7)}.gp-buttons{margin-top:20px;display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;justify-items:center}.gp-play{width:84px;height:84px;border-radius:50%;border:2px solid var(--cyan);background:rgba(4,12,27,.72);color:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 0 22px rgba(39,216,255,.55),0 0 34px rgba(139,92,246,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gp-play span{margin-left:4px}.gp-play.is-playing span{margin-left:0;font-size:30px}.gp-skip{width:70px;height:58px;border:0;background:transparent;color:#fff;font-size:29px;display:flex;align-items:center;justify-content:center;gap:2px;text-shadow:0 0 10px rgba(39,216,255,.55)}.gp-skip span{font-size:18px}.gp-close,.gp-play,.gp-skip{cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:760px){.gp-bg{object-fit:contain}.gp-overlay:before{content:"";position:absolute;inset:0;background:#02050a;z-index:-1}.gp-controls{padding-left:max(24px,calc((100vw - 760px)/2));padding-right:max(24px,calc((100vw - 760px)/2))}}@media(max-height:640px){.gp-play{width:68px;height:68px}.gp-buttons{margin-top:12px}.gp-controls{padding-top:16px;padding-bottom:max(18px,env(safe-area-inset-bottom))}}