:root{color-scheme:dark}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}[hidden]{display:none!important}button{min-height:46px;font-size:15px;border-radius:12px}header.mobile-header{max-width:660px;padding:18px 18px 14px;border:0;gap:16px}.mobile-header .brand{font-size:11px;letter-spacing:1.7px;color:#a1b2c3}.mobile-header h1{font-size:28px;letter-spacing:-.8px;margin:3px 0 0;line-height:1.15}#openSettings{background:transparent;border-color:#344252}main{max-width:660px;padding:0 18px 24px}.channel-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 12px;font-size:12px}.channel-label strong{letter-spacing:1px;color:#8be6c4}.channel-label span{color:#9aabbd}.screen{min-height:0;aspect-ratio:16/9;border-radius:15px;width:100%}.screen video{object-fit:contain}.now{padding-top:17px;min-height:0}.now h2{font-size:21px;line-height:1.3;letter-spacing:-.3px;margin:6px 0}.now .eyebrow{font-size:12px}.now #description{display:none}.transport{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:17px}.transport #enableSound{grid-column:1/-1;min-height:50px}.transport #play{background:#1b3029;border-color:#3c6d5b}.rotate-hint{font-size:12px;text-align:center;margin:12px 0 0;color:#96a6b8}.status{font-size:13px;min-height:0;margin:8px 0 14px}.next-card{border-top:1px solid #263343;padding-top:16px}.next-card h2{font-size:15px}.queue{margin:9px 0 0}.queue li:not(:first-child){display:none}.queue button{border:0;background:#141e29;border-radius:12px;padding:13px;font-size:14px}.queue b{display:none}.queue small{font-size:12px}.feedback{margin-top:17px;padding-top:16px;gap:8px}.feedback span{font-size:13px}.feedback button{flex:1;font-size:13px;min-height:44px;padding:9px 6px;white-space:nowrap}.sample-note{font-size:12px;color:#94a4b4;margin-top:20px}.immersive-controls{display:none}dialog{color:#edf4fa;background:#111a24;border:1px solid #334453;border-radius:22px 22px 0 0;width:100%;max-width:600px;max-height:90vh;max-height:90dvh;margin:auto auto 0;padding:0 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}dialog::backdrop{background:#000b}.settings-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111a24;padding:17px 0;z-index:2;border-bottom:1px solid #30404f}.settings-header h2{font-size:22px}.settings-section{padding:22px 0;border-bottom:1px solid #30404f}.settings-section h2{font-size:17px}.settings-section .profile{font-size:15px}.settings-section select{min-height:48px;font-size:16px}.settings-section .small,.appbar p{font-size:14px}.topics{margin:12px 0 0}.topic{font-size:15px;min-height:48px}.appbar{display:flex;align-items:stretch;flex-direction:column;gap:15px}.appbar p{margin:4px 0}.appbar details{font-size:14px}summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px;font-weight:600}.library{margin:0;background:transparent;border:0;border-radius:0}.libraryrow{grid-template-columns:1fr;margin:0}.libraryrow select{max-width:100%}.libraryrows{margin:8px 0}.textbutton{font-size:14px}.immersive{overflow:hidden}.immersive .screen{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;max-width:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.immersive .screen video{width:100%;height:100%;object-fit:contain}.immersive .immersive-controls,.screen:fullscreen .immersive-controls{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px;z-index:5;pointer-events:none}.immersive-controls button{pointer-events:auto;background:#081019dc;color:#fff;border:1px solid #a8b9cb80;min-height:44px;padding:9px 15px;box-shadow:0 2px 12px #0008}.screen:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#000}.screen:fullscreen video{object-fit:contain}.screen:fullscreen #nativeFullscreen{display:none}@media(min-width:761px){header.mobile-header{padding-top:24px}main{padding-bottom:36px}dialog{margin:auto;border-radius:22px;max-height:85vh}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.mobile-header h1{font-size:25px}.transport button{font-size:14px;padding:10px 6px}.now h2{font-size:19px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:rise .18s ease-out}@keyframes rise{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}}