:root{--bg:#0b1220;--panel:#111b2e;--text:#e8eefc;--muted:#9bb0d2;--border:#1f2b44;--primary:#4c7dff;--danger:#ff4c4c}:root[data-theme=light]{--bg:#f6f7fb;--panel:#fff;--text:#111827;--muted:#4b5563;--border:#e5e7eb;--primary:#295bff;--danger:#c81e1e}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif}.app{flex-direction:column;min-height:100%;display:flex}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 16px 8px;display:flex}.h1{letter-spacing:.2px;font-size:18px;font-weight:700}.sub{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.3}.main{flex:1;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}@media (width<=980px){.main{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.panel__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel__left{min-width:0}.panel__right{justify-content:flex-end;align-items:center;display:flex}.panel__controls{flex-wrap:wrap;justify-content:flex-start}.label{color:var(--muted);font-size:12px}.value{margin-top:2px;font-size:16px;font-weight:650}.muted{color:var(--muted);font-size:12px}.muted.small{font-size:11px;line-height:1.35}.btn{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:13px}.btn:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.danger{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));color:color-mix(in srgb, var(--danger) 90%, var(--text))}.range{width:100%}.timer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.checkbox{align-items:center;gap:8px;font-size:13px;display:flex}.notice{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 85%, black 15%);border-radius:10px;padding:10px 12px;font-size:13px}.notice.error{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));color:color-mix(in srgb, var(--danger) 85%, var(--text))}.list{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.list__header{border-bottom:1px solid var(--border);padding:12px 14px;font-weight:650}.list__items{flex-direction:column;display:flex}.station{text-align:left;width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;padding:12px 14px}.station:hover{background:color-mix(in srgb, var(--panel) 80%, var(--primary) 20%)}.station.active{background:color-mix(in srgb, var(--panel) 75%, var(--primary) 25%)}.station__name{font-size:14px;font-weight:650}.station__meta{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.dot{opacity:.6}.footer{border-top:1px solid var(--border);padding:10px 16px}.viz{align-items:flex-end;gap:3px;height:18px;display:flex}.viz span{background:color-mix(in srgb, var(--muted) 70%, var(--border));border-radius:2px;width:3px;height:4px;transition:height .2s;display:block}.viz--on span{animation:1s ease-in-out infinite bounce}.viz--on span:nth-child(2){animation-delay:.1s}.viz--on span:nth-child(3){animation-delay:.2s}.viz--on span:nth-child(4){animation-delay:.3s}.viz--on span:nth-child(5){animation-delay:.4s}@keyframes bounce{0%,to{opacity:.7;height:4px}50%{opacity:1;height:18px}}