:root{--bg-primary: #05070a;--bg-secondary: #0d0f14;--bg-tertiary: #14161d;--bg-card: rgba(255, 255, 255, .04);--bg-hover: rgba(255, 255, 255, .08);--text-primary: #eef1f6;--text-secondary: #9a9eb8;--text-muted: #5a5e72;--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .35);--accent-secondary: #a29bfe;--primary: #dc2626;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--border: rgba(255, 255, 255, .06);--glass: rgba(5, 7, 10, .72);--glass-border: rgba(238, 241, 246, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embed-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:var(--bg-primary)}.player-wrapper{flex:1;position:relative;width:100%;min-height:0;background:#000}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(108,92,231,.06) 0%,var(--bg-primary) 70%);z-index:50;gap:20px}.loading-spinner{width:52px;height:52px;border-radius:50%;border:3px solid rgba(108,92,231,.12);border-top-color:var(--accent);animation:spin .8s linear infinite;box-shadow:0 0 24px #6c5ce726}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:.5px;animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.loading-meta{font-size:12px;color:var(--text-muted);max-width:300px;text-align:center;line-height:1.5}.loading-logo{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.error-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(108,92,231,.04) 0%,var(--bg-primary) 70%);z-index:50;gap:16px;padding:24px}.error-icon{width:60px;height:60px;border-radius:50%;background:#6c5ce714;border:1px solid rgba(108,92,231,.15);display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.error-title{font-size:17px;font-weight:600;color:var(--text-primary)}.error-message{font-size:13px;color:var(--text-secondary);text-align:center;max-width:320px;line-height:1.5}.error-retry{margin-top:8px;padding:10px 28px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);box-shadow:0 2px 12px var(--accent-glow)}.error-retry:hover{transform:translateY(-2px);box-shadow:0 6px 28px var(--accent-glow)}.switching-overlay{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.server-status-bar{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.server-status-pill{font-size:11px;color:var(--text-muted);padding:2px 8px;border-radius:3px;background:var(--bg-card);border:1px solid var(--border);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.cp-root{width:100%;height:100%;position:relative;background:#000;overflow:hidden;cursor:default;user-select:none;-webkit-user-select:none}.cp-root:fullscreen{width:100vw;height:100vh}.cp-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-primary)}.cp-loading-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.cp-video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.cp-watermark{position:absolute;top:14px;right:16px;z-index:40;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .3s}.cp-root:hover .cp-watermark{opacity:.5}.cp-skip-intro{position:absolute;bottom:90px;right:20px;z-index:45;display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;animation:slideInRight .4s ease-out}.cp-skip-intro:hover{background:#6c5ce780;border-color:var(--accent);transform:scale(1.03)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.cp-autonext{position:absolute;bottom:90px;right:20px;z-index:45;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .25s ease;animation:slideInRight .4s ease-out}.cp-autonext:hover{background:#6c5ce759;border-color:var(--accent);transform:scale(1.02)}.cp-autonext-play{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cp-autonext-info{display:flex;flex-direction:column;gap:2px}.cp-autonext-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cp-autonext-title{font-size:13px;font-weight:600;color:#fff;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-autonext-cancel{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:4px;transition:color .2s;flex-shrink:0}.cp-autonext-cancel:hover{color:#fff}@media (max-width: 640px){.cp-skip-intro{bottom:70px;right:12px;font-size:12px;padding:8px 14px}.cp-autonext{bottom:70px;right:12px;padding:8px 10px;gap:8px}.cp-autonext-title{max-width:120px;font-size:12px}.cp-autonext-play{width:28px;height:28px}}.cp-poster-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cp-poster-img{width:100%;height:100%;object-fit:cover;object-position:center}.cp-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0003 40%,#0000001a)}.cp-ad-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;align-items:center;justify-content:center;animation:cpAdFadeIn .3s ease}@keyframes cpAdFadeIn{0%{opacity:0}to{opacity:1}}.cp-ad-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.4);animation:cpAdZoom 15s ease-in-out infinite alternate}@keyframes cpAdZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.cp-ad-iframe{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:none;z-index:1;pointer-events:none}.cp-ad-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0009,#0000001a 25%,#0000001a 75%,#000000b3);pointer-events:none;z-index:2}.cp-ad-center{position:relative;z-index:2;text-align:center;padding:32px 48px;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;animation:cpAdPulse 3s ease-in-out infinite}@keyframes cpAdPulse{0%,to{box-shadow:0 0 30px #e5091426}50%{box-shadow:0 0 50px #e509144d}}.cp-ad-logo{font-size:32px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(135deg,#fff,#e50914);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-ad-tagline{font-size:13px;color:#ffffff80;margin:0;letter-spacing:.5px}@media (max-width: 640px){.cp-ad-center{padding:20px 28px}.cp-ad-logo{font-size:24px}.cp-ad-tagline{font-size:11px}}.cp-ad-badge{position:absolute;top:16px;left:16px;z-index:3;display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:6px}.cp-ad-badge-text{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#fbbf24;text-transform:uppercase}.cp-ad-timer{font-size:13px;font-weight:600;color:#fffc;font-variant-numeric:tabular-nums}.cp-ad-sound{position:absolute;top:16px;right:16px;z-index:3;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.cp-ad-sound:hover{background:#ffffff26;border-color:#ffffff4d}.cp-ad-contact{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:3;padding:6px 16px;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px}.cp-ad-contact-text{font-size:12px;color:#ffffffb3}.cp-ad-contact-link{color:#60a5fa;text-decoration:none;font-weight:600;transition:color .2s}.cp-ad-contact-link:hover{color:#93bbfc;text-decoration:underline}.cp-ad-skip{position:absolute;bottom:28px;right:16px;z-index:3;display:flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;animation:cpSkipSlideIn .3s ease}@keyframes cpSkipSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cp-ad-skip:hover{background:#ffffff38;border-color:#fff6}.cp-ad-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:3;background:#ffffff26}.cp-ad-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width 1s linear;border-radius:0 2px 2px 0}@media (max-width: 640px){.cp-ad-badge{top:10px;left:10px;padding:4px 10px}.cp-ad-contact{top:10px;padding:4px 10px}.cp-ad-contact-text{font-size:10px}.cp-ad-skip{bottom:16px;right:10px;padding:8px 14px;font-size:12px}}.cp-center-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}.cp-circular-spinner{width:52px;height:52px;animation:cp-spin-rotate 2s linear infinite}.cp-circular-spinner circle{fill:none;stroke:#ffffffd9;stroke-width:3;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:cp-spin-dash 1.5s ease-in-out infinite}@keyframes cp-spin-rotate{to{transform:rotate(360deg)}}@keyframes cp-spin-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}.cp-spinner{width:48px;height:48px;border-radius:50%;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);animation:spin .8s linear infinite}.cp-subtitle-overlay{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:25;pointer-events:none;text-align:center;max-width:80%}.cp-subtitle-text{display:inline-block;padding:4px 14px;border-radius:4px;background:transparent;color:#fff;font-size:clamp(14px,2.2vw,22px);font-weight:500;font-family:var(--font);line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:pre-line}.cp-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 16px;gap:20px;opacity:0;transition:opacity .4s ease-in-out;pointer-events:none;background:linear-gradient(to bottom,rgba(5,7,10,.7) 0%,transparent 100%)}.cp-header.visible{opacity:1;pointer-events:auto}.cp-header-left{display:flex;align-items:center;gap:12px}@media (min-width: 768px){.cp-header{height:80px;padding:0 40px;gap:32px}}.cp-controls{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:stretch;z-index:20;padding:24px 16px 12px;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:0;transition:opacity .4s ease-in-out;pointer-events:none}.cp-controls.visible{opacity:1;pointer-events:auto}@media (min-width: 768px){.cp-controls{padding:24px 32px 12px}}.cp-seek-row{display:flex;align-items:center;gap:12px}.cp-seek-wrapper{flex:1;display:flex;align-items:center}.cp-seek-bar{position:relative;width:100%;height:16px;display:flex;align-items:center;cursor:pointer;z-index:20}.cp-seek-track{position:relative;width:100%;height:3px;border-radius:999px;overflow:visible;transition:height .15s ease}.cp-seek-bar:hover .cp-seek-track{height:5px}.cp-seek-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#fff3;transition:background .15s ease}.cp-seek-bar:hover .cp-seek-track:before{background:#ffffff4d}.cp-seek-buffered{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:#ffffff26;transition:width .2s ease}.cp-seek-progress{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--primary);transition:none}.cp-seek-thumb{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 6px #00000080;opacity:0;transition:opacity .15s ease}.cp-seek-bar:hover .cp-seek-thumb{opacity:1}.cp-seek-tooltip{position:absolute;bottom:18px;transform:translate(-50%);background:#000000e6;color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding:4px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:2px}.cp-seek-preview-img{width:160px;height:90px;border-radius:5px;object-fit:cover;display:block}.cp-seek-preview-time{padding:2px 6px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.cp-time-display{flex-shrink:0;font-size:13px;font-weight:500;color:#fffc;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none}.cp-buttons-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;position:relative}@media (min-width: 768px){.cp-buttons-row{margin-top:10px}}.cp-buttons-left{display:flex;align-items:center;gap:4px}.cp-buttons-right{display:flex;align-items:center;gap:4px;margin-left:auto}.cp-center-title{display:none;flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 16px;text-shadow:0 1px 4px rgba(0,0,0,.6)}@media (min-width: 1024px){.cp-center-title{display:block}}.cp-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:50%;background:transparent;color:var(--text-primary);cursor:pointer;transition:transform .1s ease,background .15s ease;flex-shrink:0;outline:none}.cp-btn:hover{background:#ffffff26}.cp-btn:active{transform:scale(1.1);background:#fff3}.cp-btn-icon{display:flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:22px}.cp-btn-icon--lg{font-size:28px}@media (min-width: 768px){.cp-btn-icon{font-size:20px}.cp-btn-icon--lg{font-size:24px}}.cp-volume-group{display:none;align-items:center;gap:0}@media (min-width: 768px){.cp-volume-group{display:flex}}.cp-volume-slider-wrap{position:relative;display:flex;align-items:center;justify-content:flex-start;width:0;overflow:hidden;transition:width .3s ease,opacity .3s ease;opacity:0}.cp-volume-group:hover .cp-volume-slider-wrap{width:80px;opacity:1}.cp-volume-slider-container{position:relative;display:flex;align-items:center;width:80px;height:40px;padding:0 8px}.cp-volume-track{position:relative;width:100%;height:4px;border-radius:999px;background:#80808080}.cp-volume-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:flex-end}.cp-volume-thumb{position:absolute;right:0;transform:translate(50%);width:12px;height:12px;border-radius:50%;background:#fff;pointer-events:none}.cp-volume-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.cp-settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080;transition:opacity .3s ease;animation:cp-fade-in .3s ease}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}.cp-settings-panel{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:100%;max-width:420px;height:calc(100% - 80px);max-height:520px;display:flex;flex-direction:column;gap:10px;overflow:hidden;animation:cp-panel-slide .4s cubic-bezier(.16,1,.3,1)}@keyframes cp-panel-slide{0%{opacity:0;transform:translateY(-50%) translate(40px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 640px){.cp-settings-panel{right:0;top:auto;bottom:0;transform:none;max-width:100%;max-height:70%;border-radius:16px 16px 0 0;animation:cp-panel-slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes cp-panel-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}.cp-settings-header{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.cp-settings-tabs{display:flex;align-items:center;gap:2px;background:#0a0c12f2;border-radius:999px;padding:3px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-x:auto}.cp-settings-tabs::-webkit-scrollbar{display:none}.cp-settings-tab{display:flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;font-family:var(--font);color:#ffffff73;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;outline:none;min-height:32px}.cp-settings-tab:hover{color:#fff;background:#ffffff14}.cp-settings-tab.active{color:#fff;background:#ffffff1f;border-color:var(--glass-border)}.cp-settings-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--glass-border);color:#ffffff80;cursor:pointer;transition:all .2s ease;flex-shrink:0;outline:none}.cp-settings-close svg{width:16px;height:16px}.cp-settings-close:hover{color:#fff;background:#ffffff1f}.cp-settings-body{flex:1;overflow-y:auto;padding:12px;min-height:0;border-radius:16px;background:#0a0c12f2;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 20px 60px #000000b3}.cp-settings-body::-webkit-scrollbar{width:4px}.cp-settings-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.cp-settings-body::-webkit-scrollbar-track{background:transparent}.cp-settings-footer{flex-shrink:0;padding:8px 12px 12px;display:flex;flex-direction:column;gap:4px;border-radius:0 0 16px 16px;background:#0a0c12f2;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);margin-top:-1px}.cp-settings-tabs .cp-settings-close{width:28px;height:28px;min-width:28px;border-radius:50%;margin-left:2px;border:none}.cp-os-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-secondary, #6c5ce7);border-radius:50%;animation:cp-spin .7s linear infinite;margin:0 auto}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-settings-list{display:flex;flex-direction:column;gap:2px}.cp-settings-section-title{padding:10px 12px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff4d}.cp-settings-divider{height:1px;background:#ffffff0f;margin:6px 0}.cp-settings-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-radius:10px;background:transparent;color:#ffffffbf;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .12s ease,color .12s ease;text-align:left;outline:none;min-height:42px}.cp-settings-item:hover{background:#6c5ce71f;color:#fff}.cp-settings-item.active{background:#6c5ce71a;color:var(--accent-secondary)}.cp-settings-item.failed{color:#f87171b3}.cp-settings-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.cp-settings-check{width:16px;font-size:13px;font-weight:700;color:var(--accent-secondary);flex-shrink:0;text-align:center}.cp-settings-label{flex:1}.cp-settings-badge{font-size:10px;padding:2px 8px;border-radius:5px;background:#ffffff14;color:#ffffff80;font-weight:600;flex-shrink:0}.cp-badge-live{background:#6c5ce733;color:var(--accent-secondary)}.cp-badge-ok{background:#00cec926;color:#00cec9}.cp-badge-fail{background:#f8717126;color:var(--error)}.cp-settings-empty{padding:20px 14px;font-size:13px;color:#ffffff4d;text-align:center}.cp-server-dot{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.cp-dot.live{background:var(--success);box-shadow:0 0 6px var(--success);animation:cp-blink 2s ease-in-out infinite}.cp-dot.fail{background:var(--error)}.cp-dot.ready{background:var(--success)}.cp-dot.off{background:#fff3}@keyframes cp-blink{0%,to{opacity:1}50%{opacity:.3}}.home-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);padding:32px;text-align:center;gap:24px;position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:var(--accent-glow);filter:blur(120px);top:-100px;right:-100px;pointer-events:none}.home-page:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#a29bfe26;filter:blur(100px);bottom:-80px;left:-80px;pointer-events:none}.home-logo{font-size:42px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary),#fd79a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.home-subtitle{font-size:15px;color:var(--text-secondary);max-width:420px;line-height:1.6;position:relative;z-index:1}.home-urls{display:flex;flex-direction:column;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;text-align:left;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-urls h3{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.home-url-item{font-size:13px;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;padding:6px 10px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.home-url-item span{color:var(--accent-secondary)}.cp-scale{transition:transform .1s ease,background .15s ease}.cp-scale:active{transform:scale(1.1);background:#fff3}.cp-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;opacity:0;transition:opacity .4s ease}.cp-pause-overlay.show{opacity:1;pointer-events:auto}.cp-pause-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;pointer-events:none}.cp-pause-info{position:absolute;left:0;bottom:88px;z-index:8;padding:0 16px 12px;max-width:85%;pointer-events:none;display:flex;flex-direction:column;gap:2px}@media (min-width: 768px){.cp-pause-info{bottom:108px;padding:0 32px 12px;max-width:65%}}.cp-pause-title{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);margin:0 0 4px;line-height:1.2}@media (min-width: 768px){.cp-pause-title{font-size:26px}}.cp-pause-meta{font-size:12px;color:#d1d5dbe6;margin:2px 0;text-shadow:0 1px 4px rgba(0,0,0,.6)}@media (min-width: 768px){.cp-pause-meta{font-size:14px}}.cp-pause-ep-title{font-size:14px;font-weight:600;color:#fff;margin:2px 0;text-shadow:0 1px 4px rgba(0,0,0,.6)}@media (min-width: 768px){.cp-pause-ep-title{font-size:18px}}.cp-pause-desc{font-size:12px;color:#d1d5dbe6;margin:4px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:500px;text-shadow:0 1px 4px rgba(0,0,0,.6)}@media (min-width: 768px){.cp-pause-desc{font-size:14px}}.cp-pause-logo{max-width:280px;max-height:40px;height:auto;object-fit:contain;object-position:left;margin-bottom:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}@media (min-width: 768px){.cp-pause-logo{max-width:360px;max-height:80px}}.cp-quality-badge{margin-left:auto;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font);border:1px solid rgba(255,255,255,.12);color:#ffffffb3;letter-spacing:.3px}.cp-qb-fhd{border-color:#e5091466;color:#e50914;background:#e5091414}.cp-qb-hd{border-color:#ffa5004d;color:orange;background:#ffa5000f}.cp-qb-4k{border-color:#f5a62366;color:#f5a623;background:linear-gradient(135deg,#f5a6231f,#f7c94814);font-weight:700;letter-spacing:.5px}.cp-ep-card-wrap.focused .cp-ep-card-title{font-size:15px}.cp-pause-star{font-size:.85em;vertical-align:middle}.cp-sub-flag{font-size:10px;font-weight:700;flex-shrink:0;width:28px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;color:#ffffffb3;letter-spacing:.3px;text-transform:uppercase}.cp-sub-flag-emoji{font-size:18px;line-height:1}.cp-sub-action{border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;margin-top:4px;background:#ffffff08!important}.cp-sub-action:hover{background:#ffffff12!important;border-color:#ffffff1f!important}.cp-sub-action .cp-sub-flag{color:#ffffff80;display:flex;align-items:center;justify-content:center}.cp-sub-customize{display:flex;flex-direction:column;gap:8px}.cp-sub-back{display:flex;align-items:center;padding:10px 12px;background:none;border:none;color:#fff9;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:color .2s;outline:none}.cp-sub-back:hover{color:#fff}.cp-sub-ctrl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}.cp-sub-ctrl-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cp-sub-ctrl-icon{font-size:14px;color:#ffffff80;width:18px;text-align:center}.cp-sub-ctrl-label{font-size:13px;font-weight:600;color:#fff;flex:1}.cp-sub-ctrl-value{font-size:13px;font-weight:600;color:var(--accent-secondary, #6c5ce7)}.cp-sub-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:#ffffff1f;outline:none;cursor:pointer}.cp-sub-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-secondary, #6c5ce7);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 6px #0000004d}.cp-sub-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-secondary, #6c5ce7);border:2px solid #fff;cursor:pointer}.cp-sub-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cp-sub-color-btn{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;outline:none}.cp-sub-color-btn:hover{transform:scale(1.1)}.cp-sub-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent-secondary, #6c5ce7)}.cp-sub-reset{width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:#ffffffb3;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s;outline:none;margin-top:4px}.cp-sub-reset:hover{background:#ffffff14;color:#fff}.cp-server-card{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff08;color:#fffc;font-family:var(--font);cursor:pointer;transition:all .2s ease;text-align:left;outline:none;min-height:56px;margin-bottom:4px}.cp-server-card:hover{background:#6c5ce71a;border-color:#6c5ce733}.cp-server-card.active{background:#e5091414;border-color:#e509144d}.cp-server-card.failed{opacity:.4}.cp-server-card.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.cp-server-flag{flex-shrink:0;width:36px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;background:#ffffff0d}.cp-flag-img{width:24px;height:18px;object-fit:cover;border-radius:2px}.cp-server-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.cp-server-name{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.cp-server-card.active .cp-server-name{color:#e50914}.cp-server-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.4;background:linear-gradient(135deg,#f5a623,#f7c948,#e8a317);color:#1a1200;box-shadow:0 0 8px #f5a62359;text-transform:uppercase;flex-shrink:0}.cp-server-desc{font-size:11px;color:#fff6}.cp-server-live-icon{font-size:14px;color:#00cec9;margin-left:auto;flex-shrink:0}.cp-server-fail-icon{font-size:14px;color:var(--error);margin-left:auto;flex-shrink:0}.cp-ep-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.cp-ep-dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;pointer-events:none;transition:opacity .5s ease}.cp-ep-panel{position:absolute;top:50%;right:0;transform:translateY(-50%);width:100%;max-width:460px;height:calc(100% - 100px);max-height:800px;display:flex;flex-direction:column;z-index:110;animation:cp-panel-slide .5s cubic-bezier(.16,1,.3,1);overflow:visible}@media (min-width: 768px){.cp-ep-panel{right:16px;height:calc(100% - 120px)}}.cp-ep-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 12px 8px;flex-shrink:0;z-index:100;gap:8px}.cp-ep-header-left{display:flex;align-items:center;gap:8px;margin-right:auto}.cp-season-selector{position:relative}.cp-season-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .2s ease;height:32px;outline:none}.cp-season-btn:hover{background:#ffffff26}.cp-season-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:140px;background:#0a0c12f7;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 12px 40px #0009;overflow:hidden;z-index:200;padding:4px;animation:cp-pop .15s cubic-bezier(.34,1.56,.64,1)}@keyframes cp-pop{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.cp-season-drop-item{width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;text-align:left;transition:background .12s ease;outline:none}.cp-season-drop-item:hover{background:#6c5ce726;color:#fff}.cp-season-drop-item.active{color:var(--accent-secondary);background:#6c5ce71a}.cp-ep-search-wrap{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 12px;flex:1;max-width:160px}.cp-ep-search-icon{flex-shrink:0;opacity:.4}.cp-ep-search-input{border:none;background:none;outline:none;color:#fff;font-size:12px;font-family:var(--font);width:100%}.cp-ep-search-input::placeholder{color:#ffffff59}.cp-auto-next{display:flex;align-items:center;gap:6px;white-space:nowrap}.cp-auto-next-label{font-size:12px;color:#fff9;font-weight:500}.cp-auto-next-toggle{width:38px;height:22px;border-radius:999px;border:none;background:#ffffff26;cursor:pointer;position:relative;transition:background .25s ease;outline:none;padding:0}.cp-auto-next-toggle.on{background:var(--accent-secondary, #6c5ce7)}.cp-auto-next-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s ease;box-shadow:0 1px 3px #0000004d}.cp-auto-next-toggle.on .cp-auto-next-knob{transform:translate(16px)}.cp-ep-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 8px 60vh;position:relative;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(transparent 0%,black 12%,black 85%,transparent 100%);mask-image:linear-gradient(transparent 0%,black 12%,black 85%,transparent 100%)}.cp-ep-scroll::-webkit-scrollbar{display:none}.cp-ep-season-header{width:100%;max-width:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:60px 8px 24px;flex-shrink:0;z-index:100;pointer-events:none;text-align:center}.cp-ep-season-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.cp-ep-season-desc{font-size:12px;color:#d1d5dbcc;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.5);margin:0}.cp-ep-stack{display:flex;flex-direction:column;align-items:center;width:100%;gap:0}.cp-ep-card-wrap{width:100%;max-width:300px;cursor:pointer;outline:none;position:relative;margin-top:-48px;transition:transform .35s cubic-bezier(.16,1,.3,1);transform-origin:center}.cp-ep-card-wrap:first-child{margin-top:0}.cp-ep-card{position:relative;width:100%}.cp-ep-card-img-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#111}.cp-ep-card-img{width:100%;height:100%;object-fit:cover;display:block}.cp-ep-card-img-ph{width:100%;height:100%;background:linear-gradient(135deg,#6c5ce726,#ffffff08)}.cp-ep-card-darken{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1)}.cp-ep-card-wrap:hover .cp-ep-card-darken{opacity:0!important}.cp-ep-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 40%,transparent 100%);pointer-events:none}.cp-ep-card-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#80808066;z-index:20}.cp-ep-card-progress-fill{height:100%;background:#e50914;transition:width .3s ease}.cp-ep-card-bottom{position:absolute;bottom:8px;left:0;width:100%;padding:0 16px 6px;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.cp-ep-card-title{font-size:13px;font-weight:700;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.7);margin:0}.cp-ep-card-wrap.current .cp-ep-card-title{font-size:15px}.cp-ep-watching-badge{display:inline-block;padding:1px 6px;margin-right:6px;background:#e50914;color:#fff;font-size:9px;font-weight:700;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.cp-ep-card-runtime{font-size:11px;font-weight:500;color:#d1d5dbcc;margin:2px 0 0;text-shadow:0 1px 4px rgba(0,0,0,.7)}.cp-ep-card-desc{font-size:11px;color:#d1d5dbb3;margin:4px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.7)}.cp-ep-card-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:2.5px solid rgba(255,255,255,.9);pointer-events:none;z-index:30}.cp-ep-play-icon{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:none;animation:cp-play-pop .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #0006}.cp-ep-play-icon svg{margin-left:2px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}@keyframes cp-play-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.cp-ep-card-wrap:not(.current) .cp-ep-card-img-wrap{border:1px solid transparent}@media (max-width: 640px){.cp-ep-panel{right:0;max-width:100vw;width:100%}.cp-ep-card-wrap{max-width:260px;margin-top:-40px}.cp-ep-season-header{max-width:260px;padding:40px 8px 16px}}.cp-btn-with-label{border-radius:8px;padding:6px 12px;gap:6px}.cp-btn-label{font-size:13px;font-weight:500;font-family:var(--font);color:inherit;display:none}@media (min-width: 768px){.cp-btn-label{display:inline}}@media (max-width: 640px){.cp-btn-icon--lg{font-size:26px}.cp-controls{padding:20px 12px 10px}.cp-time-display{font-size:12px}.cp-subtitle-overlay{bottom:80px}.cp-fs-btn{position:fixed;top:12px;left:12px;z-index:50;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;padding:10px;opacity:1;pointer-events:auto;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #0006}.cp-fs-btn:hover{background:#fff3}}.hp-root{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-primary)}.hp-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(108,92,231,.25) transparent;scroll-behavior:smooth}.hp-scroll::-webkit-scrollbar{width:4px}.hp-scroll::-webkit-scrollbar-track{background:transparent}.hp-scroll::-webkit-scrollbar-thumb{background:#6c5ce740;border-radius:2px}.hp-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}.hp-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(120px)}.hp-glow--1{width:600px;height:600px;top:-200px;left:-100px;background:#6c5ce712;animation:hpFloat 20s ease-in-out infinite}.hp-glow--2{width:500px;height:500px;bottom:-150px;right:-100px;background:#a29bfe0d;animation:hpFloat 25s ease-in-out infinite reverse}@keyframes hpFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,15px)}}.hp-animate{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.hp-visible{opacity:1;transform:translateY(0)}.hp-nav{position:sticky;top:0;z-index:100;background:#05070abf;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.04)}.hp-nav-inner{max-width:1100px;margin:0 auto;padding:0 28px;height:56px;display:flex;align-items:center;justify-content:space-between}.hp-nav-brand{display:flex;align-items:baseline;gap:6px}.hp-nav-logo{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-nav-tag{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.hp-nav-links{display:flex;align-items:center;gap:24px}.hp-nav-link{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s;position:relative}.hp-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-secondary);transition:width .25s ease}.hp-nav-link:hover{color:var(--text-primary)}.hp-nav-link:hover:after{width:100%}.hp-nav-discord{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;padding:6px 14px;border-radius:8px;background:#5865f226;border:1px solid rgba(88,101,242,.25);transition:all .25s ease}.hp-nav-discord:hover{background:#5865f240;border-color:#5865f266;transform:translateY(-1px)}.hp-nav-discord svg{color:#5865f2}.hp-hero{text-align:center;padding:80px 28px 60px;max-width:800px;margin:0 auto}.hp-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent-secondary);background:#6c5ce714;border:1px solid rgba(108,92,231,.15);padding:6px 16px;border-radius:24px;margin-bottom:28px}.hp-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #4ade8080;animation:hpPulse 2s ease-in-out infinite}@keyframes hpPulse{0%,to{opacity:1}50%{opacity:.4}}.hp-hero-title{font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:20px}.hp-hero-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 50%,#e0d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:hpShimmer 4s ease-in-out infinite}@keyframes hpShimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.hp-hero-desc{font-size:16px;color:var(--text-secondary);line-height:1.65;max-width:520px;margin:0 auto 32px}.hp-hero-url{display:inline-flex;align-items:center;gap:0;background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;padding:4px 4px 4px 16px;margin-bottom:36px}.hp-hero-url code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;color:var(--accent-secondary);letter-spacing:.3px}.hp-hero-url-copy{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:#6c5ce71a;color:var(--accent-secondary);cursor:pointer;transition:all .2s;margin-left:12px}.hp-hero-url-copy:hover{background:#6c5ce733;transform:scale(1.05)}.hp-hero-stats{display:inline-flex;align-items:center;gap:24px;background:#ffffff06;border:1px solid var(--glass-border);border-radius:14px;padding:14px 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hp-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hp-stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.hp-stat-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.hp-stat-sep{width:1px;height:24px;background:var(--border)}.hp-section{max-width:960px;margin:0 auto 72px;padding:0 28px}.hp-section-header{text-align:center;margin-bottom:36px}.hp-section-title{font-size:clamp(22px,3.5vw,32px);font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.hp-section-subtitle{font-size:14px;color:var(--text-muted);line-height:1.5}.hp-demo-wrapper{border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);background:#00000040;box-shadow:0 0 0 1px #ffffff05,0 20px 60px -15px #00000080}.hp-demo-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff08;border-bottom:1px solid var(--border)}.hp-demo-dots{display:flex;gap:6px}.hp-demo-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff14}.hp-demo-dots span:nth-child(1){background:#ff5f57b3}.hp-demo-dots span:nth-child(2){background:#ffbd2eb3}.hp-demo-dots span:nth-child(3){background:#27c93fb3}.hp-demo-url{flex:1;font-size:12px;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-demo-frame{aspect-ratio:16 / 9;width:100%;background:#000}.hp-demo-frame iframe{width:100%;height:100%;border:none;display:block}.hp-tabs{display:flex;gap:6px;margin-bottom:20px;padding:4px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px}.hp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:9px;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.hp-tab:hover{color:var(--text-secondary);background:#ffffff08}.hp-tab--active{color:var(--text-primary);background:#6c5ce71f;box-shadow:0 0 0 1px #6c5ce733}.hp-tab--active svg{color:var(--accent-secondary)}.hp-api-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:14px;padding:24px;animation:hpCardIn .35s ease-out}@keyframes hpCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hp-api-route{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hp-api-method{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--success);background:#4ade8014;border:1px solid rgba(74,222,128,.15);padding:4px 10px;border-radius:5px}.hp-api-pattern{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:15px;color:var(--accent-secondary);letter-spacing:.3px}.hp-api-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.hp-api-params{margin-bottom:20px}.hp-api-params-title{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.hp-api-params-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.hp-api-params-head{display:grid;grid-template-columns:120px 80px 80px 1fr;padding:8px 14px;background:#ffffff06;border-bottom:1px solid var(--border);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hp-api-params-row{display:grid;grid-template-columns:120px 80px 80px 1fr;padding:10px 14px;align-items:center;border-bottom:1px solid var(--border);font-size:12px}.hp-api-params-row:last-child{border-bottom:none}.hp-api-param-name{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--accent-secondary)}.hp-api-param-type{color:var(--text-muted);font-size:11px}.hp-api-param-req{font-size:10px;font-weight:600;color:var(--text-muted)}.hp-api-param-req--yes{color:var(--success)}.hp-api-param-desc{color:var(--text-secondary);font-size:12px}.hp-api-example{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#6c5ce70a;border:1px solid rgba(108,92,231,.08);border-radius:10px;margin-bottom:16px}.hp-api-example-label{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.hp-api-example-url{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-api-try{font-size:12px;font-weight:600;color:var(--accent-secondary);text-decoration:none;flex-shrink:0;transition:color .2s}.hp-api-try:hover{color:var(--accent)}.hp-code{border-radius:12px;overflow:hidden;border:1px solid var(--border)}.hp-code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffffff06;border-bottom:1px solid var(--border)}.hp-code-lang{font-size:11px;font-weight:600;color:var(--text-muted)}.hp-code-copy{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font);font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.hp-code-copy:hover{background:#6c5ce71a;border-color:#6c5ce74d;color:var(--accent-secondary)}.hp-code-pre{padding:16px;background:#0000004d;overflow-x:auto;margin:0}.hp-code-pre code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--text-secondary);line-height:1.7;white-space:pre}.hp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp-feature{padding:22px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:14px;transition:all .3s ease}.hp-feature:hover{border-color:#6c5ce726;background:#ffffff09;transform:translateY(-2px)}.hp-feature-icon{width:40px;height:40px;border-radius:10px;background:#6c5ce714;display:flex;align-items:center;justify-content:center;color:var(--accent-secondary);margin-bottom:14px}.hp-feature-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.hp-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.hp-ads{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.hp-ad-card{padding:28px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;transition:all .3s ease}.hp-ad-card:hover{border-color:#6c5ce733;background:#ffffff09}.hp-ad-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6c5ce71f,#a29bfe14);display:flex;align-items:center;justify-content:center;color:var(--accent-secondary);margin-bottom:16px}.hp-ad-type{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.hp-ad-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.hp-ad-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.hp-ad-features li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.hp-ad-features li svg{color:var(--success);flex-shrink:0}.hp-ads-cta{text-align:center;padding:32px;background:#5865f20a;border:1px solid rgba(88,101,242,.1);border-radius:16px}.hp-ads-cta-text{font-size:15px;color:var(--text-secondary);margin-bottom:18px}.hp-ads-cta-text strong{color:var(--text-primary)}.hp-ads-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #5865f240;margin-bottom:12px}.hp-ads-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #5865f259}.hp-ads-cta-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.hp-steps{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hp-step{display:flex;align-items:flex-start;gap:18px;width:100%}.hp-step-num{width:36px;height:36px;border-radius:50%;background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);color:var(--accent-secondary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-step-body{padding:4px 0 0}.hp-step-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.hp-step-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.hp-step-desc a{color:var(--accent-secondary);text-decoration:none}.hp-step-desc a:hover{text-decoration:underline}.hp-step-desc code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--accent-secondary);background:#6c5ce714;padding:2px 6px;border-radius:4px}.hp-step-line{width:1px;height:28px;background:#6c5ce726;margin-left:18px}.hp-footer{border-top:1px solid var(--border);padding:0 28px}.hp-footer-inner{max-width:960px;margin:0 auto;padding:28px 0 36px;display:flex;align-items:center;justify-content:space-between}.hp-footer-brand{display:flex;align-items:baseline;gap:8px}.hp-footer-logo{font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-footer-sub{font-size:12px;color:var(--text-muted)}.hp-footer-links{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.hp-footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.hp-footer-links a:hover{color:var(--accent-secondary)}.hp-footer-dot{opacity:.3}@media (max-width: 768px){.hp-hero{padding:48px 20px 40px}.hp-hero-title{font-size:clamp(28px,7vw,44px)}.hp-hero-stats{gap:16px;padding:12px 20px}.hp-hero-url code{font-size:12px}.hp-section{padding:0 20px;margin-bottom:56px}.hp-features,.hp-ads{grid-template-columns:1fr}.hp-api-params-head,.hp-api-params-row{grid-template-columns:90px 60px 60px 1fr;font-size:11px}.hp-tabs{flex-wrap:wrap}.hp-tab{font-size:12px;padding:8px 12px}.hp-nav-links{gap:14px}.hp-nav-link{font-size:12px}.hp-footer-inner{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.hp-hero{padding:36px 16px 32px}.hp-hero-stats{flex-wrap:wrap;justify-content:center;gap:12px}.hp-stat-sep{display:none}.hp-nav-inner{padding:0 16px}.hp-nav-link{display:none}.hp-api-params-head,.hp-api-params-row{grid-template-columns:1fr 1fr;gap:4px}.hp-api-params-head span:nth-child(3),.hp-api-params-head span:nth-child(4),.hp-api-params-row .hp-api-param-req,.hp-api-params-row .hp-api-param-desc{display:none}.hp-demo-bar{padding:8px 12px}.hp-section{padding:0 16px}}