*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0a0a0f;color:#e8eaed;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column;min-height:100vh}#app-shell{flex:1;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.app-header{flex:0 0 auto;padding:.85rem 1.25rem;background:transparent}.app-header h1{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f0f2f5}.app-header p,.profile-status{margin:.25rem 0 0;font-size:.8rem;color:#8b949e}.profile-status{color:#ffa657}.tabs{flex:0 0 auto;display:flex;gap:.25rem;padding:0 1.25rem .35rem;background:transparent}.tab-btn{background:transparent;border:none;color:#8b949e;padding:.65rem 1rem;font:inherit;cursor:pointer;border-bottom:2px solid transparent;text-decoration:none}.tab-btn:hover{color:#c9d1d9}.tab-btn.active{color:#f0f2f5;border-bottom-color:var(--listen-accent, #58a6ff)}main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.listen-player{flex:0 0 auto;display:flex;align-items:center;gap:.85rem;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);background:#0c0c12f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.listen-player__toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;border-radius:999px;background:#f0f2f5;color:#0a0a0f;cursor:pointer}.listen-player__toggle:active{transform:scale(.96)}.listen-player__info{flex:1;min-width:0;display:flex;align-items:center;gap:.65rem}.listen-player__station{font-size:.95rem;font-weight:600;color:#f0f2f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-player__audio{display:none}.sign-in-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.65rem 1.25rem;background:#161b22;border-bottom:1px solid #30363d;font-size:.85rem;color:#8b949e}.sign-in-bar p{margin:0;flex:1 1 12rem}.login-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1.25rem;border:none;border-radius:999px;background:#1db954;color:#000;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none}.login-btn:hover{background:#1ed760}.login-btn--compact{min-height:2.25rem;padding:.45rem 1rem;font-size:.85rem}.login-hint{font-size:.75rem;color:#6e7681}.user-bar{flex:0 0 auto;display:none;padding:.35rem 1.25rem;background:#161b22;border-bottom:1px solid #30363d;font-size:.8rem;color:#8b949e;justify-content:space-between;align-items:center;gap:.75rem}.user-bar.visible{display:flex}.user-bar__name{color:#58a6ff;font-weight:600}.user-bar__logout{background:transparent;border:1px solid #30363d;border-radius:4px;color:#8b949e;padding:.2rem .5rem;font:inherit;font-size:.75rem;cursor:pointer}.user-bar__logout:hover{color:#c9d1d9;border-color:#484f58}.auth-error-banner{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.25rem;background:#3d1f1f;border-bottom:1px solid #da3633;color:#ffa198;font-size:.85rem}.auth-error-banner button{background:transparent;border:none;color:inherit;font-size:1.1rem;cursor:pointer}.match-banner{flex:0 0 auto;display:none;align-items:center;gap:.75rem;margin:.5rem 1rem 0;padding:.75rem 1rem;border-radius:8px;background:#161b22;border:1px solid #238636;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease}.match-banner.visible{display:flex;opacity:1;transform:translateY(0)}.match-banner__text{flex:1;min-width:0}.match-banner__primary{font-size:.9rem;font-weight:600;color:#7ee787;line-height:1.35}.match-banner__secondary{margin-top:.15rem;font-size:.8rem;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-banner__close{flex:0 0 auto;background:transparent;border:none;color:#8b949e;font-size:1.1rem;line-height:1;padding:.25rem;cursor:pointer}.stations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem;flex:1;align-content:start}@media(max-width:768px){.stations-grid{grid-template-columns:repeat(2,1fr)}}.station-card{position:relative;aspect-ratio:3 / 4;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:visible;cursor:pointer;padding:0;background:#161b22;text-align:left;font:inherit;color:#fff;transition:filter .25s ease,opacity .25s ease,border-color .25s ease,box-shadow .25s ease}.station-card.inactive{filter:saturate(.4) brightness(.92);opacity:.88}.station-card.selected{filter:none;opacity:1;border-color:#ffffff1f;box-shadow:0 6px 20px #00000059,0 0 28px color-mix(in srgb,var(--station-accent, #484f58) 14%,transparent)}.station-card.selected:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--station-accent, #484f58);z-index:2}.station-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-size:cover;background-position:center}.station-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,#000000e0,#00000059 55%,#00000026)}.station-card__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:.85rem;gap:.15rem}.station-card__name{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#8b949e}.station-card__artist{font-size:.95rem;font-weight:600;line-height:1.25}.station-card__artist--commercial{color:#a371f7}.station-card__title{font-size:.85rem;color:#c9d1d9;line-height:1.25;margin-bottom:.35rem}.station-card__verdict{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:600;padding:.2rem .45rem;border-radius:4px;background:#00000073}.station-card__verdict.scoring{color:#8b949e;font-style:italic;font-weight:400}.station-card__verdict.match{color:#7ee787}.station-card__verdict.not-match{color:#8b949e}.station-card__verdict.commercial{color:#a371f7}.station-card__verdict.unknown,.station-card__verdict.idle{color:#484f58}.station-card__match-alert{position:absolute;top:.6rem;right:.6rem;z-index:2;display:none;font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;background:#238636;color:#fff}.station-card.has-match-alert .station-card__match-alert{display:block}.listen-view{position:relative;flex:1;display:flex;flex-direction:column;padding:0 1.25rem .75rem;max-width:28rem;margin:0 auto;width:100%;min-height:0}.listen-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.25rem 0 1.25rem;overflow:visible}.listen-hero__glow{position:absolute;top:-8%;left:0;right:0;height:68%;z-index:0;pointer-events:none;overflow:visible}.listen-hero__glow-layer{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;background-size:cover;background-position:center;{{}}transform-origin:center 42%;filter:blur(50px) saturate(1.18);opacity:.05;transition:opacity .5s ease;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:radial-gradient(ellipse 48% 36% at 50% 42%,transparent 0%,transparent 10%,rgba(0,0,0,.9) 46%,rgba(0,0,0,.95) 54%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.15) 76%,transparent 42%);-webkit-mask-image:radial-gradient(ellipse 42% 50% at 50% 42%,transparent 0%,transparent 15%,rgba(0,0,0,.9) 46%,rgba(0,0,0,.95) 54%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.15) 76%,transparent 90%)}.listen-hero:before,.listen-hero:after{content:"";position:absolute;top:2%;width:42%;height:52%;z-index:0;pointer-events:none;filter:blur(44px);opacity:.3}.listen-hero:before{left:-8%;background:radial-gradient(circle at 80% 48%,var(--listen-accent) 0%,transparent 74%)}.listen-hero:after{right:-8%;background:radial-gradient(circle at 20% 48%,var(--listen-accent) 0%,transparent 74%)}.listen-hero__artwork{position:relative;z-index:1;width:min(72vw,17.5rem);aspect-ratio:1;border-radius:1rem;background-size:cover;background-position:center;background-color:#1a1a24;box-shadow:0 1.5rem 3rem #00000073,0 0 0 1px #ffffff0f;opacity:0;transform:scale(.98);transition:opacity .45s ease,transform .45s ease}.listen-hero__artwork.is-visible{opacity:1;transform:scale(1)}.listen-hero__artwork.is-tuning{background-size:45%;background-repeat:no-repeat}.listen-hero__meta{position:relative;z-index:1;margin-top:1.15rem;width:100%;min-width:0}.listen-hero__station{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}.listen-live{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#ff6b6b}.listen-live--compact{flex:0 0 auto;font-size:.65rem}.listen-live__dot{width:.45rem;height:.45rem;border-radius:50%;background:#ff6b6b;animation:listen-live-pulse 1.6s ease-in-out infinite}@keyframes listen-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.listen-live__dot{animation:none}.listen-hero__artwork{transition:opacity .15s ease;transform:none}.listen-hero__artwork.is-visible{transform:none}}.listen-hero__artist{margin:.65rem 0 0;font-size:clamp(1.35rem,5vw,1.65rem);font-weight:700;line-height:1.25;color:#f0f2f5}.listen-hero__artist--commercial{color:#a371f7}.listen-hero__title{margin:.35rem 0 0;font-size:1rem;line-height:1.4;color:#b8bcc4}.listen-hero__title--stale{font-size:.9rem;color:#707680}.listen-hero__tuning{margin:.85rem 0 0;font-size:1.05rem;font-weight:500;font-style:italic;color:#9aa0a6}.listen-switcher{position:relative;z-index:1;display:flex;align-items:stretch;gap:.15rem;margin:0 -1.25rem 1.25rem;padding:0 1.25rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.07)}.listen-switcher::-webkit-scrollbar{display:none}.listen-switch-btn{flex:1 0 auto;min-width:4.5rem;padding:.55rem .65rem .7rem;border:none;border-radius:0;background:transparent;color:#707680;font:inherit;font-size:.8rem;font-weight:500;letter-spacing:.01em;line-height:1.2;cursor:pointer;text-align:center;white-space:nowrap;position:relative;transition:color .2s ease}.listen-switch-btn:active{color:#a8adb6}.listen-switch-btn.selected{color:var(--station-accent);font-weight:600}.listen-switch-btn.selected:after{content:"";position:absolute;left:.65rem;right:.65rem;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--station-accent)}.listen-switch-btn.has-match-badge .listen-switch-btn__label:after{content:"";display:inline-block;width:.35rem;height:.35rem;margin-left:.3rem;border-radius:50%;background:#7ee787;vertical-align:.05em}.app-match-block{position:relative;overflow:hidden;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.app-match-block__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;opacity:.14;pointer-events:none}.app-match-block__content{position:relative;padding:1rem}.app-verdict__headline{font-size:1.15rem;font-weight:700;line-height:1.3}.app-verdict__headline.match{color:#7ee787}.app-verdict__headline.not-match{color:#8b949e}.app-verdict__headline.commercial{color:#a371f7}.app-verdict__headline.unknown,.app-verdict__headline.scoring{color:#8b949e}.app-verdict__headline.scoring{font-style:italic;font-weight:500;font-size:1rem}.classification-gate__copy{margin:.5rem 0 1rem;font-size:.9rem;line-height:1.45;color:#8b949e}.app-feedback{margin-top:1rem;padding-top:1rem;border-top:1px solid #30363d}.app-feedback__question{font-size:.95rem;font-weight:600;color:#e6edf3;margin-bottom:.75rem;line-height:1.35}.app-feedback__actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.app-feedback__btn{min-height:2.75rem;padding:.65rem .75rem;border:2px solid #30363d;border-radius:8px;background:#0d1117;color:#c9d1d9;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.app-feedback__btn:disabled{opacity:.45;cursor:not-allowed}.app-feedback__btn.agree:not(:disabled):hover{border-color:#238636;color:#7ee787}.app-feedback__btn.disagree:not(:disabled):hover{border-color:#da3633;color:#ffa198}.app-feedback__gut{margin-top:1rem;padding-top:1rem;border-top:1px solid #30363d}.app-feedback__gut-label{font-size:.85rem;color:#8b949e;margin-bottom:.5rem}.app-feedback__gut-label .muted{color:#6e7681}.app-feedback__gut-row{display:flex;align-items:center;gap:.75rem}.app-feedback__gut-row input[type=range]{flex:1;accent-color:#58a6ff}.app-feedback__gut-value{min-width:2.5rem;font-size:.9rem;font-weight:600;color:#58a6ff;text-align:right}.app-feedback__status{margin-top:.75rem;font-size:.85rem;color:#7ee787}.app-feedback__status.error{color:#f85149}.app-feedback__status.muted{color:#8b949e}.placeholder,.debug-log{padding:1rem 1.25rem;overflow-y:auto;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.line-system{color:#8b949e}.line-track{color:#7ee787}@media(min-width:640px){.listen-view{padding:0 1.5rem 2rem;max-width:32rem}.listen-hero__artwork{width:min(72vw,20rem)}}