.info-btn{width:22px;height:22px;color:var(--ink-3);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:4px;padding:0;transition:background .15s,color .15s,transform .15s;display:inline-grid}.info-btn:hover,.info-btn:focus-visible{background:var(--green-soft,color-mix(in srgb, var(--sm-surface-decor) 88.7%, var(--sm-surface-card)));color:var(--ink);transform:scale(1.1)}.card.dark .info-btn,.dark .info-btn{color:#ffffffb3}.card.dark .info-btn:hover{color:var(--sm-text-inverse);background:#ffffff26}.explain{gap:18px;display:grid}.explain-data{gap:12px;display:grid}.explain-term{background:var(--card);border:1px solid var(--rule-2);border-radius:12px;gap:6px;padding:14px 16px;display:grid}.explain-term h3{align-items:center;gap:6px;margin:4px 0 0;font-size:14px;display:flex}.explain-term p{margin:0;line-height:1.6}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--rule-2);background:var(--card);border-radius:12px;align-content:start;gap:4px;padding:14px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s cubic-bezier(.2,.8,.2,1) both tile-in;display:grid;position:relative}.tile.clickable{cursor:pointer}.tile.clickable:hover,.tile.clickable:focus-visible{border-color:var(--ink);box-shadow:0 10px 24px color-mix(in srgb, var(--sm-action-neutral) 12%, transparent);outline:none;transform:translateY(-3px)}.tile-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);align-items:center;font-size:12px;display:flex}.tile-value{font-variant-numeric:tabular-nums;font-size:28px;line-height:1.1}.tile.tone-good .tile-value{color:var(--green-2,var(--sm-state-success-fg))}.tile.tone-fair .tile-value{color:var(--amber,color-mix(in srgb, color-mix(in srgb, var(--sm-accent-sandbox) 9.9%, var(--sm-accent-amber)) 72.5%, black))}.tile.tone-poor .tile-value{color:var(--coral,var(--sm-state-danger-fg))}.tile-note{color:var(--ink-3)}.tile-more{color:var(--ink-3);opacity:0;align-items:center;gap:2px;font-size:12px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:10px;right:12px;transform:translate(-4px)}.tile.clickable:hover .tile-more,.tile.clickable:focus-visible .tile-more{opacity:1;transform:none}.grow-bar{background:var(--paper-2,color-mix(in srgb, var(--sm-surface-alt) 80.9%, var(--sm-surface-card)));border-radius:99px;flex:1;height:10px;display:block;overflow:hidden}.grow-bar i{background:var(--ink-3);border-radius:99px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block}.grow-bar.tone-good i{background:linear-gradient(90deg, var(--sm-action-primary), color-mix(in srgb, color-mix(in srgb, var(--sm-surface-sidebar-active) 50.2%, var(--sm-accent-terminal)) 97.8%, var(--sm-surface-card)))}.grow-bar.tone-fair i{background:linear-gradient(90deg, color-mix(in srgb, var(--sm-text-body) 14.8%, var(--sm-accent-gold)), color-mix(in srgb, color-mix(in srgb, var(--sm-data-series-4) 69.8%, var(--sm-accent-lemon)) 70.1%, var(--sm-surface-card)))}.grow-bar.tone-poor i{background:linear-gradient(90deg, var(--sm-state-danger-fg), color-mix(in srgb, color-mix(in srgb, var(--sm-state-warning-line) 43.4%, var(--sm-accent-signal)) 96.9%, black))}.card.dark .grow-bar{background:#ffffff24}.click-row{cursor:pointer;transition:background .15s}.click-row:hover,.click-row:focus-visible{background:var(--paper-2,color-mix(in srgb, var(--sm-surface-alt) 48.1%, var(--sm-surface-card)));outline:none}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tile,.grow-bar i,.tile-more{transition:none;animation:none}}.bd-part{background:var(--card);border:1px solid var(--rule-2);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.bd-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bd-list li{background:var(--card);border:1px solid var(--rule-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.bd-dom{gap:1px;min-width:0;display:grid}.bd-dom b,.bd-dom small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd-dom small{color:var(--ink-3)}.bd-rank{align-items:center;gap:6px;width:120px;display:flex}.tile-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}@media (width<=640px){.tile-grid.three{grid-template-columns:1fr}}.grow-bar.tone-neutral i{background:linear-gradient(90deg, var(--sm-state-info-fg), color-mix(in srgb, var(--sm-accent-sky) 81.6%, var(--sm-accent-night)))}
