:root{--sc-card-padding: clamp(24px, 4.5vw, 42px);--sc-logo-size: clamp(48px, 6.5vw, 62px);--sc-title-font-size: clamp(18px, 2.5vw, 22px);--sc-brand-p-size: clamp(11.5px, 1.5vw, 13.5px);--sc-label-font-size: clamp(10px, 1.2vw, 12px);--sc-input-font-size: clamp(13px, 1.8vw, 15px);--sc-input-code-font-size: clamp(18px, 2.5vw, 22px);--sc-hint-font-size: clamp(10px, 1.2vw, 11.5px);--sc-btn-font-size: clamp(14px, 2vw, 16px);--sc-status-font-size: clamp(12px, 1.6vw, 14px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#e5e7eb;font-family:Segoe UI,system-ui,sans-serif}.hidden{display:none!important}#setup{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#05091a;background-image:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(15,178,178,.1) 0%,transparent 60%),radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,26px 26px;padding:24px;overflow-y:auto}.sc-bg-glow{position:fixed;top:-20%;left:50%;transform:translate(-50%);width:70vw;height:50vw;background:radial-gradient(ellipse,rgba(15,178,178,.07) 0%,transparent 65%);pointer-events:none;animation:sc-glow-pulse 7s ease-in-out infinite alternate}@keyframes sc-glow-pulse{0%{opacity:.5;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.12)}}.sc-card{position:relative;width:100%;max-width:clamp(340px,92vw,480px);background:linear-gradient(155deg,#091026f7,#050a1afc);border:1px solid rgba(15,178,178,.22);border-radius:22px;padding:var(--sc-card-padding);box-shadow:0 0 0 1px #ffffff06,0 24px 64px -12px #000000bf,0 0 60px #0fb2b20d;overflow:hidden}.sc-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(15,178,178,.55),transparent)}.sc-card:after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(15,178,178,.06) 0%,transparent 70%);pointer-events:none}.sc-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.sc-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sc-logo-size);height:var(--sc-logo-size);background:linear-gradient(145deg,#0fb2b22e,#0fb2b20d);border:1px solid rgba(15,178,178,.28);border-radius:calc(var(--sc-logo-size) / 3.8);color:#0fb2b2}.sc-brand h1{margin:0;font-size:var(--sc-title-font-size);font-weight:700;color:#e8f2ff;letter-spacing:-.3px;line-height:1.2}.sc-brand p{margin:3px 0 0;font-size:var(--sc-brand-p-size);color:#5a7299}.sc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);margin-bottom:28px}.sc-fields{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}.sc-field{display:flex;flex-direction:column;gap:7px}.sc-label{display:flex;align-items:center;gap:7px;font-size:var(--sc-label-font-size);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#7a94be}.sc-field-icon{width:13px;height:13px;color:#0fb2b2;flex-shrink:0}.sc-input{width:100%;padding:13px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#e8f2ff;font-family:inherit;font-size:var(--sc-input-font-size);transition:border-color .2s,box-shadow .2s,background .2s;outline:none;-webkit-appearance:none}.sc-input::placeholder{color:#2e3f5a}.sc-input:focus{border-color:#0fb2b280;background:#0fb2b20a;box-shadow:0 0 0 3px #0fb2b21a}.sc-input-code{font-family:Courier New,Consolas,monospace;font-size:var(--sc-input-code-font-size);font-weight:700;letter-spacing:.25em;text-transform:uppercase;text-align:center}.sc-input-code::placeholder{font-size:16px;letter-spacing:.3em;color:#2e3f5a}.sc-hint{margin:0;font-size:var(--sc-hint-font-size);color:#3d5070;line-height:1.5;padding-left:1px}.sc-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;background:linear-gradient(135deg,#0fb2b2,#0a8f8f);border:0;border-radius:13px;color:#fff;font-family:inherit;font-size:var(--sc-btn-font-size);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 22px #0fb2b247;margin-bottom:16px}.sc-btn:hover:not(:disabled){background:linear-gradient(135deg,#13c9c9,#0fb2b2);box-shadow:0 6px 30px #0fb2b266;transform:translateY(-1px)}.sc-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #0fb2b238}.sc-btn:disabled{opacity:.55;cursor:not-allowed}.sc-btn-icon{flex-shrink:0;transition:transform .2s}.sc-btn:hover:not(:disabled) .sc-btn-icon{transform:translate(2px)}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-btn.loading .sc-btn-icon{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:sc-spin .75s linear infinite}.sc-status{min-height:18px;margin:0 0 18px;font-size:var(--sc-status-font-size);color:#5a7299;text-align:center;line-height:1.5}.sc-status.is-error{color:#f87171}.sc-status.is-success{color:#0fb2b2}@media (max-height: 640px),(max-width: 400px),(orientation: portrait){:root{--sc-card-padding: clamp(16px, 3.5vw, 24px);--sc-logo-size: clamp(38px, 5.5vw, 46px);--sc-title-font-size: clamp(15px, 2.2vw, 17px);--sc-brand-p-size: clamp(10.5px, 1.3vw, 12px);--sc-label-font-size: clamp(9px, 1.1vw, 10px);--sc-input-font-size: clamp(11.5px, 1.5vw, 13px);--sc-input-code-font-size: clamp(15px, 2.2vw, 18px);--sc-hint-font-size: clamp(9px, 1.1vw, 10px);--sc-btn-font-size: clamp(12.5px, 1.8vw, 14px);--sc-status-font-size: clamp(11px, 1.4vw, 12px)}.sc-header{margin-bottom:16px;gap:12px}.sc-divider{margin-bottom:16px}.sc-fields{gap:14px;margin-bottom:16px}.sc-field{gap:4px}.sc-btn{padding:12px 20px;margin-bottom:12px;border-radius:10px}.sc-status{margin-bottom:12px}.sc-input{padding:10px 14px;border-radius:10px}}.sc-api-badge{display:flex;align-items:center;justify-content:center;gap:6px;opacity:.38}.sc-api-dot{width:6px;height:6px;background:#0fb2b2;border-radius:50%;flex-shrink:0;animation:sc-pulse 2.5s ease-in-out infinite}@keyframes sc-pulse{0%,to{opacity:1}50%{opacity:.3}}.sc-api-url{font-size:10px;font-family:Courier New,monospace;color:#7a94be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}#player{width:100vw;height:100vh;overflow:hidden;position:relative;background:#000}.player-stage{position:absolute;inset:0;background:#000;overflow:hidden}#playerStage{--ambient-color: #000;background:var(--ambient-color)}.media-bg-layer,.media-main-layer{position:absolute;inset:0}.split-layer{position:absolute;inset:0;z-index:4;background:#000;overflow:hidden}.split-region{position:absolute;overflow:hidden;background:#000}.split-region video,.split-region img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.split-region img.hidden,.split-region video.hidden{display:none!important}.media-bg-layer{z-index:1;overflow:hidden}.media-main-layer{z-index:2}#videoBg,#imageBg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(28px) saturate(1.15) brightness(.7);transform:scale(1.02)}#videoA,#videoB,#image{z-index:3}#videoA,#videoB,#image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}#playerStage,#videoBg,#imageBg,#videoA,#videoB,#image{transition:background-color .22s ease,filter .22s ease,opacity .22s ease}.overlay{position:absolute;left:0;right:0;top:0;padding:8px 12px;background:#00000073;font-size:12px;z-index:5}video::-webkit-media-controls{display:none!important;-webkit-appearance:none}video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}video::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none}video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}.widget-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;z-index:10;background:transparent;opacity:1;transition:opacity .3s ease-in-out}.widget-iframe.hidden{opacity:0!important;pointer-events:none!important;display:block!important}.offline-fallback{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Outfit,Inter,-apple-system,sans-serif;overflow:hidden}.fallback-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0b1528,#040814,#0d1e36);background-size:400% 400%;animation:fallback-bg-shift 15s ease infinite;z-index:1}@keyframes fallback-bg-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fallback-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border-radius:24px;background:#ffffff08;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 50px #0000004d;max-width:600px;width:80%}.fallback-logo{color:#0fb2b2;animation:fallback-logo-pulse 3s ease-in-out infinite}@keyframes fallback-logo-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.fallback-clock{font-size:72px;font-weight:700;letter-spacing:-2px;color:#fff;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.2)}.fallback-date{font-size:20px;color:#7a94be;font-weight:500}.fallback-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 16px;background:#0003;border-radius:12px;font-size:14px;color:#94a3b8}.fallback-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:fallback-dot-blink 1s ease-in-out infinite}@keyframes fallback-dot-blink{0%,to{opacity:.4}50%{opacity:1}}