.sphere{--accent-live:#5dcaa5;position:relative;width:100%;height:100%;min-height:440px;touch-action:none}.sphere__canvas{display:block;cursor:grab}.sphere.is-dragging .sphere__canvas{cursor:grabbing}.sphere__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.sphere__num{font-family:var(--mono);font-size:40px;font-weight:300;letter-spacing:-.02em;color:var(--fg);line-height:1;font-variant-numeric:tabular-nums}.sphere__label{margin-top:8px;font-size:12px;letter-spacing:.04em;color:var(--fg-3)}.sphere__stage{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent-live) 34%,transparent);border-radius:999px;font-size:12px;letter-spacing:.06em;color:var(--accent-live);transition:color .4s ease}.sphere__dot{width:5px;height:5px;border-radius:50%;background:var(--accent-live);box-shadow:0 0 8px var(--accent-live)}.sphere__hint{position:absolute;left:0;bottom:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--fg-4)}.sphere__tip{position:absolute;top:0;left:0;width:196px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:color-mix(in srgb,var(--bg-2) 94%,transparent);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .16s ease;will-change:transform}.sphere__tip.is-on{opacity:1}.sphere__tip-kind{display:flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.04em;color:var(--fg-3)}.sphere__tip-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-live)}.sphere__tip-dot.k-sample{background:#6f9fc0}.sphere__tip-dot.k-effect{background:#5dcaa5}.sphere__tip-dot.k-feedback{background:#d4b46a}.sphere__tip-title{margin:7px 0 6px;font-size:12.5px;color:var(--fg)}.sphere__tip-line{font-size:12.5px;color:var(--fg-2);line-height:1.7}.sphere__tip-hint{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft);font-size:11.5px;letter-spacing:.02em;color:var(--fg-4)}