.modeSelector{margin:0;padding:0;border:0}.modeSelector__legend{margin:0;padding:0;color:var(--muted);font-weight:600;font-size:.9rem}.modeSelector__rail{margin-top:8px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(var(--mode-count),minmax(0,1fr));align-items:stretch;border:1px solid var(--surface-2);border-radius:6px;background:var(--surface-soft);padding:3px}.modeSelector__activeTrack{position:absolute;z-index:1;top:4px;bottom:4px;border:1px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent);transition:left .22s ease;pointer-events:none}.modeSelector__option{position:relative;z-index:2;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;color:var(--text);cursor:pointer;border-radius:4px}.modeSelector__option:not(:first-of-type):before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:var(--border);opacity:.38;pointer-events:none;z-index:3}.modeSelector__input{position:absolute;opacity:0;pointer-events:none;outline:none}.modeSelector__label{line-height:1.1;white-space:nowrap;color:var(--text);transition:color .12s ease}.modeSelector__option--active .modeSelector__label{color:var(--text)}.modeSelector__option:focus-within{box-shadow:none}.modeSelector__option:focus,.modeSelector__option:focus-visible,.modeSelector__input:focus,.modeSelector__input:focus-visible{outline:none}.tooltip{position:relative;display:inline-flex;align-items:center}.tooltip__trigger{width:18px;height:18px;border:1px solid var(--surface-2);background:var(--surface-soft);color:var(--muted);border-radius:4px;padding:0;font:inherit;font-size:.78rem;line-height:1;cursor:help}.tooltip__content{position:absolute;left:0;top:calc(100% + 6px);width:min(220px,80vw);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px;font-size:.75rem;line-height:1.3;box-shadow:var(--shadow);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:6}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{opacity:1;transform:translateY(0)}.tooltip__trigger:focus,.tooltip__trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.presetSelector__heading{display:flex;align-items:center;gap:6px;margin-bottom:8px}.presetSelector__label{margin:0;color:var(--muted);font-weight:600;font-size:.9rem}.presetSelector__list{display:flex;gap:8px;flex-wrap:wrap}.presetSelector__chip{border:1px solid var(--surface-2);background:var(--surface-soft);color:var(--text);border-radius:6px;padding:10px 12px;font:inherit;cursor:pointer}.presetSelector__chip--active{border-color:var(--accent);background:var(--accent-soft)}.presetSelector__chip:focus{outline:2px solid var(--ring);outline-offset:2px}.pulseVisualizer__label{margin:0 0 8px;color:var(--muted);font-weight:600;font-size:.9rem}.pulseVisualizer__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pulseVisualizer__item{display:block}.pulseVisualizer__dot{height:52px;border-radius:6px;background:var(--dot);border:1px solid var(--dot-border);transform:scale(.96);transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.pulseVisualizer__dot--active{transform:scale(1);background:var(--dot-active);box-shadow:0 0 0 5px var(--dot-glow)}.tempoControls__label{margin:0 0 8px;color:var(--muted);font-weight:600;font-size:.9rem}.tempoControls__field{display:grid;gap:8px;margin-bottom:12px}.tempoControls__range{width:100%;accent-color:var(--accent)}.tempoControls__number{width:100%;border-radius:5px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);padding:10px;font-size:1rem}.tempoControls__ratioInput{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.tempoControls__ratioSeparator{font-weight:700;color:var(--muted)}.tempoControls__readonly{border:1px dashed var(--surface-2);border-radius:5px;padding:10px;color:var(--muted)}.tempoControls__number:focus,.tempoControls__range:focus{outline:2px solid var(--ring);outline-offset:2px}.tempoFlowPage{max-width:620px;margin:0 auto;display:grid;gap:12px;font-family:Gill Sans,Trebuchet MS,sans-serif}.tempoFlowPage__header{background:radial-gradient(circle at right top,color-mix(in srgb,var(--accent) 22%,transparent),transparent 54%),var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;justify-content:space-between;gap:10px}.tempoFlowPage__header h1{margin:4px 0 0;font-size:1.9rem;line-height:1}.tempoFlowPage__subtitle{margin:8px 0 0;color:var(--muted);font-size:.9rem}.tempoFlowPage__step{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--surface);display:grid;gap:10px}.tempoFlowPage__step--feedback{background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft))}.tempoFlowPage__ctaWrap{position:sticky;bottom:10px}.tempoFlowPage__playButton{width:100%;border:1px solid var(--accent);border-radius:6px;background:linear-gradient(90deg,var(--accent-strong),var(--accent));color:#fff;font:inherit;font-weight:700;font-size:1rem;padding:13px;cursor:pointer;box-shadow:var(--shadow)}.tempoFlowPage__playButton--stop{border-color:var(--danger);background:linear-gradient(90deg,var(--danger-strong),var(--danger));box-shadow:0 10px 24px #dc262647}.tempoFlowPage .modeSelector__button,.tempoFlowPage .presetSelector__chip{border-radius:6px}@media(max-width:460px){.tempoFlowPage__header{align-items:flex-start}}:root{--font-ui: "Avenir Next", "Segoe UI", sans-serif;--bg: #011f17;--surface: #043629;--surface-2: #064e3b;--surface-soft: #05533d;--surface-soft-2: #066247;--text: #e6fff3;--muted: #bcefd8;--border: #10b981;--accent: #34d399;--accent-strong: #10b981;--accent-soft: #065f46;--dot: #065f46;--dot-border: #10b981;--dot-active: #34d399;--dot-glow: rgba(52, 211, 153, .22);--ring: #6ee7b7;--danger: #f87171;--danger-strong: #dc2626;--shadow: 0 12px 34px rgba(0, 18, 12, .6)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);background:radial-gradient(circle at 18% 0%,rgba(16,185,129,.14),transparent 40%),radial-gradient(circle at 82% 100%,rgba(6,95,70,.2),transparent 32%),var(--bg);color:var(--text);padding:16px;color-scheme:dark}@media(max-width:420px){body{padding:10px}}