/* 宇宙缩放尺: toolbar, readout card and comparison line. */
.scale-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.scale-readout{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:20px 24px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel)),color-mix(in srgb,var(--accent-2) 12%,var(--panel)));border:1px solid var(--line)}
.scale-readout small{display:block;font-size:14.5px;color:var(--muted)}
.scale-readout b{display:block;font:850 clamp(26px,3.4vw,40px)/1.2 var(--font);color:var(--ink);letter-spacing:-.02em}
.scale-readout>div:last-child b{color:var(--accent)}
.scale-readout b.pop{animation:pop .6s var(--spring)}
.scale-arrow{font-size:34px;color:var(--accent-2);animation:nudge-right 1.4s ease-in-out infinite}
@keyframes nudge-right{50%{transform:translateX(6px)}}
.scale-like{font-size:19px;font-weight:700;padding:14px 18px;border-radius:16px;background:var(--panel);border:1px dashed var(--accent);color:var(--ink)}
.scale-like::before{content:"💡 ";}
.scale-setup .segmented{justify-self:start}
@media (max-width:720px){.scale-readout{grid-template-columns:1fr;gap:6px;padding:16px}.scale-arrow{transform:rotate(90deg);justify-self:start;animation:none}.scale-like{font-size:17px}}