@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap";:root{--bg-0:#f9f7f1;--bg-1:#efe9de;--ink-1:#211e1a;--ink-2:#4d463d;--line:#d1c6b8;--panel:#fffcf6d1;--shadow:0 14px 36px #2f24161f;--accent:#2f6a54;--accent-2:#b7643c;--safe:#2f6a54;--revived:#8a5f26;--explore:#46648d;--avoid:#944c4c;--font-ui:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #b7643c1f, transparent 40%), radial-gradient(circle at 90% 20%, #2f6a5424, transparent 34%), linear-gradient(180deg, var(--bg-0), var(--bg-1));min-height:100vh;color:var(--ink-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}.app-shell{width:min(1200px,100vw - 2rem);margin:1rem auto 2rem;animation:.26s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;align-items:flex-end;gap:1.2rem;margin-bottom:1.2rem;padding:.4rem .2rem;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.2px;margin:0;font-weight:600}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin:0;font-size:.76rem}nav{flex-wrap:wrap;gap:.45rem;display:flex}.topbar-right{align-items:center;gap:.7rem;display:flex}.session-chip{background:#ffffffb8;border:1px solid #4d463d40;border-radius:999px;flex-wrap:wrap;gap:.45rem;padding:.24rem .5rem;font-size:.75rem;display:flex}.session-chip span{color:var(--ink-2)}.session-chip .ok{color:#1f5543}.account-chip{background:#ffffffa6;border:1px solid #4d463d33;border-radius:999px;padding:.2rem .4rem}.nav-link{color:var(--ink-2);border-radius:999px;padding:.45rem .7rem;text-decoration:none;transition:background-color .16s}.nav-link.active{color:#fff;background:linear-gradient(120deg, var(--accent), #1f5543)}.screen{gap:1rem;display:grid}.hero-card,.panel,.track-card,.stat-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);border-radius:16px}.hero-card{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem;display:flex}.hero-card p{color:var(--ink-2);margin:.4rem 0 0}.hero-actions{flex-wrap:wrap;gap:.55rem;display:flex}.app-shell button:not([class*=cl-]){background:linear-gradient(120deg, var(--accent), #245744);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.58rem .86rem}.button-link{background:linear-gradient(120deg, var(--accent), #245744);color:#fff;border:1px solid #0000;border-radius:10px;padding:.58rem .86rem;text-decoration:none;display:inline-block}.app-shell button:not([class*=cl-]):disabled{opacity:.55;cursor:default}.button-secondary{background:linear-gradient(120deg, #8a5f26, var(--accent-2))}.panel{padding:1rem}.warning{border-color:#b9824f}.error{border-color:#ad5757}.auth-panel textarea,.input-group input,.input-group textarea{border:1px solid var(--line);width:100%;color:var(--ink-1);font:inherit;background:#fffc;border-radius:8px;padding:.56rem}.input-group{color:var(--ink-2);gap:.4rem;display:grid}.row-actions{margin:.7rem 0}.muted{color:var(--ink-2);margin:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.stat-card{gap:.3rem;padding:.9rem;display:grid}.stat-card span{color:var(--ink-2)}.stat-card strong{font-size:1.4rem;font-family:var(--font-display)}.now-playing{justify-content:space-between;align-items:center;display:flex}.now-playing p{color:var(--ink-2);margin:.3rem 0 0}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.simple-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.simple-list li{border-bottom:1px solid #4d463d29;justify-content:space-between;gap:1rem;padding-bottom:.35rem;display:flex}.track-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem;display:grid}.track-card{padding:.85rem}.track-card h3{margin:.4rem 0;font-size:1.03rem}.track-header{justify-content:space-between;align-items:center;display:flex}.track-rank,.track-artists{color:var(--ink-2);margin:0}.track-explainer{margin:.45rem 0;font-size:.92rem}.bucket{color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.2rem .6rem;font-size:.74rem}.bucket-safe{background:var(--safe)}.bucket-revived{background:var(--revived)}.bucket-explore{background:var(--explore)}.bucket-avoided{background:var(--avoid)}.score-breakdown{gap:.2rem;margin-top:.55rem;display:grid}.score-row{justify-content:space-between;display:flex}.score-caption{color:var(--ink-2);font-size:.85rem}.score-bar{background:#4d463d24;border-radius:99px;height:7px;overflow:hidden}.score-bar span{height:100%;display:block}.score-bar-positive span{background:linear-gradient(120deg,#2f6a54,#3f8f70)}.score-bar-negative span{background:linear-gradient(120deg,#a45a5a,#c67a7a)}.score-tags{flex-wrap:wrap;gap:.35rem;display:flex}.score-tags small{background:#211e1a14;border-radius:7px;padding:.16rem .42rem}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.55rem;display:grid}.heat-cell{color:#fff;border-radius:10px;min-height:70px;padding:.6rem;display:grid}.heat-cell span{font-size:.85rem}.heat-1{background:#8b7d63}.heat-2{background:#9f7155}.heat-3{background:#a9634c}.heat-4{background:#a05449}.heat-5{background:#923f45}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid #4d463d33;padding:.5rem .36rem}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.source-list{gap:.5rem;display:grid}.source-item{border:1px solid #4d463d2e;border-radius:10px;justify-content:space-between;gap:1rem;padding:.65rem;display:flex}.source-item p{color:var(--ink-2);margin:.15rem 0 0}.source-actions{align-items:center;gap:.45rem;display:flex}.cl-rootBox .cl-card,.cl-rootBox .cl-userButtonPopoverCard{color:var(--ink-1)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;background:#fff!important}.cl-rootBox .cl-formButtonPrimary,.cl-rootBox .cl-userButtonPopoverActionButton,.cl-rootBox .cl-navbarButton,.cl-rootBox .cl-profileSectionPrimaryButton{color:#fff!important;background:#1f5543!important;border:1px solid #1a4738!important}.cl-rootBox .cl-formButtonPrimary:hover,.cl-rootBox .cl-userButtonPopoverActionButton:hover,.cl-rootBox .cl-navbarButton:hover,.cl-rootBox .cl-profileSectionPrimaryButton:hover{background:#1a4738!important}.cl-rootBox .cl-userButtonPopoverActionButtonText,.cl-rootBox .cl-userButtonPopoverActionButtonIcon,.cl-rootBox .cl-navbarButtonLabel{color:#fff!important}.cl-rootBox .cl-userPreviewMainIdentifier,.cl-rootBox .cl-userPreviewSecondaryIdentifier,.cl-rootBox .cl-profileSectionTitle,.cl-rootBox .cl-headerTitle,.cl-rootBox .cl-headerSubtitle,.cl-rootBox .cl-formFieldLabel,.cl-rootBox .cl-formFieldInput,.cl-rootBox .cl-profileSectionContent{color:var(--ink-1)!important}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start}.topbar-right{width:100%}.session-chip{border-radius:12px;width:100%}.hero-card,.two-col,.stats-grid{grid-template-columns:1fr}.hero-actions{width:100%}.hero-actions button{flex:1}}