*,*::before,*::after{box-sizing:border-box}
:root{color-scheme:dark}
html,body{margin:0;min-height:100%;background:#101010;color:#eeeeee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}
body{min-height:100svh}
#home-background{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.molten-metal-container{width:100%;height:100%;overflow:hidden}
.molten-metal-container canvas{display:block;width:100%;height:100%}
.input-page{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:110px 28px 90px}
.input-page.has-footer{padding-bottom:max(26px,env(safe-area-inset-bottom));gap:60px}
.player-brand{position:absolute;top:max(30px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;font-size:13px;color:#a8a8a8;letter-spacing:.05em}
.brand-mark{font-size:24px;font-weight:650;letter-spacing:-.06em;line-height:1;color:#ededed}
.input-content{width:min(100%,760px);margin:auto 0;text-align:center;animation:input-reveal .6s ease-out}
.eyebrow{font-size:12px;letter-spacing:.22em;color:#a8a8a8}
h1{margin:20px 0 16px;font-size:clamp(30px,5.4vw,52px);line-height:1.3;font-weight:500;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 28px #0006}
.intro{margin:0 0 36px;color:#b5b5b5;font-size:15px;line-height:1.8}
.address-form{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #ffffff26;border-radius:22px;background:#ffffff05;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 45px #0002,inset 0 1px 0 #ffffff08;transition:border-color .15s ease-out}
.address-form:focus-within{border-color:#ffffff55}
.address-form input[type=url]{width:100%;min-width:0;min-height:52px;padding:12px 18px;border:0;border-radius:14px;outline:0;background:transparent;color:#eee;font:inherit;font-size:14px}
.address-form input::placeholder{color:#8d8d8d}
.address-form button{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:12px 24px;border:1px solid #ffffff23;border-radius:15px;background:#ffffff12;color:#f2f2f2;font:inherit;font-size:14px;cursor:pointer;transition:background-color .15s ease-out}
.address-form button:hover{background:#ffffff20}
.address-form button:focus-visible{outline:2px solid #eeeeee;outline-offset:4px}
.address-form svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.platforms{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:28px}
.platforms span{padding:7px 12px;border:1px solid #ffffff13;border-radius:99px;background:#ffffff04;color:#b1b1b1;font-size:11px;line-height:1.4;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.platforms .m3u8-label{color:#d0d0d0;border-color:#ffffff25}
.support-note{margin:18px 0 0;font-size:11px;line-height:1.8;color:#999;letter-spacing:.02em}
.input-message{margin:20px 0 0;padding:12px 18px;border:1px solid #ffffff19;border-radius:14px;background:#ffffff06;color:#d7d7d7;font-size:13px;line-height:1.8;overflow-wrap:anywhere;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.input-footer{flex-shrink:0;width:min(100%,960px);text-align:center}
.contact-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.contact-buttons a{display:inline-flex;align-items:center;gap:7px;min-height:34px;max-width:100%;padding:7px 13px;border:1px solid #ffffff1c;border-radius:99px;background:#ffffff05;color:#c3c3c3;text-decoration:none;font-size:11px;line-height:1.5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .15s ease-out}
.contact-buttons a:hover{background:#ffffff14}
.contact-buttons a:focus-visible{outline:2px solid #eee;outline-offset:3px}
.contact-buttons span{overflow-wrap:anywhere}
.contact-buttons svg{flex-shrink:0;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.footer-copy{margin:14px 0 0;color:#999;font-size:11px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes input-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:560px){.input-page{padding:110px 22px 70px}.player-brand{top:26px;left:24px}.intro{font-size:13px;margin-bottom:28px}.address-form{flex-direction:column;align-items:stretch;border-radius:20px;padding:7px}.address-form input[type=url]{min-height:50px;padding:12px}.address-form button{min-height:46px}.platforms{gap:7px;margin-top:24px}.platforms span{padding:6px 10px}.support-note{font-size:10px}}
@media(max-height:460px) and (min-width:561px){.input-page{padding:65px 28px 35px}.player-brand{top:20px;left:26px}.eyebrow{display:none}h1{font-size:30px;margin:8px 0}.intro{margin-bottom:18px}.platforms{margin-top:16px}.support-note{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}