*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-deep: #06060e;--bg-surface: rgba(255, 255, 255, .025);--bg-glass: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .06);--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .4);--text-ghost: rgba(255, 255, 255, .18);--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace}html,body{height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono)}#root{height:100%}.instrument-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(99,102,241,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 30% 70%,rgba(236,72,153,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 70% 30%,rgba(6,182,212,.03) 0%,transparent 50%),var(--bg-deep);z-index:0}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px}.pill-group{display:flex;gap:2px;padding:3px;border-radius:12px;background:#ffffff08;border:1px solid var(--border-subtle)}.pill-option{padding:6px 14px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:400;cursor:pointer;transition:all .2s ease;letter-spacing:.02em;white-space:nowrap}.pill-option:hover{color:var(--text-primary)}.pill-option.active{background:#ffffff1a;color:var(--text-primary);font-weight:500}.cycle-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-subtle);border-radius:12px;background:#ffffff08;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:400;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cycle-btn:active{transform:scale(.96);background:#ffffff0f}.cycle-btn .label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-right:4px}.transport-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.transport-btn:active{transform:scale(.92)}.transport-play{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.transport-play:hover{background:#ffffff1f}.transport-play.playing{background:#ef444433;border-color:#ef44444d}.transport-clear{background:transparent;border:1px solid rgba(255,255,255,.08)}.transport-clear:hover{border-color:#ffffff26}.strudel-hud{font-family:var(--font-mono);font-size:11px;font-weight:300;color:#a5b4fc80;letter-spacing:.02em;line-height:1.6;white-space:pre-wrap;padding:0 4px}.seq-strip{display:flex;align-items:center;gap:6px;padding:10px 16px;overflow-x:auto;scrollbar-width:none}.seq-strip::-webkit-scrollbar{display:none}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes ripple-out{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes flash-in{0%{opacity:1}to{opacity:0}}