@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#080d1a;--bg-elevated:#0d1527;--panel:#111c33;--accent:#2fc5ff;--accent-violet:#7c5cfc;--text-strong:#e8edf5;--text:#c4cdd8;--text-soft:#8a9bb5;--success:#00e5a0;--warning:#f5c842;--danger:#ff4d6d;--font-body:"IBM Plex Sans", sans-serif;--font-display:"Space Grotesk", sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 85%);mask-image:radial-gradient(#000 20%,#0000 85%)}button,select,input{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#root{width:min(1320px,100%);margin:0 auto}h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.04em;margin:0}h1{font-size:clamp(3.75rem,7vw,4.5rem);line-height:.96}h2{font-size:clamp(2.2rem,4vw,2.75rem);line-height:1.05}h3{font-size:clamp(1.2rem,2vw,1.55rem)}p{margin:0}.page-shell{background:linear-gradient(160deg,#0a0f1e 0%,#080d1a 50%,#09101f 100%);position:relative;overflow:hidden}.page-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#2fc5ff12 0%,#7c5cfc0a 40%,#0000 70%);width:1100px;height:700px;position:fixed;top:-15%;left:50%;transform:translate(-50%)}.page-shell:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#7c5cfc0d 0%,#0000 65%);width:700px;height:700px;position:fixed;bottom:-20%;left:-10%}.orb{display:none}.topbar,main,.site-footer{z-index:1;position:relative}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080d1abf;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.35rem 2.5rem;display:flex;position:sticky;top:0}.brand-lockup{flex-direction:column;gap:.18rem;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-strong);align-items:baseline;gap:.1rem;font-size:1.3rem;font-weight:700;display:inline-flex}.brand-mark span{color:var(--accent)}.brand-subline{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem}.topnav{gap:2rem;display:flex}.topnav a{color:var(--text-soft);letter-spacing:.03em;font-size:.9rem;font-weight:500;transition:color .2s}.topnav a:hover{color:var(--text-strong)}.hero-section,.content-section,.result-section{padding:5rem 2.5rem}.hero-section{grid-template-columns:1.12fr .88fr;align-items:center;gap:3rem;min-height:calc(100vh - 5rem);display:grid}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.72rem;font-weight:600}.hero-copy{max-width:44rem;animation:.7s both fadeSlideUp}.hero-title{letter-spacing:-.05em;font-size:clamp(3.6rem,6.5vw,4.5rem);line-height:.95}.hero-title-gradient{background:linear-gradient(135deg, #fff 35%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text{color:var(--text-soft);max-width:36rem;margin-top:1.4rem;font-size:1.1rem;line-height:1.7}.hero-chips{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.hero-chips span{color:var(--text-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:50px;padding:.55rem 1rem;font-size:.88rem}.upload-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;padding:1.4rem;animation:.7s .15s both fadeSlideUp;box-shadow:inset 0 0 0 1px #2fc5ff0a,0 32px 90px #00000061}.panel-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 16px 48px #00000047}.scorer-shell{gap:1rem;display:grid;position:relative}.scorer-shell.locked{min-height:44rem}.dropzone{text-align:center;cursor:pointer;background:linear-gradient(155deg,#0e1830e6,#080d1af2);border:1px dashed #2fc5ff4d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:19rem;padding:2.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.dropzone:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#2fc5ff14 0%,#0000 60%);position:absolute;inset:0}.dropzone:hover,.dropzone.drag-active{border-color:#2fc5ff99;transform:translateY(-2px);box-shadow:0 0 32px #2fc5ff14,inset 0 0 24px #2fc5ff0d}.dropzone.has-file{border-style:solid;border-color:#00e5a080}.dropzone-disabled{opacity:.45;cursor:not-allowed}.dropzone-disabled:hover{box-shadow:none;border-color:#2fc5ff4d;transform:none}.dropzone-icon{background:#2fc5ff1a;border:1px solid #2fc5ff33;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.4rem;font-size:1.4rem;display:grid}.dropzone-kicker{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:700}.dropzone-meta,.dropzone-lock{max-width:22rem;color:var(--text-soft);margin:0;font-size:.9rem}.dropzone-lock{color:#2fc5ffbf;font-weight:500}.file-input{display:none}.platform-row{gap:.65rem;display:grid}.control-label,.control-field label,.platform-logo-label,.gate-value{color:var(--text-soft);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:600;display:block}.platform-pills{flex-wrap:wrap;gap:.5rem;display:flex}.platform-pill{color:var(--text-soft);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;padding:.55rem 1rem;font-size:.85rem;transition:transform .2s,border-color .2s,background .2s,color .2s}.platform-pill:hover{color:var(--text-strong);border-color:#2fc5ff59;transform:translateY(-1px)}.platform-pill.active{color:var(--accent);background:#2fc5ff1f;border-color:#2fc5ff80;font-weight:600}.control-row,.result-actions,.section-heading-row,.panel-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.control-row{margin-top:.2rem}.control-field{flex:1}.control-field select{width:100%}.primary-button,.secondary-button,.ghost-button,.control-field select,.gate-input{min-height:3.2rem;font:inherit;border-radius:50px}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;font-size:.95rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.ghost-button:active{transform:translateY(0)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #42f0ff 100%);color:#050c14;letter-spacing:.03em;width:100%;margin-top:.3rem;font-weight:700;box-shadow:0 0 28px #2fc5ff40}.primary-button:hover:not(:disabled){box-shadow:0 0 42px #2fc5ff66}.secondary-button{color:var(--text-strong);background:#ffffff0d;border:1px solid #ffffff1a;padding:0 1.4rem}.ghost-button{color:var(--text-strong);background:0 0;border:1px solid #ffffff1f;padding:0 1.4rem}.ghost-button:hover{border-color:#ffffff40}.control-field select,.gate-input{color:var(--text-strong);background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;outline:none;padding:0 1rem;transition:border-color .2s}.control-field select:focus,.gate-input:focus{border-color:#2fc5ff66}.form-message{color:var(--text-soft);margin:.5rem 0 0;font-size:.88rem}.form-message.error{color:var(--danger)}.gate-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#080d1a8c;border-radius:18px;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.gate-panel{text-align:center;background:linear-gradient(175deg,#0a1122fa,#060a16f5);border:1px solid #2fc5ff1f;border-radius:20px;width:min(32rem,100%);padding:2.2rem;animation:.45s both fadeSlideUp;box-shadow:inset 0 0 0 1px #2fc5ff0d,0 40px 100px #0000008c}.gate-brand{justify-content:center}.gate-value{color:var(--accent);margin:1.1rem 0 .6rem;font-size:.72rem}.gate-title{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.1}.gate-copy{color:var(--text-soft);margin-top:.8rem;font-size:.95rem;line-height:1.65}.gate-form{gap:.75rem;margin-top:1.6rem;display:grid}.gate-status{color:var(--text-soft);justify-items:center;gap:.2rem;font-size:.92rem;display:grid}.gate-status strong{color:var(--text-strong)}.gate-input{border-radius:12px;width:100%;padding:0 1.2rem;font-size:1rem}.gate-code-input{letter-spacing:.35em;text-align:center;font-size:1.2rem;font-family:var(--font-display)}.gate-hint,.gate-error{margin-top:0;font-size:.83rem}.gate-hint{color:var(--text-soft)}.gate-button{border-radius:50px;margin-top:0}.platform-logo-block{gap:.75rem;margin-top:1.8rem;display:grid}.platform-logo-label{font-size:.72rem}.platform-logo-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.platform-logo-pill{color:var(--text-soft);background:#ffffff08;border:1px solid #ffffff12;border-radius:50px;padding:.45rem .9rem;font-size:.82rem}.result-shell{padding:0;animation:.55s both fadeSlideUp}.empty-state{text-align:center;background:#ffffff05;border:1px dashed #ffffff12;padding:3.5rem 2rem}.result-grid,.detail-grid{gap:1rem;display:grid}.result-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:1.6rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.panel-card,.empty-state{padding:1.5rem}.section-heading-row{gap:2rem}.result-heading-meta{justify-items:end;gap:.55rem;display:grid}.result-genre,.panel-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-soft);margin:0;font-size:.73rem;font-weight:600}.result-platform{color:var(--accent);background:#2fc5ff14;border:1px solid #2fc5ff33;border-radius:50px;align-items:center;padding:.4rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.result-verified{color:var(--accent);margin-top:.85rem;font-size:.88rem}.score-card{align-content:center;justify-items:center;gap:1.4rem;display:grid}.score-ring-wrap{aspect-ratio:1;width:min(190px,58vw);position:relative}.score-ring-svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.score-ring-track{fill:none;stroke:#ffffff0f;stroke-width:10px}.score-ring-arc{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.score-ring-arc.score-green{stroke:url(#arcGradGreen);filter:drop-shadow(0 0 10px #00e5a080)}.score-ring-arc.score-yellow{stroke:url(#arcGradYellow);filter:drop-shadow(0 0 10px #f5c84280)}.score-ring-arc.score-red{stroke:url(#arcGradRed);filter:drop-shadow(0 0 10px #ff4d6d80)}.score-ring-inner{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.score-ring-inner strong{font-family:var(--font-display);color:var(--text-strong);font-size:clamp(2.8rem,8vw,4rem);font-weight:700;line-height:1;display:block}.score-ring-inner span{color:var(--text-soft);margin-top:.15rem;font-size:.78rem;display:block}.score-meta{text-align:center}.score-meta h3{margin:.35rem 0 .5rem;font-size:2rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.metric-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:.9rem 1rem;transition:border-color .2s}.metric-item:hover{border-color:#2fc5ff33}.metric-item span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600;display:block}.metric-item strong{color:var(--text-strong);font-size:1.2rem;font-family:var(--font-display);margin-top:.3rem;display:block}.band-list{gap:.9rem;margin:1rem 0 0;padding:0;display:grid}.band-row{gap:.45rem;display:grid}.band-meta{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.band-track{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.band-fill{border-radius:inherit;background:linear-gradient(90deg, #2fc5ff80, var(--accent));height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.band-fill.warning{background:linear-gradient(90deg,#f5c842b3,#f5c842)}.recommendation-list,.tier-list{counter-reset:item;margin:1rem 0 0;padding:0;list-style:none}.recommendation-list li,.tier-list li{color:var(--text);padding-left:2.4rem;font-size:.93rem;line-height:1.55;position:relative}.recommendation-list li+li,.tier-list li+li{margin-top:1rem}.recommendation-list li:before,.tier-list li:before{counter-increment:item;content:counter(item);width:1.6rem;height:1.6rem;color:var(--accent);background:#2fc5ff1a;border:1px solid #2fc5ff33;border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.table-card,.comparison-card{margin-top:1rem}.table-scroll{margin-top:1rem;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:42rem}.table-scroll th,.table-scroll td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.9rem .85rem}.table-scroll th{color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.table-scroll tbody tr:hover td{background:#ffffff04}.status-pill{border-radius:50px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.status-pill.ok{color:var(--success);background:#00e5a01a;border:1px solid #00e5a033}.status-pill.warning{color:var(--warning);background:#f5c8421a;border:1px solid #f5c84233}.result-actions{margin-top:1.2rem}.result-actions .primary-button,.result-actions .ghost-button{width:auto;min-width:14rem;margin-top:0}.result-note{color:var(--text-soft);margin-top:.75rem;font-size:.83rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem;display:grid}.feature-card{min-height:100%;padding:1.8rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#2fc5ff2e;transform:translateY(-3px)}.feature-index{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent);margin:0 0 .9rem;font-size:.75rem;font-weight:700}.feature-card h3{margin-bottom:.7rem}.feature-card p{color:var(--text-soft);font-size:.92rem;line-height:1.65}.charting-section{padding:4rem 2.5rem}.charting-scroll{scrollbar-width:thin;scrollbar-color:#2fc5ff33 transparent;-webkit-overflow-scrolling:touch;gap:1rem;margin-top:1.8rem;padding-bottom:1rem;display:flex;overflow-x:auto}.charting-scroll::-webkit-scrollbar{height:4px}.charting-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:2px}.charting-scroll::-webkit-scrollbar-thumb{background:#2fc5ff40;border-radius:2px}.chart-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:default;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;flex:0 0 230px;gap:.75rem;padding:1.25rem 1.2rem 1.1rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.chart-card:hover{border-color:#2fc5ff38;transform:translateY(-3px);box-shadow:0 12px 32px #00000047}.chart-rank{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-size:.72rem;font-weight:700}.chart-title{font-family:var(--font-display);color:var(--text-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.chart-artist{color:var(--text-soft);margin:0;font-size:.85rem}.chart-score-btn{color:var(--accent);cursor:pointer;background:#2fc5ff12;border:1px solid #2fc5ff4d;border-radius:50px;width:100%;margin-top:auto;padding:.55rem 0;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.chart-score-btn:hover{background:#2fc5ff26;border-color:#2fc5ff8c;transform:translateY(-1px)}.charting-fallback-note{color:var(--text-soft);opacity:.6;margin-top:1rem;font-size:.78rem}.genre-tabs{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;margin-bottom:0;display:flex}.genre-tab{color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .15s}.genre-tab:hover{color:var(--text-strong);border-color:#2fc5ff59;transform:translateY(-1px)}.genre-tab.active{background:var(--accent);border-color:var(--accent);color:#050c14;font-weight:700}.charting-loading{text-align:center;color:var(--text-soft);padding:3rem;font-size:.9rem}.score-badge{letter-spacing:.03em;border-radius:50px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-block}.score-badge.badge-green{color:var(--success);background:#00e5a01f;border:1px solid #00e5a04d}.score-badge.badge-yellow{color:var(--warning);background:#f5c8421f;border:1px solid #f5c8424d}.score-badge.badge-red{color:var(--danger);background:#ff4d6d1f;border:1px solid #ff4d6d4d}.pricing-section{background:linear-gradient(#0000,#7c5cfc0a 50%,#0000)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem;display:grid}.pricing-card{padding:2rem;transition:border-color .2s,transform .2s}.pricing-card:hover{transform:translateY(-3px)}.pricing-card h3{letter-spacing:-.03em;margin:.5rem 0;font-size:2.2rem}.pricing-card .muted-text{color:var(--text-soft);font-size:.9rem}.pricing-card-accent{background:linear-gradient(175deg,#2fc5ff0f,#ffffff05);border-color:#2fc5ff47;box-shadow:inset 0 0 0 1px #2fc5ff14,0 24px 80px #2fc5ff14}.tier-list{margin-top:1.4rem}.tier-list li:before{content:"✓";color:var(--success);counter-increment:none;background:#00e5a01a;border:1px solid #00e5a033;font-size:.8rem}.section-copy{color:var(--text-soft);max-width:32rem;font-size:1rem;line-height:1.7}.panel-head{padding-bottom:0}.panel-head span{color:var(--text-soft);font-size:.83rem}.site-footer{text-align:center;border-top:1px solid #ffffff0f;justify-items:center;gap:.5rem;padding:2.5rem;display:grid}.site-footer p,.site-footer small{color:var(--text-soft);margin:0;font-size:.88rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.hero-section,.result-grid,.detail-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.hero-title{max-width:none}.result-heading-meta{justify-items:start}.section-heading-row{flex-direction:column;align-items:flex-start}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem}.control-row,.panel-head,.result-actions{flex-direction:column;align-items:flex-start}.hero-section,.content-section,.result-section,.charting-section,.site-footer{padding-left:1.2rem;padding-right:1.2rem}.topnav{flex-wrap:wrap;gap:.8rem}.metric-grid{grid-template-columns:1fr}.table-scroll table{min-width:34rem}.gate-panel{padding:1.5rem}.result-actions .primary-button,.result-actions .ghost-button,.secondary-button{width:100%;min-width:0}}