:root{color-scheme:dark;--ui-scale:.9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f6fa;background:#080e17;font-synthesis:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #91f5e2;outline-offset:4px}svg{display:block}button,a{touch-action:manipulation}
.dashboard{height:100vh;height:100dvh;min-height:300px;max-width:1600px;margin:auto;display:grid;grid-template-rows:48px auto minmax(0,1fr) 54px;gap:18px;padding:20px max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));padding-top:max(16px,env(safe-area-inset-top));background:radial-gradient(ellipse at 10% 0,#15303270,transparent 55%),radial-gradient(ellipse at 90% 100%,#20172d70,transparent 60%)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:.12em;font-weight:800}.brand svg{width:29px;height:29px;color:#90e3cf}.brand small{font-size:10px;letter-spacing:.22em;font-weight:500;color:#8faba9;margin-left:9px}.time-block{display:flex;align-items:center;gap:14px}#dateLabel{font-size:12px;color:#91a1b4}#clock{font-size:22px;letter-spacing:.03em;font-variant-numeric:tabular-nums;font-weight:600}
.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.eyebrow{font-size:9px;letter-spacing:.22em;color:#87adad;font-weight:600;margin:0 0 8px}h1{font-size:calc(32px * var(--ui-scale));letter-spacing:-.045em;font-weight:600;margin:0;line-height:1.18}.section-number{font-size:9px;letter-spacing:.12em;color:#69808d;padding-bottom:4px;white-space:nowrap}
.services{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:0}.service{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff17;border-radius:24px;padding:20px 24px;background:#121d2c;transition:transform .15s,border-color .15s}.youtube{background:radial-gradient(ellipse at 70% 35%,#713d4b45,transparent 65%),linear-gradient(125deg,#263344,#172230 75%)}.netflix{background:radial-gradient(ellipse at 55% 45%,#941c3033,transparent 60%),linear-gradient(130deg,#29212d,#191522)}.service:hover{border-color:#ffffff55}.service:active{transform:scale(.985)}.card-top{display:flex;justify-content:space-between;align-items:center;z-index:1}.category{font-size:10px;letter-spacing:.12em;font-weight:600;color:#c2c8d3}.external{font-size:20px;color:#a3a4b4}.art{position:relative;display:grid;place-items:center;flex:1;min-height:65px}.youtube-icon{width:calc(112px * var(--ui-scale));max-height:80%;filter:drop-shadow(0 16px 28px #ff234636);z-index:1}.netflix-icon{height:calc(100px * var(--ui-scale));max-height:85%;filter:drop-shadow(0 12px 25px #e5091420);z-index:1}.orbit{position:absolute;border:1px solid #ffffff06;border-radius:50%;width:210px;height:210px;pointer-events:none}.orbit-two{width:300px;height:300px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:1}h2{font-size:calc(34px * var(--ui-scale));font-weight:650;letter-spacing:-.04em;margin:0 0 5px}.card-bottom p{font-size:calc(14px * var(--ui-scale));color:#adb6c5;margin:0;line-height:1.4}.launch{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff20;font-size:24px;color:#e0e4ec}
.dock{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-player{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;background:#ffffff05;border:1px solid #ffffff0e;border-radius:14px;font-size:13px;font-weight:600}.compact-player svg{width:23px;height:23px;color:#98cabc}.compact-player small{color:#8295a8;font-weight:400;margin-left:8px;font-size:11px}.dock-note{font-size:11px;color:#7d8fa2}#fitBtn{background:#17212d;color:#dce6f2;border:1px solid #ffffff16;border-radius:14px;min-width:94px;min-height:48px;padding:8px 16px;font-size:14px;font-variant-numeric:tabular-nums}
@media(min-width:1200px) and (min-height:600px){.dashboard{padding:32px 48px;gap:26px;grid-template-rows:54px auto minmax(0,1fr) 60px}.service{padding:28px 32px;border-radius:32px}h1{font-size:calc(46px * var(--ui-scale))}.youtube-icon{width:calc(170px * var(--ui-scale))}.netflix-icon{height:calc(155px * var(--ui-scale))}h2{font-size:calc(44px * var(--ui-scale))}}
@media(max-height:400px) and (orientation:landscape){.dashboard{grid-template-rows:40px auto minmax(0,1fr) 48px;gap:10px;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))}.eyebrow,.section-number{display:none}h1{font-size:calc(25px * var(--ui-scale))}.service{padding:12px 16px;border-radius:18px}.services{gap:12px}.category{font-size:9px}.youtube-icon{width:calc(78px * var(--ui-scale))}.netflix-icon{height:calc(66px * var(--ui-scale))}h2{font-size:calc(27px * var(--ui-scale))}.card-bottom p{display:none}.launch{height:32px;width:32px;font-size:20px}.art{min-height:42px}.compact-player small{display:none}}
@media(max-width:500px) and (orientation:portrait){.dashboard{min-height:600px;grid-template-rows:44px auto minmax(0,1fr) 52px;padding:14px 18px;gap:14px}.services{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:14px}.service{padding:12px 20px}.art{min-height:55px}.youtube-icon{width:76px}.netflix-icon{height:65px}h2{font-size:26px}.card-bottom p{font-size:11px}.heading h1{font-size:25px}.section-number,.dock-note,.compact-player small,#dateLabel{display:none}.brand small{margin-left:4px}.service .orbit{width:170px;height:170px}.service .orbit-two{width:240px;height:240px}}
@media(prefers-reduced-motion:reduce){.service{transition:none}}