@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";:root{--bg: #09141f;--panel: #122436;--panel-strong: #1b2f43;--text: #eaf3ff;--text-muted: #afc1d6;--accent: #39c6ff;--accent-2: #6ce7cf;--danger: #ff6f8f;--shadow: 0 14px 40px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#193454 0%,var(--bg) 42%);color:var(--text);font-family:IBM Plex Sans KR,sans-serif}.app-shell{position:relative;min-height:100vh;width:min(1200px,100% - 2.4rem);margin:0 auto;padding:1.6rem 0 8.5rem}.aurora{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(55px);z-index:-1;opacity:.35;animation:float 12s ease-in-out infinite}.aurora-a{top:-90px;right:8%;background:#35f2dc}.aurora-b{bottom:-150px;left:5%;background:#2f80ff;animation-delay:-4s}.hero{background:linear-gradient(148deg,#0e2d47e6,#0a1727f2);border:1px solid rgba(122,190,238,.22);border-radius:24px;padding:1.6rem;box-shadow:var(--shadow)}.chip{display:inline-flex;margin:0;border-radius:999px;padding:.36rem .7rem;background:#39c6ff2e;color:#9ee7ff;font-size:.74rem;letter-spacing:.08em}.hero h1{margin:.7rem 0 .25rem;font-size:clamp(1.9rem,2.8vw,2.7rem)}.hero-copy{margin:0;color:var(--text-muted);max-width:65ch;line-height:1.6}.hero-controls{margin-top:1.2rem;display:grid;gap:.9rem;grid-template-columns:minmax(220px,1fr) auto}.search-input,.timer-select{width:100%;border:1px solid rgba(132,191,238,.28);border-radius:12px;background:#081726bf;color:var(--text);padding:.76rem .9rem;font:inherit}.timer-select-wrap{display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted);font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.stats div{border-radius:14px;background:#07121f94;border:1px solid rgba(125,187,238,.2);padding:.8rem}.stats span{display:block;color:var(--text-muted);font-size:.82rem}.stats strong{display:block;margin-top:.25rem;font-size:1rem}.status{margin:1rem 0 0;border-radius:12px;background:#0a1f2eb8;border:1px solid rgba(116,174,231,.2);padding:.8rem}.status.error{border-color:#ff6f8f73;background:#49182599;color:#ffc7d4}.station-grid{margin-top:1.1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.95rem}.station-card{border-radius:18px;overflow:hidden;border:1px solid rgba(115,175,229,.18);background:linear-gradient(180deg,var(--panel),var(--panel-strong));box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.station-card:hover{transform:translateY(-2px);border-color:#6fd3ff73}.station-card.active{border-color:var(--accent-2)}.thumb-wrap{width:100%;padding:0;border:none;background:transparent;position:relative;cursor:pointer}.thumb-wrap img{display:block;width:20%;margin:.5rem auto 0;aspect-ratio:1 / 1;object-fit:cover}.live-pill{position:absolute;top:10px;right:10px;padding:.22rem .52rem;border-radius:999px;font-size:.67rem;font-weight:600;letter-spacing:.06em;background:#081625d9;border:1px solid rgba(144,224,255,.44)}.station-content{padding:.8rem}.station-name{margin:0;font-weight:600}.station-title{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem;min-height:2.5em}.station-actions{margin-top:.72rem;display:flex;gap:.45rem}.play-btn,.fav-btn,.dock-play{border:none;border-radius:10px;cursor:pointer;font:inherit;font-weight:600}.play-btn{flex:1;background:linear-gradient(90deg,var(--accent),#55d9f7);color:#002130;padding:.54rem .72rem}.play-btn:disabled{opacity:.6;cursor:not-allowed}.fav-btn{width:42px;background:#0c1f31d1;color:#aad3fa}.fav-btn.is-favorite{color:#ffe896}.player-dock{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);width:min(1200px,calc(100% - 2.4rem));border-radius:18px;border:1px solid rgba(115,186,240,.28);box-shadow:var(--shadow);background:#091420f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem .95rem;display:grid;grid-template-columns:2fr 1fr;gap:.9rem}.dock-now p{margin:0;color:var(--text-muted);font-size:.8rem}.dock-now strong{margin-top:.2rem;display:block}.dock-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.dock-play{background:var(--accent-2);color:#053426;padding:.55rem .9rem}.volume-wrap{display:flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.9rem}.volume-wrap input{width:120px}.dock-meta{grid-column:1 / -1;color:#8ca8c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(16px)}to{transform:translateY(0)}}@media (max-width: 760px){.app-shell{width:min(100% - 1.4rem,1200px);padding-bottom:11rem}.hero-controls,.stats{grid-template-columns:1fr}.player-dock{width:calc(100% - 1.4rem);grid-template-columns:1fr;gap:.7rem}.dock-actions{justify-content:flex-start;flex-wrap:wrap}}