@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080813;--panel:rgba(18,18,37,.78);--line:rgba(174,160,255,.15);--text:#f5f3ff;--muted:#9290b3;--purple:#a78bfa;--cyan:#54e7ff;--pink:#ff71d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;min-height:100vh;overflow-x:hidden}.grid-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(153,128,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(153,128,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.orb{position:fixed;filter:blur(100px);border-radius:50%;opacity:.15;pointer-events:none}.orb-a{width:400px;height:400px;background:#743cff;top:80px;left:-180px}.orb-b{width:330px;height:330px;background:#00d9ff;top:420px;right:-180px}.shell{width:min(1200px,calc(100% - 48px));margin:auto;position:relative;z-index:1}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:2px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #a78bfa;border-radius:12px;color:#fff;font-size:21px;background:linear-gradient(145deg,#a855f7,#5034a9);box-shadow:0 0 24px #8555ff50}.brand-mark span,.hero-symbol span{color:#68efff}.brand-sub{display:block;font:9px 'DM Mono',monospace;color:var(--muted);letter-spacing:2.4px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:1px}.live-dot,.pulse,.tiny-dot{width:7px;height:7px;border-radius:50%;background:#5bf3c2;box-shadow:0 0 12px #5bf3c2;display:inline-block}.icon-btn,.quiet-btn{border:1px solid var(--line);color:#ddd7ff;background:#141328;border-radius:10px;padding:9px 12px;cursor:pointer}.icon-btn{font-size:20px}.icon-btn:hover,.quiet-btn:hover{border-color:var(--purple);color:#fff}.hidden{display:none!important}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;padding:48px 0 34px;gap:20px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:2.2px;color:#b9a7ff;display:flex;align-items:center;gap:10px}.pulse{background:var(--purple);box-shadow:0 0 12px var(--purple);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--purple)}}h1{font-size:clamp(36px,5vw,60px);line-height:.98;letter-spacing:-2px;margin:18px 0 13px;font-weight:700}.gradient-text{background:linear-gradient(100deg,#c8a9ff 4%,#9d8bff 42%,#5ce8ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.subline{font-size:13px;color:var(--muted);margin:0}.channel-chip{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 15px;min-width:220px}.channel-chip img{width:43px;height:43px;border-radius:13px;object-fit:cover;background:#292343}.channel-chip strong,.channel-chip span{display:block}.channel-chip strong{font-size:14px}.channel-chip #last-updated{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:5px}.verified{margin-left:auto;color:var(--cyan);font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{min-height:174px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(23,22,47,.95),rgba(12,12,28,.88));border:1px solid var(--line);border-radius:18px;padding:21px 23px}.stat-card:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.8}.violet{--accent:var(--purple)}.cyan{--accent:var(--cyan)}.pink{--accent:var(--pink)}.card-top{display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;letter-spacing:1.4px;color:#aaa6c8}.card-icon{color:var(--accent);font-size:22px}.stat-value{font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-1.5px;margin:20px 0 12px;position:relative;z-index:1;font-variant-numeric:tabular-nums}.stat-foot{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.stat-foot .tiny-dot{width:5px;height:5px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.card-glow{position:absolute;width:130px;height:100px;border-radius:50%;background:var(--accent);filter:blur(75px);opacity:.14;right:-20px;bottom:-45px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:48px 0 18px}.section-head h2{font-size:24px;margin:9px 0 0;letter-spacing:-.5px}.muted{font:11px 'DM Mono',monospace;color:var(--muted);letter-spacing:1px}.video-tools{display:flex;gap:9px}.searchbox,select{display:flex;align-items:center;gap:8px;background:#121126;border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:#aaa4d2;font-size:13px}.searchbox input{width:145px;background:none;border:0;outline:0;color:#fff;font:12px 'Space Grotesk',sans-serif}.searchbox input::placeholder{color:#777493}select{font:12px 'Space Grotesk',sans-serif;outline:0}.video-panel{border:1px solid var(--line);border-radius:16px;background:rgba(13,13,29,.86);overflow:hidden}.table-head,.video-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 90px 115px;gap:14px;align-items:center}.table-head{padding:14px 19px;background:rgba(255,255,255,.025);border-bottom:1px solid var(--line);font:9px 'DM Mono',monospace;letter-spacing:1.1px;color:#817e9f}.table-head span:not(:first-child){text-align:right}.video-row{padding:14px 19px;border-bottom:1px solid rgba(174,160,255,.08);transition:background .2s}.video-row:hover{background:rgba(167,139,250,.06)}.video-main{display:flex;align-items:center;gap:13px;min-width:0}.thumb-link{position:relative;flex-shrink:0}.thumb{width:104px;height:59px;border-radius:8px;object-fit:cover;background:#24213b;display:block}.play{position:absolute;right:6px;bottom:5px;background:#080813d9;border-radius:4px;font-size:10px;padding:2px 5px;color:var(--cyan)}.video-title{font-size:12px;line-height:1.5;color:#eeeaff;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-title:hover{color:var(--cyan)}.video-meta{font:9px 'DM Mono',monospace;color:#777493;margin-top:5px}.metric{text-align:right;font:12px 'DM Mono',monospace;font-variant-numeric:tabular-nums}.metric.views{color:#bfb0ff}.metric.likes{color:#81e9ef}.date{color:#9b97b9}.list-footer,footer{display:flex;justify-content:space-between;gap:15px;padding:14px 19px;color:#74718f;font:9px 'DM Mono',monospace;letter-spacing:.4px}.loading{height:150px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px}.spinner{width:18px;height:18px;border:2px solid #322b54;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{padding:30px 0 24px;margin-top:8px;border-top:1px solid var(--line)}footer b{color:var(--cyan)}.notice{padding:12px 15px;margin:0 0 16px;border:1px solid #ff71d050;background:#ff71d00c;border-radius:10px;color:#ffb0e3;font-size:12px}.login-view{min-height:calc(100vh - 89px);display:grid;place-items:center;padding:35px 0}.login-panel{text-align:center;width:min(520px,100%);padding:42px 30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(24,21,49,.92),rgba(11,11,27,.9));box-shadow:0 20px 100px #6035d51a;position:relative;overflow:hidden}.login-panel:before{content:'';position:absolute;top:-120px;left:25%;width:250px;height:180px;background:#975cff;filter:blur(90px);opacity:.25}.login-panel>*{position:relative}.login-panel .eyebrow{justify-content:center}.hero-symbol{width:76px;height:76px;margin:27px auto 23px;display:grid;place-items:center;border:1px solid #b18aff;border-radius:23px;background:linear-gradient(145deg,#a855f7,#40328e);box-shadow:0 0 50px #9c63ff40;font-size:38px;font-weight:700}.hero-symbol span{font-size:19px}.login-panel h1{font-size:clamp(34px,7vw,48px);line-height:1.08;letter-spacing:-1.5px}.login-panel p{color:var(--muted);font-size:13px;line-height:1.9;margin:20px 0 26px}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px;background:linear-gradient(100deg,#a78bfa,#6f72ff 55%,#4adff0);color:#0b0b19;text-decoration:none;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 8px 35px #6d5cff35;transition:transform .2s}.google-btn:hover{transform:translateY(-2px)}.google-g{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:white;color:#4285f4;font-size:16px}.secure-note{font:10px 'DM Mono',monospace;color:#7f7b9e;margin-top:19px}.secure-note span{color:#71f5d2;margin-right:5px}@media(max-width:760px){.shell{width:calc(100% - 28px)}.topbar{height:72px}.live-label{display:none}.welcome-row{display:block;padding:35px 0 25px}.channel-chip{margin-top:24px;width:100%}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{min-height:142px;padding:17px 19px}.stat-value{margin:13px 0 9px;font-size:36px}.section-head{display:block;margin-top:35px}.video-tools{margin-top:15px}.searchbox{flex:1}.searchbox input{width:100%;min-width:0}.table-head,.video-row{grid-template-columns:minmax(0,1fr) 70px 64px;gap:8px;padding-left:11px;padding-right:11px}.table-head span:last-child{display:none}.video-row .date{display:none}.thumb{width:78px;height:45px}.video-main{gap:9px}.video-title{font-size:11px}.metric{font-size:10px}.list-footer,footer{padding-left:11px;padding-right:11px;font-size:8px}.list-footer span:last-child{display:none}footer{flex-direction:column}.login-panel{padding:35px 19px}.subline{max-width:300px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}