@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b12;--panel:#0d121c;--line:#1b2431;--text:#eff4f4;--muted:#8894a3;--mint:#71e4c2;--purple:#a99bff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:none;min-height:100vh;background:#0a0e16;border-right:1px solid #151c27;padding:30px 19px 23px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:3}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#eef4f3;font:800 15px Manrope,sans-serif;letter-spacing:2px;margin:0 8px 58px}.brand small{display:block;color:#87929f;font-size:9px;letter-spacing:4px;margin-top:1px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#172723;color:#d8ece6;font-size:20px;letter-spacing:-4px}.brand-mark span,.mobile-brand span{color:var(--mint)}.side-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7d8c98}.side-label{margin:0 10px 13px}.nav{display:grid;gap:5px}.nav-item{display:flex;gap:14px;align-items:center;border:0;background:transparent;color:#8995a3;text-align:left;padding:12px 13px;border-radius:10px;font-size:13px}.nav-item span{font-size:18px;width:19px;text-align:center}.nav-item:hover,.nav-item.active{background:#151f29;color:#eff8f5}.nav-item.active{box-shadow:inset 2px 0 var(--mint)}.sidebar-bottom{margin-top:auto}.connection{display:flex;align-items:center;gap:9px;font-size:11px;color:#84919e;margin:0 8px 14px}.connection i,.live-dot,.mini-live{width:7px;height:7px;border-radius:50%;background:#626b76}.connection.online i,.mini-live{background:#71e4c2;box-shadow:0 0 10px #71e4c255}.settings-btn{width:100%;border:1px solid #26313d;background:#121923;padding:11px;border-radius:9px;text-align:left;color:#dce5e3;font-size:11px}.free-note{font-size:10px;color:#73808f;line-height:1.65;margin:15px 7px 0}.main{margin-left:250px;min-height:100vh;width:calc(100% - 250px)}.topbar{height:76px;border-bottom:1px solid #141b25;display:flex;align-items:center;padding:0 clamp(25px,4.3vw,68px);gap:14px}.top-spacer{flex:1}.search{height:38px;width:min(270px,35vw);display:flex;align-items:center;gap:9px;padding:0 12px;background:#101620;border:1px solid #202936;border-radius:9px;color:#8794a2}.search span{font-size:22px;line-height:1;transform:rotate(-20deg)}.search input{border:0;outline:0;background:transparent;color:white;width:100%;font-size:11px}.search input::placeholder{color:#74808d}.avatar{height:34px;width:34px;border:1px solid #31423e;background:#1b2c29;color:var(--mint);border-radius:50%;font:700 13px Manrope}.install-btn{border:1px solid #33463f;background:#16251f;color:var(--mint);border-radius:8px;padding:9px 12px;font-size:11px}.mobile-brand{display:none}.content{max-width:1440px;margin:auto;padding:48px clamp(25px,4.3vw,68px) 28px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{display:flex;align-items:center;gap:8px}.live-dot{background:var(--mint);box-shadow:0 0 10px #71e4c277}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(25px,2.3vw,34px);letter-spacing:-1.3px;margin:12px 0 7px;font-weight:700}h1 span{color:var(--mint)}.welcome-row p{color:#8c98a6;font-size:13px;margin:0}.primary-btn{border:1px solid #8ef2d6;border-radius:9px;background:var(--mint);color:#09201a;font-weight:700;padding:12px 16px;font-size:12px;box-shadow:0 6px 24px #65e1bd18;white-space:nowrap}.primary-btn:hover{background:#a0f5df}.hero-card{height:290px;border:1px solid #25322f;background:linear-gradient(112deg,#101a1b 0%,#111a20 52%,#171832 100%);border-radius:17px;overflow:hidden;position:relative;display:flex;align-items:center;padding:31px 40px;margin-bottom:44px}.hero-card:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 50%,#7774de19 0,transparent 43%);pointer-events:none}.hero-copy{z-index:1;max-width:460px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #37453f;border-radius:20px;padding:6px 10px;color:#afc1b9;font-size:9px;letter-spacing:1px}.pill i{width:6px;height:6px;background:var(--mint);border-radius:50%}.hero-copy h2{font-size:32px;line-height:1.18;letter-spacing:-1px;margin:17px 0 10px}.hero-copy p{color:#9ba6ae;font-size:12px;line-height:1.7;max-width:345px;margin-bottom:19px}.hero-btn{border:0;background:transparent;color:var(--mint);font-weight:700;font-size:11px;padding:0}.hero-btn span{margin-left:8px;font-size:16px}.hero-art{position:absolute;right:3%;top:0;bottom:0;width:48%;display:grid;place-items:center}.screen{width:310px;max-width:78%;border:1px solid #566169;border-radius:9px;background:#10151c;box-shadow:0 22px 65px #0008;transform:perspective(700px) rotateY(-10deg) rotateX(3deg);z-index:1;padding:9px}.screen-top{height:24px;display:flex;align-items:center;justify-content:space-between;font:700 8px Manrope;letter-spacing:1px;padding:0 4px 6px}.screen-top em{font-style:normal;color:var(--mint)}.screen-top span{font:600 6px 'DM Sans';color:#f38686}.screen-landscape{height:134px;position:relative;overflow:hidden;background:linear-gradient(#172736,#475966 55%,#253c38)}.screen-landscape:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#131c20)}.sun{position:absolute;top:20px;right:53px;width:34px;height:34px;border-radius:50%;background:#edcf9e;filter:blur(.3px);box-shadow:0 0 30px #edcf9e88}.mountain{position:absolute;bottom:0;width:0;height:0;border-style:solid}.m1{left:0;border-width:0 112px 88px 112px;border-color:transparent transparent #334d4b transparent}.m2{right:-9px;border-width:0 100px 106px 120px;border-color:transparent transparent #263f42 transparent}.screen-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#fff3;color:white;border:1px solid #ffffff99;font-size:13px}.screen-caption{height:22px;padding:7px 4px 0;font-size:7px;color:#aeb8bc}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:250px;height:250px;background:#6261ad12;right:8px;top:24px}.orb-two{width:180px;height:180px;background:#67e0bd0e;left:0;bottom:1px}.float-chip{position:absolute;border:1px solid #414455;background:#171c29eF;box-shadow:0 9px 25px #0005;border-radius:8px;padding:10px 12px;font-size:9px;color:#dce3e5;z-index:2}.chip-top{top:53px;left:2%}.chip-bottom{right:2%;bottom:55px}.mini-live{display:inline-block;margin-right:6px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.muted{color:#75818e}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:7px 0 0}.text-btn{border:0;background:none;color:#99a5ae;font-size:11px;padding:8px 0}.text-btn span{color:var(--mint);margin-left:5px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:35px}.feature-card{text-align:left;position:relative;display:flex;flex-direction:column;gap:7px;padding:17px 16px 16px;border-radius:12px;background:#0e141e;border:1px solid #1c2633;min-height:128px;transition:.2s}.feature-card:hover{transform:translateY(-2px);border-color:#384b49;background:#121a23}.feature-icon{font-size:18px;margin-bottom:7px}.aqua{color:#6de1c2}.violet{color:#ac9cff}.pink{color:#e794b3}.gold{color:#e9ca75}.feature-title{font:700 12px Manrope}.feature-description{font-size:10px;color:#818e9b}.feature-arrow{position:absolute;right:14px;top:15px;color:#62706f}.results-section{margin:0 0 38px}.result-count{font-size:11px;color:#8895a2}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:11px}.channel-card{padding:14px;background:#101620;border:1px solid #202a36;border-radius:10px;display:flex;align-items:center;gap:11px;min-width:0}.channel-logo{width:37px;height:37px;object-fit:contain;border-radius:7px;background:#1c2530;padding:4px;flex:none}.channel-placeholder{display:grid;place-items:center;color:var(--mint);font-weight:700;font-family:Manrope}.channel-info{min-width:0;flex:1}.channel-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.channel-info small{display:block;color:#7f8c99;font-size:9px;margin-top:4px}.watch-btn,.fav-btn{border:0;background:transparent;color:#aab7bc;padding:5px}.fav-btn.is-fav{color:#f1cd70}.watch-btn{color:var(--mint)}.empty-state{text-align:center;border:1px dashed #28333f;border-radius:12px;padding:32px 15px;color:#8995a1}.empty-state>span{font-size:30px;color:var(--mint)}.empty-state h3{color:#e2e9e8;font-size:15px;margin:12px 0 6px}.empty-state p{font-size:11px;margin-bottom:15px}.empty-state .primary-btn{padding:10px 14px}footer{border-top:1px solid #19212c;padding-top:19px;display:flex;gap:18px;align-items:center;font-size:9px;color:#778391}footer span{flex:1}footer button{border:0;background:none;color:#8e9ba5;font-size:9px}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#03060bd9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(480px,100%);max-height:92vh;overflow:auto;border:1px solid #2a3743;border-radius:17px;background:#0e141d;padding:30px 34px 32px;box-shadow:0 30px 90px #0009}.close-modal{position:absolute;right:17px;top:15px;background:none;border:0;color:#8e9aa7;font-size:24px}.modal-brand{margin-bottom:20px}.modal .eyebrow{color:var(--mint)}.modal h2{font-size:24px;letter-spacing:-.7px;margin:9px 0}.modal-intro{color:#939eaa;font-size:11px;line-height:1.65;margin-bottom:20px}.tabs{display:flex;padding:4px;border-radius:8px;background:#090e15;margin-bottom:17px}.tab{flex:1;border:0;border-radius:6px;background:none;color:#8995a2;padding:9px;font-size:11px}.tab.active{background:#202a34;color:#eef6f3}.setup-form{display:grid;gap:12px}.setup-form[hidden]{display:none}.setup-form label{display:grid;gap:6px;color:#b6c1c6;font-size:10px}.setup-form input{width:100%;border:1px solid #293541;border-radius:7px;background:#090e15;color:#eef4f4;padding:11px 12px;font-size:11px;outline:0}.setup-form input:focus{border-color:#69c9ae}.setup-form input::placeholder{color:#5e6a76}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-note{color:#788794;font-size:9px;margin:1px 0}.form-error{color:#ff9494;font-size:10px;min-height:0}.submit-btn{width:100%;display:flex;justify-content:center;gap:12px}.toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translate(-50%,20px);background:#19251f;border:1px solid #37564b;color:#c5f5e6;border-radius:9px;padding:11px 16px;font-size:11px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}#player{display:none;position:fixed;z-index:15;inset:0;width:100%;height:100%;background:#000}#player.open{display:block}.player-bar{display:none;position:fixed;z-index:16;top:0;left:0;right:0;padding:12px 20px;background:linear-gradient(#000b,transparent);align-items:center;gap:16px}.player-bar.open{display:flex}.player-bar button{border:0;background:none;color:white;font-size:25px}.player-bar span{font-size:13px}
@media(min-width:1450px){.content{padding-top:55px}.hero-card{height:315px}.screen-landscape{height:151px}}
@media(max-width:1050px){.sidebar{width:215px;padding-inline:14px}.main{margin-left:215px;width:calc(100% - 215px)}.hero-card{padding:27px}.hero-art{width:45%;right:1%}.screen{max-width:84%}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:61px;padding:0 18px;gap:10px}.mobile-brand{display:block;border:0;background:none;color:#eef4f3;font:800 11px Manrope;letter-spacing:1.2px}.top-spacer{flex:1}.search{width:min(210px,42vw);height:35px}.search input{font-size:10px}.avatar{display:none}.install-btn{font-size:9px;padding:8px}.content{padding:31px 18px 22px}.welcome-row{align-items:flex-start;margin-bottom:20px}.welcome-row .primary-btn{display:none}h1{font-size:26px}.welcome-row p{font-size:11px}.hero-card{height:auto;min-height:330px;padding:24px 22px 173px;margin-bottom:33px;align-items:flex-start}.hero-copy h2{font-size:28px;margin-top:13px}.hero-copy p{max-width:340px;font-size:11px;margin-bottom:13px}.hero-art{top:auto;height:170px;bottom:0;left:0;right:0;width:100%}.screen{width:240px;transform:perspective(600px) rotateY(-7deg) rotateX(2deg)}.screen-landscape{height:90px}.screen-caption{height:19px}.chip-top{top:14px;left:4%}.chip-bottom{right:3%;bottom:16px}.float-chip{padding:8px;font-size:8px}.orb-one{width:180px;height:180px;top:0}.orb-two{height:130px;width:130px}.section-heading h2{font-size:18px}.feature-grid{gap:9px}.feature-card{min-height:113px;padding:13px}.feature-description{font-size:9px}.feature-icon{margin-bottom:2px}.channel-grid{grid-template-columns:1fr 1fr;gap:8px}.channel-card{padding:10px;gap:8px}.channel-logo{width:30px;height:30px}.channel-info strong{font-size:10px}.channel-info small{font-size:8px}.modal{padding:27px 22px}.form-row{grid-template-columns:1fr}.setup-form{gap:10px}footer{flex-wrap:wrap;gap:8px 14px}footer span{flex-basis:100%;order:3}}
@media(max-width:390px){.channel-grid{grid-template-columns:1fr}.feature-title{font-size:11px}.feature-description{font-size:8px}.hero-copy h2{font-size:26px}}