@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0e;--panel:#11141a;--panel-2:#161a21;--line:#252a33;--text:#f4f1ea;--muted:#858b96;--lime:#caff45;--red:#ff5a57}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Manrope,system-ui,sans-serif;transition:all .25s}body.light{--bg:#ebece6;--panel:#f8f8f3;--panel-2:#fff;--line:#cfd1c9;--text:#101217;--muted:#6e736e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,input,select{font:inherit}button{color:inherit}.app{width:min(1180px,100% - 48px);margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--text);letter-spacing:.16em;align-items:center;gap:12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--line);align-items:flex-end;gap:3px;width:27px;height:27px;padding:5px;display:flex}.brand-mark i{background:var(--lime);width:4px;display:block}.brand-mark i:first-child{height:40%}.brand-mark i:nth-child(2){height:90%}.brand-mark i:nth-child(3){height:65%}.top-actions{align-items:center;gap:20px;display:flex}.connection{color:var(--muted);letter-spacing:.12em;font:500 10px DM Mono,monospace}.connection i,.live-label i,.stream-info strong i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:6px;display:inline-block}.icon-btn{border:1px solid var(--line);cursor:pointer;background:0 0;width:36px;height:36px}.source-card{border:1px solid var(--line);background:var(--panel);margin:32px 0 24px;padding:22px}.source-card>label{letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font:500 10px DM Mono,monospace;display:block}form{gap:10px;display:flex}.url-field{background:var(--bg);border:1px solid var(--line);flex:1;align-items:center;height:54px;display:flex}.url-field:focus-within{border-color:#626970}.link-icon{color:var(--lime);margin:0 14px}.url-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font:12px DM Mono,monospace}.clear-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:22px}.load-button{background:var(--lime);color:#0b0e08;letter-spacing:.1em;cursor:pointer;border:0;justify-content:space-between;align-items:center;min-width:185px;height:54px;padding:0 20px;font-size:11px;font-weight:800;display:flex}.load-button:hover{filter:brightness(1.08)}.load-button b{font-size:20px}.source-meta{color:var(--muted);justify-content:space-between;margin-top:12px;font:10px DM Mono,monospace;display:flex}.source-meta button{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.player-shell{border:1px solid var(--line);background:var(--panel)}.video-wrap{aspect-ratio:16/9;background:#020303;position:relative;overflow:hidden}.video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.video-shade{pointer-events:none;background:linear-gradient(#00000040,#0000 30% 55%,#000c);position:absolute;inset:0}.status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ddd;letter-spacing:.08em;background:#0a0c0ec7;border:1px solid #ffffff1f;padding:9px 12px;font:500 9px DM Mono,monospace;position:absolute;top:18px;left:18px}.status-pill i{background:#ffc14d;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.status-pill[data-state=online] i{background:var(--lime)}.status-pill[data-state=error] i{background:var(--red)}.center-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#080a0c7a;border:1px solid #ffffff80;border-radius:50%;width:76px;height:76px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-play span{margin-left:4px;font-size:22px}.center-play:hover{border-color:var(--lime);transform:translate(-50%,-50%)scale(1.06)}.hidden{display:none!important}.toast{opacity:0;color:#101217;pointer-events:none;background:#efeee8;padding:9px 14px;font:500 10px DM Mono,monospace;transition:all .2s;position:absolute;top:18px;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.controls{padding:0 20px 17px;transition:all .25s;position:absolute;bottom:0;left:0;right:0}.idle .controls,.idle .status-pill{opacity:0}.idle{cursor:none}.progress-row{align-items:center;gap:13px;margin-bottom:12px;display:flex}.progress-row input{accent-color:var(--lime);flex:1;height:3px}.live-label{color:#fff;letter-spacing:.08em;font:500 9px DM Mono,monospace}.control-row{align-items:center;gap:10px;display:flex}.control-button{color:#fff;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:17px}.primary-control{background:var(--lime);color:#0c0e08}.volume{width:70px;accent-color:var(--lime)}.time{color:#c3c6c9;font:10px DM Mono,monospace}.spacer{flex:1}.control-select{color:#fff;cursor:pointer;background:#0e1013cc;border:1px solid #ffffff29;height:34px;padding:0 8px;font:500 10px DM Mono,monospace}.quality{color:var(--lime)}.stream-info{align-items:center;gap:55px;min-height:78px;padding:0 22px;display:flex}.stream-info>div{flex-direction:column;gap:7px;display:flex}.stream-info span{color:var(--muted);letter-spacing:.1em;font:9px DM Mono,monospace}.stream-info strong{font:500 11px DM Mono,monospace}.stream-info button{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;margin-left:auto;padding:12px 16px;font:500 9px DM Mono,monospace}.stream-info button:hover{color:var(--text);border-color:var(--muted)}footer{color:#555b64;letter-spacing:.06em;justify-content:space-between;align-items:center;height:100px;font:9px DM Mono,monospace;display:flex}@media (width<=720px){.app{width:min(100% - 24px,1180px)}.topbar{height:65px}.connection{display:none}.source-card{margin-top:18px}form{flex-direction:column}.load-button{width:100%}.source-meta span{display:none}.source-meta{justify-content:flex-end}.stream-info{flex-wrap:wrap;gap:22px;padding:15px}.stream-info>div:nth-child(3){display:none}.stream-info button{margin-left:0}.volume{display:none}.control-row{gap:3px}.control-select{padding:0 4px}.time{display:none}.controls{padding:0 10px 10px}footer span:last-child{display:none}.player-shell{margin-inline:-12px}.video-wrap{aspect-ratio:16/10}}