:root{--bg: #000000;--text: #f5f5f7;--muted: #86868b;--faint: #6e6e73;--fill: #f5f5f7;--ink: #000000;--live: #ff4d4d;--ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}html{background:var(--bg)}body{font-family:var(--ui);background:var(--bg);color:var(--text);line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:3;background:var(--fill);color:var(--ink);padding:.4rem .7rem;border-radius:8px;text-decoration:none;font-size:.85rem}.page{position:relative;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;padding:calc(1.5rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-right)) calc(1.75rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left))}.mark{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;min-height:1.25rem}.mark-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;flex:0 0 auto}.mark-name{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.live{margin:0;display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--live)}.live-dot{width:.38rem;height:.38rem;border-radius:50%;background:var(--live)}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;width:min(44rem,100%);margin:0 auto}.ntr-monitor{width:100%;min-width:0;align-self:stretch;display:flex;align-items:center}.ntr-monitor-hit{appearance:none;position:relative;flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ntr-monitor-hit:focus-visible{outline:2px solid rgb(255 255 255 / .7);outline-offset:-2px}.ntr-monitor-wave{display:block;width:100%;height:clamp(4.5rem,16vh,7.5rem);opacity:.62;transition:opacity .2s ease;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 88%,transparent 100%)}.ntr-monitor:not(.is-muted) .ntr-monitor-wave,.ntr-monitor-hit:hover .ntr-monitor-wave,.ntr-monitor-hit:focus-visible .ntr-monitor-wave{opacity:1}.ntr-monitor-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text);background:#000000d1;opacity:0;pointer-events:none;transition:opacity .15s ease}.ntr-monitor-hint svg{width:.95rem;height:.95rem}.ntr-monitor.is-muted .ntr-monitor-hint,.ntr-monitor-hit:hover .ntr-monitor-hint,.ntr-monitor-hit:focus-visible .ntr-monitor-hint{opacity:1}audio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.now{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.now-title-slot,.now-artist-slot{min-width:0;max-width:100%;overflow:hidden}.now-title{margin:0;font-size:.95rem;font-weight:590;letter-spacing:-.02em;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.now-artist{margin:.08rem 0 0;font-size:.8rem;font-weight:400;line-height:1.25;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}@media(max-width:520px){.page{padding:calc(1.15rem + env(safe-area-inset-top)) calc(1.15rem + env(safe-area-inset-right)) calc(1.4rem + env(safe-area-inset-bottom)) calc(1.15rem + env(safe-area-inset-left))}.stage{gap:.4rem}}@media(prefers-reduced-motion:reduce){.ntr-monitor-wave,.ntr-monitor-hint{transition:none}}