:root{
  --bg:#06080d;--panel:rgba(12,16,24,.82);--panel2:rgba(18,24,35,.90);--line:rgba(255,255,255,.10);--text:#f4f7fb;--muted:#8e9aab;
  --blue:#00a1e0;--blue2:#53d6ff;--mint:#65e6b0;--gold:#ffbd3c;--violet:#9b7cff;--danger:#ff6b7d;
  --display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --r:24px;--shadow:0 24px 80px rgba(0,0,0,.46);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#102335 0,#06080d 45%,#03050a 100%);color:var(--text);font-family:var(--display);overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,input{font:inherit} button{cursor:pointer} body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,transparent 0,rgba(0,0,0,.18) 45%,rgba(0,0,0,.72) 100%);z-index:1}
#rain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.68}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.ambient--one{width:45vw;height:45vw;left:-15vw;top:-12vw;background:rgba(0,161,224,.13)}.ambient--two{width:40vw;height:40vw;right:-14vw;bottom:5vh;background:rgba(155,124,255,.10)}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.08;background:repeating-linear-gradient(180deg,transparent,transparent 3px,rgba(255,255,255,.09) 4px)}
.shell{position:relative;z-index:4;max-width:1380px;margin:auto;padding:18px clamp(12px,2.2vw,30px) 28px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:18px 0 12px}.brand-lockup .eyebrow{font:600 10px var(--mono);letter-spacing:.15em;color:#87a5bb}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4affb2;box-shadow:0 0 16px #4affb2;animation:pulse 1.5s infinite}.eyebrow-divider{opacity:.45;padding:0 8px}.brand-lockup h1{margin:9px 0 7px;line-height:.82;font-weight:850;font-size:clamp(45px,8vw,105px);letter-spacing:-.055em}.brand-lockup h1 span{display:block;color:#dbe5ef}.brand-lockup h1 strong{display:block;color:var(--blue);text-shadow:0 0 35px rgba(0,161,224,.38)}.brand-lockup p{margin:0;color:#aab4c1;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase}.office-meter{width:280px;padding:16px 16px 13px;border:1px solid var(--line);border-radius:18px;background:rgba(9,13,19,.66);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.meter-top{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}.meter-top b{color:#fff}.meter-line{height:8px;background:#111824;border-radius:99px;margin:10px 0;overflow:hidden}.meter-line span{display:block;width:61%;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint),var(--gold));box-shadow:0 0 16px rgba(0,161,224,.35);animation:meter 5s ease-in-out infinite}.meter-foot{display:flex;justify-content:space-between;color:#637083;font:9px var(--mono)}
.tech-marquee{overflow:hidden;border-block:1px solid var(--line);margin:2px 0 22px;background:rgba(4,8,14,.48)}.tech-marquee__track{display:flex;align-items:center;gap:16px;width:max-content;padding:9px 0;white-space:nowrap;animation:marquee 30s linear infinite;font:600 10px var(--mono);color:#8ea2b5}.tech-marquee i{width:4px;height:4px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.78fr);gap:18px}.hero-panel{min-height:690px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(16,25,36,.86),rgba(7,10,16,.9));box-shadow:var(--shadow);isolation:isolate}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 45%,black 0 25%,transparent 76%);animation:gridDrift 10s linear infinite}.hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,161,224,.16),transparent 62%);filter:blur(10px);animation:breath 5s ease-in-out infinite}.hero-youtube{position:absolute;z-index:4;left:50%;top:50%;width:min(66%,720px);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hero-youtube__frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;border:1px solid rgba(0,161,224,.22);box-shadow:0 0 0 8px rgba(0,161,224,.025),0 24px 70px rgba(0,0,0,.52),0 0 70px rgba(0,161,224,.10)}.hero-youtube__frame::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,rgba(0,161,224,.08),transparent 38%,rgba(0,0,0,.28) 100%)}.hero-youtube__caption{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 5px 0;font:700 9px var(--mono);letter-spacing:.11em;color:#8eb0c3;text-transform:uppercase}.hero-youtube__caption small{font:9px var(--mono);letter-spacing:.04em;color:#6e7f90;text-transform:none}.hero-kicker{font:600 9px var(--mono);letter-spacing:.22em;color:#9cb1c1;margin-bottom:12px}.hero-youtube .youtube-overlay{bottom:10px}.hero-youtube .youtube-overlay a{background:rgba(4,10,15,.68)}.terminal{position:absolute;z-index:2;padding:0;border:1px solid rgba(255,255,255,.11);background:rgba(4,7,11,.72);backdrop-filter:blur(14px);border-radius:15px;box-shadow:0 15px 40px rgba(0,0,0,.35);font:10px/1.55 var(--mono);overflow:hidden;animation:floaty 6s ease-in-out infinite}.terminal-bar{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07);font-size:8px;color:#99aabb;letter-spacing:.12em}.terminal-live{color:var(--blue2)}.terminal-live--mint{color:var(--mint)}.terminal-live--gold{color:var(--gold)}.terminal code{display:block;padding:11px 12px;color:#95a6b7}.kw{color:#a786ff}.type{color:#53d6ff}.name{color:#68e6b8}.str{color:#ffc665}.terminal--apex{left:18px;top:20px;width:270px}.terminal--flow{right:18px;top:16px;width:210px;animation-delay:-1.5s}.terminal--prompt{left:26px;bottom:24px;width:295px;animation-delay:-3s}.flow-node{padding:7px 10px;margin:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#afbdc9;background:rgba(255,255,255,.025)}.flow-node--start{color:#8da8ba}.flow-node--accent{color:var(--mint);border-color:rgba(101,230,176,.22);box-shadow:0 0 22px rgba(101,230,176,.08)}.flow-line{width:1px;height:10px;background:#3a5362;margin:auto}.agent-card{position:absolute;right:22px;bottom:24px;width:260px;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(101,230,176,.16);background:rgba(8,15,16,.72);border-radius:14px;box-shadow:0 0 30px rgba(101,230,176,.06)}.agent-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(101,230,176,.11);color:var(--mint)}.agent-card strong{display:block;font:700 9px var(--mono);color:var(--mint);letter-spacing:.12em}.agent-card small{display:block;color:#9ba9b4;margin-top:2px;line-height:1.3}
.player-card{position:sticky;top:14px;align-self:start;padding:16px 16px 15px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg,rgba(21,28,40,.96),rgba(7,10,16,.92));box-shadow:var(--shadow);backdrop-filter:blur(20px)}.player-head{display:flex;justify-content:space-between;color:#8596a7;font:600 9px var(--mono);letter-spacing:.16em}.live-pill{color:#79e8b9}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79e8b9;box-shadow:0 0 8px #79e8b9;animation:pulse 1.2s infinite}.cover-wrap{position:relative;margin:13px auto 12px;width:min(100%,330px)}.cover-art{position:relative;overflow:hidden;aspect-ratio:1;max-height:330px;border-radius:19px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 25% 20%,rgba(0,161,224,.45),transparent 35%),linear-gradient(145deg,#152331,#070b11 62%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;box-shadow:inset 0 0 60px rgba(0,0,0,.35)}.cover-sheen{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08) 48%,transparent 60%);transform:translateX(-50%);animation:sheen 7s ease-in-out infinite}.cover-type{font-size:clamp(34px,4vw,52px);font-weight:850;line-height:.78;letter-spacing:-.07em;position:relative}.cover-type b{color:var(--blue)}.cover-sub{margin-top:10px;font:600 9px var(--mono);color:#86a0b2;letter-spacing:.12em;position:relative}.cover-code{position:absolute;right:12px;top:12px;color:rgba(133,195,222,.26);font:8px/1.45 var(--mono);text-align:right}.vinyl-mini{position:absolute;right:-10px;bottom:-18px;width:120px;height:120px;border-radius:50%;background:repeating-radial-gradient(circle at center,#161a22 0 2px,#0c0f15 3px 4px);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px rgba(0,0,0,.45)}.vinyl-mini::before{content:"";position:absolute;inset:43%;border-radius:50%;background:#101923;border:1px solid rgba(0,161,224,.25)}.track-meta{padding:0 2px}.track-badge{display:inline-block;padding:6px 8px;border-radius:8px;background:rgba(0,161,224,.09);border:1px solid rgba(0,161,224,.18);color:#7cc7e5;font:700 8px var(--mono);letter-spacing:.09em}.track-meta h2{font-size:clamp(21px,2.6vw,30px);margin:8px 0 3px;letter-spacing:-.035em}.track-meta>p{margin:0;color:#93a0af}.track-quote{margin-top:9px!important;color:#c5ced8!important;font-size:12px!important;min-height:32px}.watch-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 1px;font:700 8px var(--mono);letter-spacing:.09em;color:#637588}.watch-row a{color:#8fdcf2;text-decoration:none;border:1px solid rgba(0,161,224,.18);padding:6px 8px;border-radius:8px;background:rgba(0,161,224,.05)}.progress-row{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;align-items:center;margin-top:12px}.progress-row span{font:9px var(--mono);color:#708094}.volume-row{display:grid;grid-template-columns:18px 1fr 38px;gap:8px;align-items:center;margin-top:10px;color:#788797}.volume-row span:last-child{font:700 8px var(--mono);color:var(--mint);text-align:right}.controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px}.icon-btn,.play-btn{border:0;color:#c9d4df;background:transparent;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{background:rgba(255,255,255,.05);color:#fff}.icon-btn[aria-pressed="true"]{color:var(--blue2);background:rgba(0,161,224,.09)}.play-btn{width:60px;height:60px;background:linear-gradient(145deg,#22b7ed,#0087bf);color:#041019;font-weight:900;font-size:20px;box-shadow:0 10px 32px rgba(0,161,224,.28),inset 0 1px 0 rgba(255,255,255,.35);transform:translateZ(0)}.play-btn:hover{transform:scale(1.04)}input[type=range]{width:100%;accent-color:var(--blue)}.player-tip{margin-top:10px;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.08);font:10px/1.45 var(--mono);color:#77879a}.library{grid-column:1 / 2;border:1px solid var(--line);border-radius:var(--r);background:rgba(9,13,19,.70);padding:20px;min-width:0}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:end}.section-kicker{color:var(--blue);font:700 9px var(--mono);letter-spacing:.15em}.section-heading h2{margin:6px 0 0;font-size:clamp(24px,3vw,36px);letter-spacing:-.04em}.local-btn{border:1px solid rgba(101,230,176,.17);background:rgba(101,230,176,.07);color:#98e9c7;border-radius:12px;padding:10px 12px;font:600 10px var(--mono)}.mood-bar{display:flex;gap:8px;overflow:auto;padding:18px 0 12px;scrollbar-width:none}.mood-bar::-webkit-scrollbar{display:none}.mood-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#9ca9b8;padding:9px 11px;border-radius:999px;font:600 9px var(--mono)}.mood-chip[aria-selected="true"]{background:rgba(0,161,224,.12);border-color:rgba(0,161,224,.25);color:#92def5;box-shadow:0 0 22px rgba(0,161,224,.07)}.playlist-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.track{width:100%;border:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.01));color:#dce4ec;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:10px;border-radius:13px;text-align:left}.track:hover{border-color:rgba(0,161,224,.18);background:rgba(0,161,224,.055);transform:translateY(-1px)}.track[aria-selected="true"]{background:linear-gradient(90deg,rgba(0,161,224,.12),rgba(0,161,224,.03));border-color:rgba(0,161,224,.24)}.track__index{font:700 9px var(--mono);color:#718093;text-align:center}.track[aria-selected="true"] .track__index{color:var(--blue2)}.track__title{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track__sub{font:9px var(--mono);color:#77879a}.track__tag{justify-self:end;font:9px var(--mono);color:#7da1b2}.empty-hint{color:#728095;font:11px var(--mono)}.experience-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.experience-card{min-width:0;border:1px solid var(--line);background:rgba(9,13,19,.72);border-radius:18px;padding:15px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.exp-icon{font-size:20px}.experience-card b{display:block;font:700 9px var(--mono);letter-spacing:.12em}.experience-card p{margin:3px 0 0;color:#748294;font-size:10px;line-height:1.35}.experience-card button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#aec0cf;border-radius:9px;padding:8px 9px;font:700 8px var(--mono)}.experience-card button:hover{border-color:rgba(0,161,224,.2);color:#8edcf3}.footer{display:flex;justify-content:space-between;gap:12px;padding:16px 4px 0;color:#667488;font:9px var(--mono);flex-wrap:wrap}.footer b{color:#9ab2c2}
@keyframes pulse{50%{opacity:.45;transform:scale(.82)}75%{opacity:1;transform:scale(1.07)}}@keyframes meter{0%,100%{width:40%}50%{width:84%}}@keyframes marquee{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes gridDrift{to{background-position:44px 44px}}@keyframes breath{50%{transform:translate(-50%,-50%) scale(1.1);opacity:.78}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheen{0%,45%{transform:translateX(-50%)}70%,100%{transform:translateX(90%)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
body.mode-rain #rain{opacity:.95}body.mode-cloud .hero-glow{background:radial-gradient(circle,rgba(101,230,176,.15),transparent 62%)}body.mode-agent .agent-card{box-shadow:0 0 42px rgba(101,230,176,.18)}body.mode-apex .terminal--apex{box-shadow:0 0 34px rgba(0,161,224,.18)}
@media (max-width:1100px){.dashboard{grid-template-columns:1fr}.player-card{position:relative;top:auto;order:-1}.hero-panel{min-height:710px}.hero-youtube{width:min(76%,760px)}.library{grid-column:1}.experience-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.shell{padding-inline:10px}.topbar{align-items:flex-start;flex-direction:column}.office-meter{width:100%}.hero-panel{min-height:735px}.hero-youtube{width:calc(100% - 34px);top:50%}.hero-youtube__caption{align-items:flex-start;flex-direction:column;gap:4px;padding-inline:2px}.hero-youtube__frame{border-radius:17px}.terminal--apex{left:10px;top:10px;width:235px}.terminal--flow{right:10px;top:18px;width:180px}.terminal--prompt{left:12px;bottom:16px;width:255px}.agent-card{right:12px;bottom:16px;width:210px}.playlist-list{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.local-btn{width:100%}.watch-row{font-size:7px}.cover-wrap{width:min(100%,300px)}}
@media (max-width:520px){.brand-lockup h1{font-size:clamp(42px,17vw,72px)}.hero-panel{min-height:690px}.hero-youtube{width:calc(100% - 24px);top:50%}.hero-youtube__frame{border-radius:14px}.hero-youtube__caption{font-size:7px}.hero-youtube__caption small{font-size:8px}.terminal{font-size:8px}.terminal--apex{width:185px}.terminal--flow{width:152px}.terminal--prompt{width:195px}.agent-card{width:180px}.experience-grid{grid-template-columns:1fr}.player-card{padding:14px}.cover-art{padding:15px;max-height:290px}.cover-type{font-size:38px}.controls{gap:0}.icon-btn{width:40px}.play-btn{width:56px;height:56px}.watch-row{flex-direction:column;align-items:flex-start}.watch-row a{width:100%;text-align:center}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.cover-art--song{background-size:cover;background-position:center}.is-playing .hero-youtube__frame{box-shadow:0 0 0 8px rgba(0,161,224,.035),0 24px 80px rgba(0,0,0,.55),0 0 90px rgba(0,161,224,.15)}.is-playing .vinyl-mini{animation:spin 5s linear infinite}.catalog-note{font:700 9px var(--mono);color:#7d91a3}.catalog-note span{color:var(--blue2)}

.hero-youtube .youtube-player{position:absolute;inset:0}.hero-youtube .youtube-player iframe{width:100%!important;height:100%!important;border:0}.hero-youtube .youtube-overlay{position:absolute;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font:700 8px var(--mono);letter-spacing:.1em;color:#d9e2ea;text-shadow:0 1px 4px #000}.hero-youtube .youtube-overlay a{pointer-events:auto;color:#fff;text-decoration:none;background:rgba(0,0,0,.45);padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:8px}

/* Corporate Mazdur player polish — compact first viewport + Deluxe-style YT player */
.player-card{z-index:8;max-height:calc(100vh - 28px);overflow:auto;scrollbar-width:thin}
.cover-wrap{width:min(100%,268px);margin:9px auto 9px}
.cover-art{max-height:268px}
.cover-type{font-size:clamp(28px,3vw,42px)}
.track-meta h2{font-size:clamp(19px,2.1vw,26px);margin:6px 0 2px}
.track-quote{margin-top:6px!important;min-height:24px;font-size:11px!important}
.watch-row{margin:8px 0 0}
.progress-row{margin-top:8px}
.controls{margin-top:8px}
.volume-row{margin-top:7px}
.player-tip{margin-top:7px;padding:7px 9px}
.hero-youtube{z-index:4}
.hero-youtube__frame{background:#000}
.hero-youtube .youtube-player{z-index:1}
.hero-youtube .youtube-overlay{z-index:4}
@media (max-width:1100px){
  .player-card{position:relative;top:auto;order:-1;max-height:none;overflow:visible}
  .cover-wrap{width:min(100%,250px)}
  .cover-art{max-height:250px}
}
@media (max-width:720px){
  .player-card{position:relative;top:auto;max-height:none;overflow:visible}
  .cover-wrap{width:min(100%,220px)}
  .cover-art{max-height:220px}
  .controls{margin-top:6px}
}
@media (max-width:520px){
  .player-card{padding:12px}
  .cover-wrap{width:min(100%,185px)}
  .cover-art{max-height:185px}
  .cover-type{font-size:30px}
  .track-meta h2{font-size:20px}
  .track-quote{min-height:20px;font-size:10px!important}
  .progress-row{grid-template-columns:30px 1fr 30px;gap:6px}
}

/* Desktop polish: lift the right-side player slightly upward without affecting mobile layout. */
@media (min-width:1101px){
  .player-card{top:0;transform:translateY(-86px);}
  .office-meter{transform:translateY(-156px);}
}
@media (max-width:1100px){
  .player-card{transform:none;}
}

/* Final interaction polish */
.youtube-actions{display:flex;align-items:center;gap:7px;pointer-events:auto}.youtube-actions a{display:inline-flex;align-items:center}.youtube-actions button{border:1px solid rgba(255,255,255,.15);background:rgba(4,10,15,.72);color:#fff;padding:6px 8px;border-radius:8px;font:700 12px/1 var(--mono);cursor:pointer}.youtube-actions button:hover{border-color:rgba(0,161,224,.45);background:rgba(0,161,224,.12)}.hero-youtube__frame:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.hero-youtube__frame:fullscreen .youtube-player iframe{width:100%!important;height:100%!important}
@media (min-width:1101px){
  /* Keep the right player visible while the song catalogue scrolls. */
  .player-card{position:sticky;top:18px;transform:none;align-self:start;}
  /* Bring Mazdur Status back down a little for the initial viewport. */
  .office-meter{transform:translateY(-52px);}
}

/* Final compact desktop player: reduce vertical footprint WITHOUT clipping controls. */
@media (min-width:1101px){
  .player-card{
    max-height: none;
    overflow: visible;
    padding: 13px 14px 12px;
  }
  /* Only the cover area is reduced to bring the card height down; controls remain fully visible. */
  .cover-wrap{margin: 6px auto 6px;width:min(100%,205px)}
  .cover-art{max-height: 150px;border-radius:16px;padding:12px}
  .cover-type{font-size:34px}
  .cover-sub{margin-top:5px;font-size:7px}
  .vinyl-mini{width:86px;height:86px;right:-6px;bottom:-12px}
  .track-meta h2{font-size:24px;margin:5px 0 1px}
  .track-quote{margin-top:4px!important;min-height:18px;font-size:10px!important}
  .watch-row{margin:6px 0 0;font-size:7px}
  .progress-row{margin-top:7px}
  .controls{margin-top:7px}
  /* Keep the full controls exactly present and comfortably tappable. */
  .play-btn{width:60px;height:60px}
  .icon-btn{width:42px;height:42px}
  .volume-row{margin-top:6px}
  .player-tip{margin-top:6px;padding:6px 8px}
}