*{box-sizing:border-box}html{color-scheme:dark}body{--media-fg:#edf7ff;--media-muted:#a3bfce;--glass-bg:linear-gradient(135deg,rgba(6,18,30,.64),rgba(5,31,48,.34));--glass-border:#afd9ee40;--glass-shadow:0 16px 42px #0005,inset 0 1px 0 #ffffff35;--glass-text:#effaff;--glass-soft:#a6c3d2;margin:0;position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;background:#07131f;color:var(--media-fg);font:16px/1.5 system-ui,sans-serif}body::before,body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none}body::before{background-image:linear-gradient(115deg,rgba(5,13,24,.86) 0%,rgba(8,32,56,.62) 47%,rgba(6,19,31,.78) 100%),url("media/media-car-dark.jpg");background-size:cover;background-position:center 52%;background-repeat:no-repeat;transform:scale(1.025);animation:car-arrive 1.25s cubic-bezier(.2,.7,.2,1) both}body::after{z-index:-1;background:radial-gradient(ellipse at 70% 38%,rgba(22,137,207,.18),transparent 56%),linear-gradient(180deg,rgba(2,9,17,.18),rgba(3,10,18,.46) 70%,rgba(3,9,16,.78));transition:background .5s ease}html[data-theme="light"]{color-scheme:light}html[data-theme="light"] body{--media-fg:#15364c;--media-muted:#496779;--glass-bg:linear-gradient(135deg,rgba(255,255,255,.68),rgba(227,241,249,.48));--glass-border:rgba(38,95,125,.2);--glass-shadow:0 16px 42px rgba(21,58,81,.14),inset 0 1px 0 rgba(255,255,255,.86);--glass-text:#173f58;--glass-soft:#456678;background:#eef6fa;color:var(--media-fg)}html[data-theme="light"] body::before{background-image:linear-gradient(112deg,rgba(241,248,252,.58),rgba(231,243,250,.25) 48%,rgba(245,250,253,.56)),url("media/media-car-light.jpg")}html[data-theme="light"] body::after{background:radial-gradient(ellipse at 75% 42%,rgba(34,155,211,.13),transparent 57%),linear-gradient(180deg,rgba(243,250,253,.08),rgba(225,239,247,.36) 72%,rgba(222,237,246,.62))}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #65d6f5;outline-offset:4px}[hidden]{display:none!important}.media-shell{position:relative;z-index:1;width:min(1100px,calc(100% - 40px));margin:0 auto;padding:26px 0 64px;animation:unfold .55s cubic-bezier(.2,.75,.2,1) both;transform-origin:50% 25%}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--media-muted);font-size:12px;letter-spacing:.12em}.back{text-decoration:none;font-size:14px;letter-spacing:0;padding:10px 0}.media-brand{width:min(370px,75vw);margin:18px auto 28px}.media-brand img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 20px 60px #0005}.glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--glass-border);border-radius:24px;background:var(--glass-bg);color:var(--glass-text);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.media-theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg);color:var(--media-fg);font:inherit;font-size:12px;letter-spacing:0;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.topbar .theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg);color:var(--media-fg);font:inherit;font-size:12px;letter-spacing:0;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-theme="light"] .topbar .theme-toggle{border-color:var(--glass-border)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category{min-height:140px;padding:24px 12px;color:#effaff;font-size:clamp(17px,2.3vw,25px);font-weight:800;letter-spacing:.09em;transition:transform .3s,border-color .3s,box-shadow .3s}.category::after{content:"";position:absolute;inset:-70% auto -70% -65%;width:45%;pointer-events:none;background:linear-gradient(110deg,transparent,#fff7,transparent);transform:translateX(-100%) skewX(-18deg);opacity:0;transition:transform .85s ease,opacity .2s}.category:hover::after,.category:focus-visible::after{transform:translateX(460%) skewX(-18deg);opacity:.9}.category:hover{transform:translateY(-4px);border-color:#a5ecff99}.category[aria-pressed="true"]{border-color:#72d8ed;background:linear-gradient(135deg,#79daf02b,#418fa015);box-shadow:0 12px 34px #0004,inset 0 1px 0 #ffffff50}.library,.player{margin-top:24px;padding:26px}h1,h2{margin:0 0 18px;font-size:20px;letter-spacing:.04em}.track{display:flex;width:100%;align-items:center;gap:16px;text-align:left;padding:18px;border:1px solid #8fc9e135;border-radius:16px;background:#ffffff09;color:inherit;margin:10px 0}.track:hover,.track[aria-current="true"]{background:#97dcff1a;border-color:#7ccbe980}.track-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#7bdbf329;color:#c8f7ff;font-size:20px;flex-shrink:0}.track-copy{min-width:0}.track-copy strong,.track-copy small{display:block;overflow-wrap:anywhere}.track-copy small{color:var(--glass-soft);font-size:12px;margin-top:4px}.empty{color:var(--glass-soft)}.player-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.player-heading h2{overflow-wrap:anywhere}.player-heading button{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:10px;color:var(--media-fg);width:36px;height:36px;font-size:23px;flex-shrink:0}audio,video{display:block;width:100%;border-radius:14px}video{max-height:60vh;background:#000}.player-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:14px}.player-tools button,.player-tools select{background:var(--glass-bg);color:var(--media-fg);border:1px solid var(--glass-border);border-radius:9px;padding:8px 12px;min-height:42px}.player-tools label{display:flex;align-items:center;gap:8px}.player-tools a{margin-left:auto}#playerStatus{color:var(--glass-soft);font-size:13px;margin-bottom:0}html[data-theme="light"] .category{color:#173f58}html[data-theme="light"] .category[aria-pressed="true"]{color:#103b53;border-color:#1688b2;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(175,224,242,.72));box-shadow:0 12px 34px rgba(28,83,109,.14),inset 0 1px 0 #fff}html[data-theme="light"] .track:hover,html[data-theme="light"] .track[aria-current="true"]{background:rgba(74,170,209,.16);border-color:#4aa4c2}html[data-theme="light"] .track-icon{background:rgba(35,142,182,.14);color:#126484}@keyframes car-arrive{from{opacity:.45;transform:scale(1.055)}to{opacity:1;transform:scale(1.025)}}@keyframes unfold{from{opacity:0;transform:perspective(1000px) rotateX(6deg) scale(.95) translateY(22px)}to{opacity:1;transform:none}}@media(max-width:600px){.media-shell{width:calc(100% - 28px);padding-top:14px}.media-brand{width:240px;max-width:76vw;margin:12px auto 22px}.category-grid{grid-template-columns:1fr;gap:12px}.category{min-height:80px;border-radius:19px}.library,.player{padding:18px;border-radius:20px}.player-tools{gap:9px}.player-tools a{margin-left:0}.topbar{font-size:10px}.track{padding:14px}}@media(max-width:600px){body::before{background-position:center 47%}.topbar{flex-wrap:wrap}.topbar .theme-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){body::before,.media-shell{animation:none}.category,.category::after{transition:none}}
/* Media title glass changes palette with theme; no decorative typography overlays the car. */
.media-brand{position:relative;isolation:isolate;padding:15px;border:1px solid rgba(157,213,238,.28);border-radius:30px;background:linear-gradient(145deg,rgba(8,22,36,.80),rgba(9,38,55,.55));box-shadow:0 20px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(15px) saturate(1.14);-webkit-backdrop-filter:blur(15px) saturate(1.14);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}
.media-brand img{position:relative;z-index:0;border-radius:19px;box-shadow:0 7px 24px rgba(0,0,0,.18)}
.media-brand::after{content:"";position:absolute;z-index:1;inset:15px;border-radius:19px;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.015) 54%,rgba(63,168,210,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(124,199,228,.14)}
html[data-theme="light"] .media-brand{border-color:rgba(75,145,177,.28);background:linear-gradient(145deg,rgba(249,253,255,.88),rgba(226,242,249,.78));box-shadow:0 20px 50px rgba(28,71,94,.17),inset 0 1px 0 rgba(255,255,255,.97)}
html[data-theme="light"] .media-brand::after{background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.035) 55%,rgba(88,187,220,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(69,144,174,.12)}
@media(max-width:600px){.media-brand{padding:11px;border-radius:23px}.media-brand img,.media-brand::after{border-radius:15px}.media-brand::after{inset:11px}}

/* Never show the retired decorative JGS.MEDIA background title. */
.media-backdrop-copy,[data-media-watermark]{display:none!important;visibility:hidden!important;content:none!important}