.tm{position:relative;display:grid;gap:10px;padding:18px;border-radius:16px;border:1px solid hsl(var(--border-subtle,var(--border)));background:radial-gradient(70% 60% at 50% 45%,hsl(var(--primary)/.05),transparent 70%),hsl(var(--background));min-width:0}.tm-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tm-play{flex:none;width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tm-play svg{width:20px;height:20px}.tm-play:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.tm-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle,var(--border)))}.tm-tabs button{font:inherit;font-size:14px;font-weight:600;color:hsl(var(--text-secondary));background:transparent;border:0;border-radius:7px;padding:7px 14px;cursor:pointer}.tm-tabs button[aria-selected=true]{background:hsl(var(--background));color:hsl(var(--text-primary));box-shadow:0 0 0 1px hsl(var(--border))}.tm-tabs button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.tm-wave{display:block;width:100%;height:140px}.tm-says{margin:0;min-height:2.9em;font-size:15px;line-height:1.45;color:hsl(var(--text-secondary));text-wrap:pretty}@media (max-width:560px){.tm{padding:14px}.tm-wave{height:96px}.tm-tabs button{padding:7px 10px}}.tm-rate{display:flex;align-items:center;gap:12px;min-height:30px;font-size:13.5px;color:hsl(var(--text-secondary));transition:opacity .2s ease}.tm-rate[data-off]{opacity:0;pointer-events:none}.tm-rate input{flex:1;min-width:0;max-width:260px;accent-color:hsl(var(--primary));cursor:pointer;touch-action:pan-y}.tm-rate b{min-width:3.2em;font-variant-numeric:tabular-nums;color:hsl(var(--text-primary))}.tm-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:28px;align-items:start}.tm-panels{min-width:0}.tm-panel-cell{display:grid}.tm-panel{grid-area:1/1;align-self:start;visibility:hidden;opacity:0;transition:opacity .35s ease}.tm-panel[data-on]{visibility:visible;opacity:1}@media (max-width:1100px){.tm-wrap{grid-template-columns:1fr}.tm-panels{max-width:560px}}.tm-tap{margin:0;color:hsl(var(--text-muted))}.tm-wave[data-pick]{cursor:pointer}.tm-beat-keys{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tm-beat-keys:focus-within{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tm-beat-keys button{font:600 12px/1 IBM Plex Mono,ui-monospace,monospace;padding:7px 9px;border-radius:8px;border:1px solid hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--text-primary));cursor:pointer}.tm-beat-keys button[aria-pressed=true]{opacity:.45;text-decoration:line-through}.tm-beat-keys button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}