.rate-title .brand{color:#dbeafe}.rate-title .title-hero span{background:linear-gradient(90deg,#93c5fd,#86efac 50%,#fde68a);-webkit-background-clip:text;background-clip:text}.rate .rt-pad{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rate .rt-btn{border:1.5px solid var(--line);min-width:0;min-height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:14px;flex-direction:column;flex:64px;justify-content:center;align-items:center;gap:1px;padding:8px 10px;font-size:14px;font-weight:800;display:inline-flex}.rate .rt-btn .rt-label{font-size:14px;line-height:1.15}.rate .rt-btn .rt-sub{opacity:.72;font-size:12px;font-weight:700}.rate .rt-btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.rate .rt-btn[aria-pressed=true]{background:#dbeafe;border-color:#60a5fa}.rate .rt-sliders{gap:6px;display:grid}:is(.ex-figure:has(svg.example-art),.note-diagram:has(svg.example-art)){background:#0b1220;border-color:#1e293b;padding:0;overflow:hidden}@media (width<=480px) and (height<=760px){.rate.play .choices:not([hidden]):has(.choice:nth-child(3)){grid-template-columns:1fr 1fr}.rate.play .choices:not([hidden]){gap:5px}.rate.play .choices:not([hidden]) .choice{gap:7px;min-height:40px;padding:4px 8px;line-height:1.2}.rate.play .choices:not([hidden]) .choice-key{flex:none;width:26px;height:26px;font-size:13px}}