:root{--color-bg: #151515;--color-surface: #1f1f1f;--color-surface-2: #262626;--color-text: #f2f2f0;--color-muted: #8a8a86;--color-accent: #ffffff;--color-accent-ink: #151515;--font-display: "Montserrat", "Arial Narrow", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-display)}button{font-family:inherit}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.app-loading__logo{width:min(50vw,200px);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.radio-screen{position:relative;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px;padding:20px 20px 90px;overflow:hidden}.radio-screen__header{width:100%;display:flex;justify-content:space-between;align-items:center}.radio-screen__station{font-size:20px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.on-air-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1.5px solid var(--color-muted);border-radius:10px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--color-muted)}.on-air-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.on-air-badge--live{border-color:var(--color-accent);color:var(--color-accent)}.radio-screen__artist{color:var(--color-muted);text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:3px}.radio-screen__title{flex:1;min-height:0;font-size:clamp(32px,12vw,72px);line-height:.94;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.equalizer{width:100%;height:28px;display:block}.progress-bar{width:100%}.progress-bar__track{height:3px;background:var(--color-surface-2)}.progress-bar__fill{height:100%;background:var(--color-accent)}.progress-bar__time{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--color-muted);margin-top:6px;letter-spacing:.5px}.radio-screen__play{align-self:center;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer}.radio-screen__play:active{opacity:.8}.icon-play{width:0;height:0;margin-left:4px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent currentColor}.icon-pause{position:relative;width:20px;height:24px}.icon-pause:before,.icon-pause:after{content:"";position:absolute;top:0;width:6px;height:100%;background:currentColor}.icon-pause:before{left:2px}.icon-pause:after{right:2px}.radio-screen__next{width:100%;border-top:1px solid var(--color-surface-2);padding-top:12px;color:var(--color-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-library,.admin-radio-controls{padding:16px 16px 90px;min-height:100vh;background:var(--color-bg)}.admin-library h2,.admin-radio-controls h2{display:inline-block;background:var(--color-accent);color:var(--color-accent-ink);text-transform:uppercase;font-weight:900;letter-spacing:1px;padding:4px 10px;margin:0 0 16px}.admin-library input[type=file]{color:var(--color-muted);font-size:13px}.admin-library__results{font-size:12px;color:var(--color-muted);font-weight:600}.admin-library__list,.admin-radio-controls ul{list-style:none;padding:0}.admin-library__list li,.admin-radio-controls li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--color-surface-2);cursor:grab}.admin-library button,.admin-radio-controls button{background:transparent;color:var(--color-text);border:1px solid var(--color-muted);padding:6px 10px;border-radius:0;cursor:pointer;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-library button:active,.admin-radio-controls button:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.app__admin-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-bg);border-top:1px solid var(--color-surface-2);padding:0 8px env(safe-area-inset-bottom,0px);z-index:2}.app__admin-nav button{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-muted);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1px;cursor:pointer;padding:16px 4px}.app__admin-nav button.is-active{color:var(--color-text);border-bottom-color:var(--color-accent)}.app__admin-nav button:active{opacity:.7}