@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#15231d;background:#f1f4ee;font-family:DM Sans,Noto Sans JP,system-ui,sans-serif;font-synthesis:none;--ink: #15231d;--muted: #66736d;--line: #d7ddd7;--paper: #fbfcf8;--lime: #c9ff44;--spotify-green: #1ed760;--green: #124f39;--orange: #ff6b35}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid #5a77ff;outline-offset:3px}.shell{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(21,35,29,.12);background:#f1f4eee6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.7rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--spotify-green);font-size:.72rem;letter-spacing:.05em}nav{display:flex;gap:.35rem}nav a{padding:.6rem .85rem;border-radius:999px;color:var(--muted);font-weight:600;text-decoration:none}nav a:hover,nav a.router-link-active{color:var(--ink);background:#fff}.app-main{min-height:calc(100vh - 180px);padding-block:2rem 6rem}.app-footer{border-top:1px solid var(--line);padding-block:2.5rem;color:var(--muted);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:2rem}.footer-inner p{margin:0}.page-stack{display:grid;gap:4rem}.panel-dark{color:#fff;background:var(--ink)}.hero{min-height:570px;border-radius:28px;padding:clamp(2rem,6vw,5rem);display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:3rem;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:420px;height:420px;right:-170px;top:-170px;border:1px solid rgba(201,255,68,.4);border-radius:50%;box-shadow:0 0 0 50px #c9ff4408,0 0 0 100px #c9ff4405}.hero h1,.page-intro h1,.artist-hero h1,.not-found h1{font-family:Space Grotesk,sans-serif;letter-spacing:-.055em;line-height:.98;margin:.4rem 0 1.5rem}.hero h1{max-width:11ch}.hero-copy{max-width:560px;color:#b9c7c0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.eyebrow{margin:0 0 .6rem;color:#4d7d69;font:700 .72rem/1 Space Grotesk,sans-serif;letter-spacing:.16em}.panel-dark .eyebrow{color:var(--lime)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;cursor:pointer}.button.primary{color:var(--ink);background:var(--lime)}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.button.ghost{color:#fff;border-color:#526159;background:transparent}.button:hover{transform:translateY(-1px)}.hero-orbit{position:relative;z-index:1;aspect-ratio:1;border:1px solid #526159;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-orbit:after{content:"";position:absolute;inset:12%;border:1px dashed #45534c;border-radius:50%}.hero-orbit span,.hero-orbit small{color:#8ba097;font-size:.68rem;letter-spacing:.15em}.hero-orbit strong{position:relative;z-index:2;margin:.4rem 0;font:700 clamp(1.4rem,3vw,2.6rem)/1 "Space Grotesk",sans-serif}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card{min-height:145px;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.metric-card p,.metric-card small{margin:0;color:var(--muted)}.metric-card strong{font:700 clamp(1.5rem,3vw,2.3rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.04em}.section-block{display:grid;gap:1.3rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading h2,.feature-card h2,.performance-card h3{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.035em}.section-heading h2,.feature-card h2{font-size:clamp(1.6rem,3.2vw,2.6rem)}.section-heading a,.text-link{font-weight:700;color:var(--green);text-underline-offset:.25em}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-card{border:1px solid var(--line);border-radius:22px;padding:clamp(1.5rem,4vw,2.5rem);background:var(--paper)}.feature-card>p:not(.eyebrow){color:var(--muted);line-height:1.7}.accent-card{background:var(--lime);border-color:var(--lime)}.accent-card .eyebrow{color:#3e5b0b}.simple-ranking{margin:1.5rem 0 0;padding:0;list-style:none}.simple-ranking li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}.page-intro{padding:5rem clamp(1.25rem,3vw,2.5rem) 2rem;border-bottom:1px solid var(--line)}.hero h1,.page-intro h1,.artist-hero h1,.not-found h1{font-size:clamp(2.5rem,5.5vw,4.75rem)}.page-intro>p:last-child{max-width:620px;color:var(--muted);font-size:1.1rem;line-height:1.7}.ranking-intro{padding-top:3.5rem;background:radial-gradient(circle at 88% 22%,rgba(30,215,96,.45),transparent 34%),radial-gradient(circle at 68% 92%,rgba(30,215,96,.22),transparent 35%),#fff}.ranking-as-of{width:fit-content;display:flex;align-items:baseline;gap:.65rem;margin:-.4rem 0 1.25rem;padding:.55rem .85rem;border:1px solid rgba(182,255,71,.45);border-radius:999px;background:var(--ink);color:#fff}.ranking-as-of span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em}.ranking-as-of strong{font-size:.95rem}.collection-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.collection-meta .ranking-as-of{margin-bottom:0}.collection-meta>small{color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.tif-intro{padding-top:3.5rem;background:radial-gradient(circle at 82% 18%,rgba(255,119,168,.42),transparent 30%),radial-gradient(circle at 95% 68%,rgba(92,204,255,.4),transparent 32%),radial-gradient(circle at 67% 92%,rgba(255,151,72,.36),transparent 31%),radial-gradient(circle at 57% 28%,rgba(60,215,128,.32),transparent 28%),#fff}.filter-controls{display:grid;gap:.75rem}.filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.75rem 1rem;color:var(--ink);border:1px solid var(--line);border-radius:14px;background:var(--paper);cursor:pointer;font-weight:800}.filter-toggle span:last-child{color:var(--green);font-size:1.2rem}.filter-panel{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;padding:1.4rem;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.field{display:grid;gap:.4rem}.field span{color:var(--muted);font-size:.75rem;font-weight:700}.field input,.field select{width:100%;min-height:44px;padding:.65rem .75rem;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:#fff}.field-wide{grid-column:span 2}.filter-reset{align-self:end}.result-bar{display:flex;justify-content:space-between;align-items:center}.quick-filter{border:0;padding:.6rem .9rem;border-radius:999px;color:#fff;background:var(--green);cursor:pointer;font-weight:700}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table thead th{color:var(--muted);background:#f6f8f3;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.data-table tbody tr:last-child>*{border-bottom:0}.data-table tbody tr:hover{background:#f6f8f3}.data-table tbody th a{text-underline-offset:.25em}.idol-name-cell{display:flex;align-items:center;gap:.75rem}.idol-avatar{display:block;width:42px;height:42px;border-radius:4px;object-fit:contain}.idol-avatar-placeholder{flex:0 0 auto;border:1px solid #d9dfdb;background:#eef1ef}.artist-heading{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem)}.artist-avatar{display:block;width:clamp(76px,10vw,120px);height:clamp(76px,10vw,120px);border-radius:8px;object-fit:contain}.number-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.rank-cell{color:var(--green);font:700 1.2rem Space Grotesk,sans-serif;white-space:nowrap}.rank-movement{display:inline-block;margin-left:.2em;font-size:.8em}.rank-movement-up{color:#16833e}.rank-movement-down{color:#c53d47}.rank-movement-same,.muted{color:var(--muted)}.cell-detail{display:block;margin-top:.35rem;color:var(--muted);line-height:1.4}.status-dot{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.8rem}.status-dot:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:#aab3ae}.status-dot.is-live:before{background:var(--orange)}.change{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.change small{margin-left:.25rem;font-weight:500}.change-up{color:#08734a}.change-down{color:#b23a28}.change-flat,.change-unknown{color:var(--muted)}.mode-panel{display:flex;align-items:end;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.tab-list{display:flex;flex-wrap:wrap;gap:.5rem}.tab-list button{border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem;background:transparent;cursor:pointer;font-weight:700}.tab-list button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.inline-field{min-width:220px}.compact-metrics .metric-card{min-height:110px}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.performance-card{border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:var(--paper)}.performance-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}.performance-list li{display:flex;justify-content:space-between;gap:1rem;padding-top:.7rem;border-top:1px solid var(--line)}.performance-list time{color:var(--muted);font-size:.85rem}.performance-list strong{text-align:right}.artist-hero{min-height:330px;display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:3rem;border-radius:24px;color:#fff;background:var(--green)}.artist-hero .eyebrow{color:var(--lime)}.artist-hero h1{margin-bottom:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-list span{padding:.35rem .65rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:.78rem}.detail-grid{grid-template-columns:1.35fr .65fr}.history-chart{width:100%;max-height:310px;margin-block:1rem;overflow:visible}.history-chart line{stroke:var(--line);stroke-width:.6}.history-chart polyline{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}.history-chart circle{fill:var(--lime);stroke:var(--green);stroke-width:1;vector-effect:non-scaling-stroke}.compact-table{min-width:0}.not-found{min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.not-found p:not(.eyebrow){color:var(--muted)}.state-panel{padding:2rem;border:1px dashed #aab3ae;border-radius:18px;color:var(--muted);text-align:center;background:#ffffff80}.error-panel{border-color:#d69283;color:#842f21}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto}.hero-orbit{width:min(320px,80%);justify-self:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.detail-grid{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr 1fr}.field-wide{grid-column:span 2}.performance-grid{grid-template-columns:1fr}}@media(max-width:600px){.shell{width:min(100% - 1.25rem,1180px)}.header-inner{align-items:flex-start;padding-block:.75rem;flex-direction:column;gap:.5rem}nav{width:100%;overflow-x:auto}nav a{white-space:nowrap}.app-main{padding-top:.75rem}.hero{border-radius:18px;padding:2rem 1.25rem}.hero-orbit{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:.6rem}.metric-card{min-height:120px;padding:1rem}.metric-card strong{font-size:1.45rem}.page-stack{gap:2.5rem}.page-intro{padding-block:3rem 1rem}.ranking-intro,.tif-intro{padding-top:2rem}.hero h1,.page-intro h1,.artist-hero h1,.not-found h1{font-size:2.65rem}.filter-panel{grid-template-columns:1fr}.field-wide{grid-column:auto}.data-table{min-width:0;table-layout:fixed}.data-table th,.data-table td{padding:.75rem .5rem}.data-table tr>:nth-child(1){width:66px}.data-table tr>:nth-child(3){width:108px;text-align:right}.data-table tr>:nth-child(n+4){display:none}.data-table thead th{font-size:.65rem;letter-spacing:0}.idol-name-cell{gap:.5rem;min-width:0}.idol-avatar{width:34px;height:34px}.idol-name-cell>a:last-child{min-width:0;overflow-wrap:anywhere}.mode-panel{align-items:stretch;flex-direction:column}.inline-field{width:100%}.artist-hero{align-items:flex-start;flex-direction:column;padding:1.5rem}.footer-inner{flex-direction:column;gap:.7rem}.performance-list li{flex-direction:column}.performance-list strong{text-align:left}}