:root{--shell-max:84rem;--browser-ratio:32%;--stage-max-width:48rem;--breath-stage-height:clamp(18rem, 54vh, 34rem);--breath-focused-stage-height:min(var(--breath-stage-height), 22rem);--breath-bloom-clearance:2rem;--breath-stage-shell-height:calc(var(--breath-stage-height) + (2 * var(--breath-bloom-clearance)));--breath-focused-stage-shell-height:calc(var(--breath-focused-stage-height) + (2 * var(--breath-bloom-clearance)));--breath-wave-strip-height:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--top-level-category-grid-gap:1.125rem;--space-compact:var(--space-2);--shell-radius:.75rem;--button-radius:.35rem;--card-radius:.35rem;--stage-radius:.35rem;--border-width:1px;--font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--font-size-base:.75rem;--line-height-base:1.45;--control-height:2.75rem;--compact-selector-height:2.25rem;--mobile-nav-height:3.65rem;--header-height:3.25rem;--desktop-header-height:2.75rem;--footer-height:2.5rem;--active-underline-width:2rem}
:root,html[data-theme=beet-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#2d2028;--surface:#35262f;--surface-elevated:#403039;--surface-muted:#2a1d25;--text-primary:#f5f0df;--text-secondary:#c8bdae;--accent:#879aa6;--accent-contrast:#2d2028;--accent-muted:#687681;--border:#f5f0df;--line-strong:#f5f0df;--border-subtle:#f5f0df;--border-strong:#f5f0df;--card-border:#f5f0df;--card-fill:#382831;--selected-fill:#4f5b65;--selectable-card-background:#382831d1;--selectable-card-border:#f5f0dfb8;--selectable-card-shadow:inset 0 1px 0 #f2e8da0d, 0 2px 8px #07030633;--selectable-card-hover-background:#42303be0;--selectable-card-hover-border:#f5f0df;--selectable-card-hover-shadow:inset 0 1px 0 #f2e8da12, 0 3px 10px #0703063d;--selectable-card-selected-background:#4f5b65f0;--selectable-card-selected-border:#879aa6;--selectable-card-selected-shadow:inset 0 1px 3px #07030647;--selectable-card-backdrop-blur:5px;--control:#3b2b34;--control-active:#879aa6;--control-destructive:#704d45;--session-background:var(--background);--session-surface:var(--surface);--session-ink:var(--text-primary);--session-ink-muted:var(--text-secondary);--session-accent:var(--accent);--session-texture-opacity:0;--session-chrome-opacity:1;--visualizer-background:#2a1d25;--visualizer-grid:var(--grid-line);--visualizer-path:#f5f0df;--visualizer-past:#70818d;--visualizer-current:#879aa6;--visualizer-future:#4d3c44;--visualizer-path-past:var(--visualizer-past);--visualizer-path-future:var(--visualizer-future);--visualizer-path-active:var(--visualizer-current);--visualizer-marker:var(--visualizer-current);--visualizer-marker-shadow:0 2px 6px var(--shadow);--focus-ring:#879aa6;--signal-good:#bbd39a;--shadow:#070306;--grid-line:#4a3842;--stage-glow:#48535d}html[data-theme=paper-beet][data-selected-theme=breath]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper-field:#eee4d2;--paper-frame:#bbc8d1;--paper-working:#bbc8d1;--paper-panel:#94a8ae;--paper-card:#98aeba;--paper-card-selected-base:#71897d;--paper-control:#eef3f2;--paper-stage:#f6f8f5;--paper-stop:#5e355e;--paper-leaf:#71897d;--paper-tone-separation:18%;--paper-shadow-rgb:65 49 54;--paper-shadow-raised:-4px -4px 4px rgb(var(--paper-shadow-rgb) / 60%);--paper-shadow-hover:-5px -5px 5px rgb(var(--paper-shadow-rgb) / 64%);--paper-shadow-lifted:-6px -6px 6px rgb(var(--paper-shadow-rgb) / 60%);--paper-shadow-selected:-1px -1px 2px rgb(var(--paper-shadow-rgb) / 35%), inset 1px 1px 2px rgb(var(--paper-shadow-rgb) / 18%);--paper-shadow-stage:inset -4px -4px 4px rgb(var(--paper-shadow-rgb) / 60%);--paper-card-gap:1.125rem;--paper-control-gap:1.125rem;--paper-section-gap:1.5rem;--paper-divider:rgb(var(--paper-shadow-rgb) / 16%);--paper-grain-opacity:.5;--paper-grain-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .32 0 0 0 0 .18 0 0 0 0 .24 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23noise)'/%3E%3C/svg%3E");--ink-primary:#2c2933;--ink-secondary:#5e6972;--ink-on-dark:#f8f4e9;--ink-accent:#70416f;--background:var(--paper-field);--surface:var(--paper-frame);--surface-elevated:var(--paper-card);--surface-muted:var(--paper-working);--text-primary:var(--ink-primary);--text-secondary:var(--ink-secondary);--accent:var(--ink-accent);--accent-contrast:var(--ink-on-dark);--accent-muted:var(--paper-control);--border:var(--paper-divider);--line-strong:rgb(var(--paper-shadow-rgb) / 26%);--border-subtle:var(--paper-divider);--border-strong:rgb(var(--paper-shadow-rgb) / 26%);--card-border:transparent;--card-fill:var(--paper-card);--selected-fill:var(--paper-card-selected-base);--selectable-card-background:var(--paper-card);--selectable-card-border:transparent;--selectable-card-shadow:var(--paper-shadow-raised);--selectable-card-hover-background:var(--paper-card);--selectable-card-hover-border:transparent;--selectable-card-hover-shadow:var(--paper-shadow-hover);--selectable-card-selected-background:var(--paper-card-selected-base);--selectable-card-selected-border:transparent;--selectable-card-selected-shadow:var(--paper-shadow-selected);--selectable-card-backdrop-blur:0px;--control:var(--paper-control);--control-active:var(--paper-card-selected-base);--session-background:var(--paper-working);--session-surface:var(--paper-stage);--session-ink:var(--ink-primary);--session-ink-muted:var(--ink-secondary);--session-accent:var(--ink-accent);--session-texture-opacity:var(--paper-grain-opacity);--session-chrome-opacity:1;--visualizer-background:var(--paper-stage);--visualizer-grid:#ccd9de;--visualizer-path:#403b49;--visualizer-past:#5d5967;--visualizer-current:var(--paper-card-selected-base);--visualizer-future:#d2dde0;--visualizer-path-past:var(--visualizer-past);--visualizer-path-future:var(--visualizer-future);--visualizer-path-active:var(--visualizer-current);--visualizer-marker:#774578;--visualizer-marker-shadow:var(--paper-shadow-raised);--focus-ring:#70416f;--signal-good:var(--paper-leaf);--shadow:#413136;--grid-line:var(--visualizer-grid);--stage-glow:var(--paper-control)}html[data-theme=lv8]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#070807;--surface:#0c0e0c;--surface-elevated:#111411;--surface-muted:#090b09;--text-primary:#e1dfd6;--text-secondary:#918f85;--accent:#c09a74;--accent-contrast:#080908;--accent-muted:#705a43;--border:#3f4039;--line-strong:#69695d;--border-subtle:#3f4039;--border-strong:#69695d;--card-border:#505149;--card-fill:#0a0c0a;--selected-fill:#171711;--selectable-card-background:#111411c7;--selectable-card-border:#69695dc2;--selectable-card-shadow:inset 0 1px 0 #e1dfd60a, 0 2px 8px #00000042;--selectable-card-hover-background:#171b17db;--selectable-card-hover-border:#7b7d6d;--selectable-card-hover-shadow:inset 0 1px 0 #e1dfd60f, 0 3px 10px #0000004d;--selectable-card-selected-background:#262319f0;--selectable-card-selected-border:#8f765c;--selectable-card-selected-shadow:inset 0 1px 3px #0000005c;--selectable-card-backdrop-blur:4px;--control:#141612;--control-active:#705a43;--session-background:var(--background);--session-surface:var(--surface);--session-ink:var(--text-primary);--session-ink-muted:var(--text-secondary);--session-accent:var(--accent);--session-texture-opacity:0;--session-chrome-opacity:1;--visualizer-background:#070807;--visualizer-grid:var(--grid-line);--visualizer-path:#45b9c8;--visualizer-past:#6e57ad;--visualizer-current:#79d99b;--visualizer-future:#26312c;--visualizer-path-past:var(--visualizer-past);--visualizer-path-future:var(--visualizer-future);--visualizer-path-active:var(--visualizer-current);--visualizer-marker:var(--visualizer-current);--visualizer-marker-shadow:0 2px 6px var(--shadow);--focus-ring:#79d99b;--signal-good:#79d99b;--shadow:#000;--grid-line:#1b201b;--stage-glow:#244c35}html[data-theme=paper-beet]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper-field:#f3e4df;--paper-frame:#d4b7bd;--paper-working:#dfc8c8;--paper-panel:#dfc8c8;--paper-card:#c58f9d;--paper-card-selected-base:#a9526a;--paper-control:#c999a3;--paper-stage:#f6e9dc;--paper-stop:#963f56;--paper-leaf:#667d68;--paper-tone-separation:18%;--paper-shadow-rgb:60 30 55;--paper-shadow-raised:-4px -4px 4px rgb(var(--paper-shadow-rgb) / 60%);--paper-shadow-hover:-5px -5px 5px rgb(var(--paper-shadow-rgb) / 64%);--paper-shadow-lifted:-6px -6px 6px rgb(var(--paper-shadow-rgb) / 60%);--paper-shadow-selected:-1px -1px 2px rgb(var(--paper-shadow-rgb) / 35%), inset 1px 1px 2px rgb(var(--paper-shadow-rgb) / 18%);--paper-shadow-stage:inset -4px -4px 4px rgb(var(--paper-shadow-rgb) / 60%);--paper-card-gap:1.125rem;--paper-control-gap:1.125rem;--paper-section-gap:1.5rem;--paper-divider:rgb(var(--paper-shadow-rgb) / 16%);--paper-grain-opacity:.5;--paper-grain-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .32 0 0 0 0 .18 0 0 0 0 .24 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23noise)'/%3E%3C/svg%3E");--ink-primary:#35202a;--ink-secondary:#6b4b57;--ink-on-dark:#f4e8df;--ink-accent:#a9526a;--background:var(--paper-field);--surface:var(--paper-frame);--surface-elevated:var(--paper-card);--surface-muted:var(--paper-working);--text-primary:var(--ink-primary);--text-secondary:var(--ink-secondary);--accent:var(--ink-accent);--accent-contrast:var(--ink-on-dark);--accent-muted:var(--paper-control);--border:var(--paper-divider);--line-strong:rgb(var(--paper-shadow-rgb) / 26%);--border-subtle:var(--paper-divider);--border-strong:rgb(var(--paper-shadow-rgb) / 26%);--card-border:transparent;--card-fill:var(--paper-card);--selected-fill:var(--paper-card-selected-base);--selectable-card-background:var(--paper-card);--selectable-card-border:transparent;--selectable-card-shadow:var(--paper-shadow-raised);--selectable-card-hover-background:var(--paper-card);--selectable-card-hover-border:transparent;--selectable-card-hover-shadow:var(--paper-shadow-hover);--selectable-card-selected-background:var(--paper-card-selected-base);--selectable-card-selected-border:transparent;--selectable-card-selected-shadow:var(--paper-shadow-selected);--selectable-card-backdrop-blur:0px;--control:var(--paper-control);--control-active:var(--paper-card-selected-base);--session-background:var(--paper-working);--session-surface:var(--paper-stage);--session-ink:var(--ink-primary);--session-ink-muted:var(--ink-secondary);--session-accent:var(--ink-accent);--session-texture-opacity:var(--paper-grain-opacity);--session-chrome-opacity:1;--visualizer-background:var(--paper-stage);--visualizer-grid:#d8c7bd;--visualizer-path:#4d2836;--visualizer-past:#805866;--visualizer-current:var(--paper-card-selected-base);--visualizer-future:#c9b6ad;--visualizer-path-past:var(--visualizer-past);--visualizer-path-future:var(--visualizer-future);--visualizer-path-active:var(--visualizer-current);--visualizer-marker:var(--paper-card-selected-base);--visualizer-marker-shadow:var(--paper-shadow-raised);--focus-ring:#5f285d;--signal-good:var(--paper-leaf);--shadow:#40202d;--grid-line:var(--visualizer-grid);--stage-glow:var(--paper-control)}
*,:before,:after{box-sizing:border-box}html{background:var(--background);min-width:20rem;max-width:100%;min-height:100%;overflow-x:clip}body{background:var(--background);max-width:100%;height:100dvh;min-height:100dvh;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);text-rendering:optimizelegibility;margin:0;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-contrast)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--focus-ring);border-radius:var(--button-radius);background:var(--background);color:var(--text-primary);text-decoration:none;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-frame{background:var(--background);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.app-header,.app-content,.desktop-footer,.mobile-bottom-navigation{z-index:1;position:relative}.app-header{z-index:30;min-height:var(--header-height);padding:max(var(--space-1), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-right)) var(--space-1) max(var(--space-3), env(safe-area-inset-left));border-bottom:var(--border-width) solid var(--border-subtle);background:var(--background);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.brand{align-items:center;gap:var(--space-2);width:fit-content;color:var(--text-primary);text-decoration:none;display:inline-flex}.brand strong{letter-spacing:.04em;text-transform:uppercase}.brand-mark{width:1.55rem;height:1.3rem;color:var(--accent);fill:currentColor;flex:none;display:block;overflow:visible}.desktop-route-tabs,.desktop-footer{display:none}.app-content{overscroll-behavior:contain;min-width:0;min-height:0;overflow-y:auto}.app-content,.instrument-workspace,.preset-list{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.app-content::-webkit-scrollbar{width:.5rem}.instrument-workspace::-webkit-scrollbar{width:.5rem}.preset-list::-webkit-scrollbar{width:.5rem}.app-content::-webkit-scrollbar-track{background:0 0}.instrument-workspace::-webkit-scrollbar-track{background:0 0}.preset-list::-webkit-scrollbar-track{background:0 0}.app-content::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.instrument-workspace::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.preset-list::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.tool-page{background:var(--background);min-width:0;min-height:100%}.workspace-header h2,.workspace-header p,.custom-workspace-header h2,.settings-row h2{font-size:inherit;line-height:inherit;margin:0}.selector-tabs{align-items:center;gap:var(--space-1);flex-wrap:wrap;min-width:0;display:flex}.selector-tabs.desktop-route-tabs{display:none}.selector-tab{min-width:0;min-height:var(--compact-selector-height);padding:0 var(--space-2);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.selector-tab:after{width:min(var(--active-underline-width), calc(100% - var(--space-3)));height:var(--border-width);content:"";pointer-events:none;background:0 0;position:absolute;bottom:.18rem;left:50%;transform:translate(-50%)}.selector-tab[data-active=true],.selector-tab[data-selected=true]{color:var(--accent)}.selector-tab[data-active=true]:after,.selector-tab[data-selected=true]:after{background:var(--accent)}.instrument-layout,.preset-browser,.instrument-workspace{min-width:0}.preset-browser,.instrument-workspace{padding:var(--space-3)}.breath-catalog-empty{align-content:center;gap:var(--space-2);min-height:100%;display:grid}.breath-catalog-empty p{color:var(--text-secondary);margin:0}.preset-browser[data-mobile-hidden=true],.instrument-workspace[data-mobile-hidden=true]{display:none}.filter-tabs{margin-bottom:var(--space-3)}.filter-tab{flex:0 auto}.category-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.selection-heading{min-width:0;color:var(--text-primary);font:inherit;font-weight:700;line-height:inherit;overflow-wrap:anywhere;margin:0}.selection-heading-primary{margin-bottom:var(--space-3)}.category-option{align-content:center;gap:var(--space-1);min-width:0;min-height:6rem;padding:var(--space-3);border:var(--border-width) solid var(--selectable-card-border);background:var(--selectable-card-background);box-shadow:var(--selectable-card-shadow);color:var(--text-primary);text-align:left;-webkit-backdrop-filter:blur(var(--selectable-card-backdrop-blur));backdrop-filter:blur(var(--selectable-card-backdrop-blur));cursor:pointer;border-radius:8px;display:grid}.category-option[data-selected=true]{border-color:var(--selectable-card-selected-border);background:var(--selectable-card-selected-background);box-shadow:var(--selectable-card-selected-shadow)}.category-option>strong,.category-option>span{overflow-wrap:anywhere}.category-option[data-selected=true] .category-count{color:inherit}.category-option-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.category-option-heading>:first-child{overflow-wrap:anywhere;min-width:0}.category-count{color:var(--text-secondary);letter-spacing:.04em;flex:none;font-weight:400}.category-option>span{color:var(--text-secondary)}.category-option-wide{grid-column:1/-1}.category-option-top-level{aspect-ratio:1;align-content:start;gap:var(--space-1);grid-template-rows:auto auto;min-height:0}.category-grid-top-level{gap:var(--top-level-category-grid-gap);width:100%;max-width:31rem}.selection-results{gap:var(--space-3);min-width:0;display:grid}.selection-level-header{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.step-back-control{align-items:center;display:inline-flex}.sound-category-grid{gap:var(--space-1);min-width:0;margin-bottom:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sound-category-control{min-width:0;min-height:var(--compact-selector-height);padding:0 var(--space-1);border:var(--border-width) solid var(--card-border);border-radius:var(--button-radius);color:var(--text-primary);letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere;cursor:pointer;background:0 0}.sound-category-control[data-active=true]{border-color:var(--accent);background:var(--selected-fill);color:var(--accent)}.preset-list{gap:var(--space-2);min-width:0;display:grid}.preset-option{align-content:center;gap:calc(var(--space-1) / 2);width:100%;min-width:0;height:6.35rem;padding:var(--space-3);border:var(--border-width) solid var(--selectable-card-border);border-radius:var(--card-radius);background:var(--selectable-card-background);box-shadow:var(--selectable-card-shadow);text-align:left;-webkit-backdrop-filter:blur(var(--selectable-card-backdrop-blur));backdrop-filter:blur(var(--selectable-card-backdrop-blur));cursor:pointer;display:grid;overflow:hidden}.preset-option[data-selected=true]{border-color:var(--selectable-card-selected-border);background:var(--selectable-card-selected-background);box-shadow:var(--selectable-card-selected-shadow)}.preset-option[data-selected=true]>strong{color:var(--accent)}.preset-option>strong{overflow-wrap:anywhere;font-size:inherit;line-height:inherit}.preset-structure{color:var(--text-secondary);overflow-wrap:anywhere}.preset-ratio{color:var(--text-primary);overflow-wrap:anywhere}.preset-tag{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;justify-self:start}.instrument-workspace{align-content:start;gap:var(--space-3);background:var(--background);--sound-control-grid-gap:var(--space-2);display:grid}.workspace-header,.configuration-bar,.pacer-stage,.sound-stage{width:min(100%, var(--stage-max-width));margin-inline:auto}.workspace-header{align-items:start;gap:var(--space-3);min-width:0;display:flex}.workspace-header>div{min-width:0}.workspace-header h2{overflow-wrap:anywhere;font-weight:700}.workspace-header p{margin-top:var(--space-1);color:var(--text-secondary);overflow-wrap:anywhere}.back-control,.primary-control,.secondary-control,.toggle-control,.control-field select{min-height:var(--control-height);border:var(--border-width) solid var(--border-strong);border-radius:var(--button-radius)}.back-control{padding:0 var(--space-3);color:var(--text-secondary);cursor:pointer;background:0 0;flex:none}.configuration-bar{gap:var(--space-2);padding:var(--space-3) 0;border-top:var(--border-width) solid var(--border-subtle);border-bottom:var(--border-width) solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.control-field{gap:var(--space-1);min-width:0;display:grid}.control-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.control-field select,.toggle-control{width:100%;min-width:0;padding:0 var(--space-3);background:var(--control);color:var(--text-primary);text-transform:uppercase;cursor:pointer}.control-field select{padding-right:2rem}.toggle-control[data-active=true]{border-color:var(--accent);background:var(--control-active);color:var(--accent-contrast)}.primary-control,.secondary-control{padding:0 var(--space-3);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.primary-control{background:var(--accent);color:var(--accent-contrast);grid-column:1/-1}.secondary-control{color:var(--text-primary);background:0 0}.destructive-control{border-color:var(--control-destructive,var(--accent));background:var(--control-destructive,var(--control-active));color:var(--accent-contrast)}.primary-control:disabled,.secondary-control:disabled,.category-option:disabled,.preset-option:disabled{opacity:.72;cursor:not-allowed}.brand:active,.selector-tab:active,.category-option:active:not(:disabled),.sound-category-control:active:not(:disabled),.preset-option:active:not(:disabled),.back-control:active:not(:disabled),.primary-control:active:not(:disabled),.secondary-control:active:not(:disabled),.toggle-control:active:not(:disabled),.control-field select:active:not(:disabled),.system-page a:active{opacity:.82}.sound-configuration{grid-template-columns:minmax(0,1fr)}.transport-controls{gap:var(--sound-control-grid-gap);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;min-width:0;display:grid}.transport-controls .primary-control{grid-column:auto}.playback-status{min-width:0;color:var(--text-secondary);letter-spacing:.06em;overflow-wrap:anywhere;margin:0}.breath-session-stage{height:var(--breath-stage-shell-height);min-height:0;padding:var(--space-4);display:grid}.breath-focused-session-stack{display:contents}.breath-visualizer-instrument{width:min(100%, var(--stage-max-width));height:calc(var(--breath-wave-strip-height) + var(--breath-stage-shell-height));min-width:0;min-height:calc(var(--breath-wave-strip-height) + var(--breath-stage-shell-height));grid-template-rows:var(--breath-wave-strip-height) var(--breath-stage-shell-height);border:var(--border-width) solid color-mix(in srgb, var(--border-subtle) 72%, transparent);border-radius:var(--stage-radius);background:var(--visualizer-background);margin-inline:auto;display:grid;overflow:hidden}.breath-session-wave-band{min-width:0;min-height:0;padding-inline:var(--space-4);border-bottom:var(--border-width) solid color-mix(in srgb, var(--border-subtle) 44%, transparent);place-items:center;display:grid}.breath-session-wave-band>[data-breath-visualization=standing-wave]{width:100%;height:var(--breath-wave-strip-height)}.breath-session-pacer-region{min-width:0;min-height:0;position:relative;overflow:hidden}.breath-session-visualizer-frame>.breath-session-pacer-region>.breath-session-stage{width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.breath-configuration{grid-template-columns:minmax(0,1fr)}.breath-practice-notice{gap:var(--space-1);padding:var(--space-3);border-inline-start:var(--border-width) solid var(--accent);color:var(--text-secondary);display:grid}.breath-practice-notice p{margin:0}.ratio-tool-configuration{gap:var(--space-3);display:grid}.ratio-duration-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ratio-duration-control{gap:var(--space-1);min-width:0;display:grid}.ratio-duration-stepper{border:var(--border-width) solid var(--border-strong);border-radius:var(--button-radius);background:var(--control);grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:stretch;min-height:2.75rem;display:grid;overflow:hidden}html[data-theme] .ratio-duration-stepper .secondary-control.ratio-duration-segment{min-width:0;min-height:0;box-shadow:none;color:var(--text-secondary);background:0 0;border:0;border-radius:0;padding:0;font-weight:600}html[data-theme] .ratio-duration-stepper .secondary-control.ratio-duration-segment:hover:not(:disabled){box-shadow:none;background:color-mix(in srgb, var(--control-active) 16%, var(--control));transform:none}html[data-theme] .ratio-duration-stepper .secondary-control.ratio-duration-segment:active:not(:disabled){background:color-mix(in srgb, var(--control-active) 28%, var(--control));transform:none}html[data-theme] .ratio-duration-stepper .secondary-control.ratio-duration-segment:focus-visible{z-index:1;outline-offset:-3px;position:relative}html[data-theme] .ratio-duration-stepper .secondary-control.ratio-duration-segment:disabled{opacity:.56}.ratio-duration-stepper .ratio-duration-value{border-inline:var(--border-width) solid var(--border-subtle);min-width:0;color:var(--text-primary);place-items:center;font-weight:700;display:grid}html[data-theme=paper-beet] .ratio-duration-stepper{background:var(--paper-control);box-shadow:var(--paper-shadow-raised);border:0}html[data-theme=paper-beet] .ratio-duration-stepper .ratio-duration-value{border-inline-color:color-mix(in srgb, var(--paper-divider) 48%, transparent)}html[data-theme=paper-beet][data-selected-theme=breath] .ratio-duration-stepper{background:var(--paper-card)}html[data-theme=paper-beet][data-selected-theme=breath] .ratio-duration-stepper .ratio-duration-segment:hover:not(:disabled){background:color-mix(in srgb, var(--paper-card-selected-base) 16%, var(--paper-card))}html[data-theme=paper-beet][data-selected-theme=breath] .ratio-duration-stepper .ratio-duration-segment:active:not(:disabled){background:color-mix(in srgb, var(--paper-card-selected-base) 28%, var(--paper-card))}html[data-theme=beet-dark] .ratio-duration-stepper .ratio-duration-value,html[data-theme=lv8] .ratio-duration-stepper .ratio-duration-value{border-inline-color:color-mix(in srgb, var(--border-subtle) 38%, transparent)}@media (min-width:40rem){.ratio-duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ratio-tool-summary{gap:var(--space-1);color:var(--text-secondary);display:grid}.ratio-tool-summary strong{color:var(--text-primary);font-size:1.125rem}.ratio-tool-error{width:min(100%, var(--stage-max-width));color:var(--text-secondary);margin-inline:auto}.custom-program-configuration,.custom-program-preview,.custom-program-diagnostics{gap:var(--space-3);min-width:0;display:grid}.custom-program-configuration{padding-top:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);grid-column:1/-1}.custom-program-heading{gap:var(--space-1);display:grid}.custom-program-heading h3,.custom-program-heading p{margin:0}.custom-program-heading p{color:var(--text-secondary)}.custom-program-configuration textarea{resize:vertical;width:100%;min-height:13rem;padding:var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--button-radius);background:var(--control);color:var(--text-primary);font:inherit;line-height:1.5}html[data-theme=paper-beet] .custom-program-configuration textarea{background:var(--paper-stage);box-shadow:var(--paper-shadow-stage);border:0;border-radius:6px}.custom-program-help,.custom-program-preview,.custom-program-diagnostics{color:var(--text-secondary);margin:0}.custom-program-help code{color:var(--text-primary)}.custom-program-preview{padding-block:var(--space-3);border-block:var(--border-width) solid var(--border-subtle)}.custom-program-preview h3,.custom-program-preview p,.custom-program-preview ol,.custom-program-diagnostics p{margin:0}.custom-program-preview ol{gap:var(--space-1);padding-inline-start:1.25rem;display:grid}.custom-program-diagnostics{padding:var(--space-3);border-inline-start:var(--border-width) solid var(--control-destructive,var(--accent))}.auto-practice-card{width:min(100%,52rem);min-height:clamp(30rem,68vh,43rem);padding:var(--space-3);gap:var(--space-3);cursor:default;text-align:center;transform-origin:50%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;margin:clamp(1.5rem,8vh,4rem) auto;transition:opacity .24s,transform .24s;display:grid;position:relative}.auto-practice-card p{margin:0}.auto-practice-brand{inset-inline:0;justify-content:center;align-items:center;display:flex;position:absolute;top:30%;transform:translateY(-50%)}.auto-practice-mark{width:clamp(6rem,16vw,9.25rem);height:auto;color:var(--accent);fill:currentColor}.auto-practice-resolving{min-height:9.5rem;color:var(--text-secondary);grid-row:2;align-content:start;justify-items:center;display:grid}.auto-practice-card.is-exiting,.auto-practice-resolving.is-exiting{opacity:0}.auto-practice-card.is-exiting{transform:scale(.985)}.auto-practice-mark.is-loading{animation:1.35s ease-in-out infinite alternate auto-practice-pulse}.auto-practice-card form,.auto-practice-error{gap:.75rem;display:grid}.auto-practice-card form{grid-row:2;grid-template-columns:minmax(0,1fr);align-self:end;justify-items:center}.auto-practice-card form .control-field{width:100%}.auto-practice-composer{width:100%;position:relative}.auto-practice-request{width:100%;height:7.5rem;min-height:7.5rem;padding:var(--space-3);padding-bottom:calc(var(--space-3) + var(--compact-selector-height));border:var(--border-width) solid color-mix(in srgb, var(--border-subtle) 72%, transparent);border-radius:var(--stage-radius);background:var(--visualizer-background);color:var(--text-primary);resize:none;line-height:1.5;display:block}.auto-practice-request::placeholder{color:var(--text-secondary);opacity:.72;font-style:italic}.auto-practice-request:focus,.auto-practice-request:focus-visible{border-color:color-mix(in srgb, var(--border-subtle) 72%, transparent);outline:none}.auto-practice-composer-action{right:var(--space-3);bottom:var(--space-3);align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-base);pointer-events:none;line-height:1;display:inline-flex;position:absolute}.auto-practice-composer-submit{width:var(--compact-selector-height);height:var(--compact-selector-height);border:var(--border-width) solid var(--accent);border-radius:var(--stage-radius);background:var(--accent);color:var(--accent-contrast);cursor:pointer;pointer-events:auto;place-items:center;padding:0;font-size:1.45rem;font-weight:700;line-height:1;display:grid}.auto-practice-composer-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.56}.auto-practice-summary{width:min(100%, var(--stage-max-width));justify-content:flex-start;align-items:baseline;gap:var(--space-2);margin:var(--space-3) auto 0;color:var(--text-secondary);display:flex}.auto-practice-summary>p{color:var(--text-primary);margin:0;font-weight:700}.auto-practice-page{padding:var(--space-3)}.auto-practice-page:has(>.auto-practice-card){place-items:safe center center;min-height:100%;display:grid}.auto-practice-page:has(>.auto-practice-card) .auto-practice-card{margin:0}.auto-practice-flow{gap:var(--space-3);min-width:0;min-height:min-content;padding-bottom:var(--space-4);display:grid}.auto-practice-flow.is-entering{animation:.34s ease-out both auto-practice-result-enter}body[data-breath-focus=true] .auto-practice-flow.is-focused{display:contents}body[data-breath-focus=true] .auto-practice-page{padding:0}.ai-practice-lab-page{gap:var(--space-3);width:min(100%,72rem);padding:var(--space-3);margin:0 auto;display:grid}.ai-practice-lab-header,.ai-practice-lab-controls,.ai-practice-lab-panel{gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--card-radius);background:var(--surface);display:grid}.ai-practice-lab-header h1,.ai-practice-lab-header p,.ai-practice-lab-panel h2,.ai-practice-lab-panel p,.ai-practice-lab-panel dl{margin:0}.ai-practice-lab-kicker,.ai-practice-lab-status{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.8em}.ai-practice-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-practice-lab-controls>label:first-child,.ai-practice-lab-controls>.primary-control,.ai-practice-lab-status{grid-column:1/-1}.ai-practice-lab-controls label{gap:var(--space-1);display:grid}.ai-practice-lab-controls textarea,.ai-practice-lab-controls select{width:100%;min-width:0;padding:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--stage-radius);background:var(--visualizer-background);color:var(--text-primary);font:inherit}.ai-practice-lab-controls textarea{resize:vertical}.ai-practice-lab-controls .primary-control{justify-self:start;width:min(100%,20rem)}.ai-practice-lab-results{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.ai-practice-lab-panel dl{gap:var(--space-1);display:grid}.ai-practice-lab-panel dt{color:var(--text-secondary)}.ai-practice-lab-panel dd{overflow-wrap:anywhere;min-width:0;margin:0}.ai-practice-lab-panel pre{box-sizing:border-box;min-width:0;max-width:100%;padding:var(--space-2);border:var(--border-width) solid var(--border-subtle);background:var(--visualizer-background);font:inherit;margin:0;overflow:auto}.ai-practice-lab-panel details{min-width:0}.ai-practice-lab-diagnostic pre,.ai-practice-lab-raw-output pre{max-height:24rem;overflow:auto}.ai-practice-lab-diagnostic ul,.ai-practice-lab-error dl{gap:var(--space-1);min-width:0;margin:0;padding-inline-start:1.25rem;display:grid}.ai-practice-lab-error dl{padding-inline-start:0}.ai-practice-lab-error dd{overflow-wrap:anywhere;min-width:0;margin:0}.ai-practice-lab-raw-output{min-width:0}.ai-practice-lab-raw-output pre{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;overflow-x:hidden}.ai-practice-lab-error{color:var(--control-destructive,var(--accent))}.ai-practice-lab-workspace{min-height:0}@keyframes auto-practice-pulse{to{opacity:.76;transform:scale(1.08)}}@keyframes auto-practice-result-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[data-theme=paper-beet] .auto-practice-request{background:var(--paper-stage);box-shadow:var(--paper-shadow-stage);border:0;border-radius:6px}.breath-transport-controls{--breath-control-row-height:var(--control-height);align-items:end;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.breath-transport-controls>.primary-control,.breath-transport-controls>.secondary-control,.breath-transport-controls>.breath-phase-sound-toggle,.breath-transport-controls .breath-round-control select,.breath-transport-controls>.breath-fixed-duration{height:var(--breath-control-row-height);min-height:var(--breath-control-row-height)}.breath-transport-controls>.primary-control{grid-column:auto}@media (min-width:40rem){.breath-transport-controls>.custom-program-start-control{justify-self:start;width:min(100%,18rem)}}.breath-fixed-duration{min-height:var(--control-height);padding-inline:var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--button-radius);background:var(--control);align-content:center}.breath-playback-status{grid-column:1/-1}.breath-phase-sound-toggle,.breath-focus-cues-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;width:100%;min-width:0;margin:0;display:flex}.breath-phase-sound-toggle strong,.breath-focus-cues-toggle strong{flex:none}.breath-session-stage[data-focus-state]:not([data-focus-state=workspace]){width:100%;height:var(--breath-focused-stage-shell-height);isolation:isolate;min-height:0;position:relative;overflow:hidden}.breath-focus-overlay{z-index:4;min-width:0;min-height:0;padding:var(--space-4) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));display:grid;position:absolute;inset:0}.breath-focus-preparing{place-items:start;padding-block-start:clamp(3.75rem,17%,6.5rem);padding-inline-start:max(var(--space-6), 9%, env(safe-area-inset-left))}.breath-focus-opening{place-items:start;padding-block-start:clamp(3rem,13%,5rem);padding-inline-start:max(var(--space-5), 6%, env(safe-area-inset-left))}.breath-opening-guidance{justify-items:center;gap:var(--space-2);max-width:min(30rem,100%);color:var(--session-ink);letter-spacing:.08em;text-align:center;font-size:clamp(.9rem,2.8vmin,1.15rem);line-height:1.45;display:grid}.breath-preparation-count{align-self:start;justify-items:center;gap:var(--space-2);color:var(--session-ink);letter-spacing:.08em;text-transform:uppercase;display:grid;transform:translate(clamp(3.75rem,15vw,7.5rem))}.breath-preparation-count strong{font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vmin,7rem);line-height:1}@media (max-width:39.999rem){.breath-focus-opening{padding-block-start:clamp(2.5rem,11%,3.5rem);padding-inline-start:max(var(--space-4), 5%, env(safe-area-inset-left))}.breath-opening-guidance{max-width:min(20rem,100%);font-size:clamp(.6rem,2.25vw,.68rem);line-height:1.4}}.breath-focus-preparation-controls,.breath-focus-control-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;margin-inline:auto;display:grid}.breath-focus-session-meta{align-content:end}.breath-focus-session-meta[data-visible=false]{visibility:hidden;opacity:0;pointer-events:none}.breath-focus-meta{justify-content:space-between;align-items:baseline;gap:var(--space-3);width:100%;min-width:0;color:var(--session-ink-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 auto;display:flex}.breath-focus-meta-stack{gap:var(--space-1);min-width:0;display:grid}.breath-focus-program-meta{justify-content:space-between;gap:var(--space-1) var(--space-3);min-width:0;color:var(--session-ink-muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;margin:0;font-size:.8em;display:flex}.breath-focus-meta strong{color:var(--session-ink)}.breath-focus-preparation-controls>.destructive-control{grid-column:1/-1}.breath-focus-control-grid>.primary-control{grid-column:auto}.breath-focus-error{place-items:center}.breath-focus-error>div{justify-items:center;gap:var(--space-2);color:var(--session-ink-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;display:grid}.breath-focus-error>div strong{color:var(--session-ink)}.breath-focused-session-stack[data-focus-state]:not([data-focus-state=workspace]){--breath-focus-dock-height:calc((2 * var(--control-height)) + var(--space-2));width:min(100%, var(--stage-max-width));grid-template-rows:calc(var(--breath-wave-strip-height) + var(--breath-focused-stage-shell-height)) var(--breath-focus-dock-height);gap:var(--space-3);align-content:center;min-width:0;display:grid}.breath-focused-session-stack[data-focus-state]:not([data-focus-state=workspace]) .breath-visualizer-instrument{width:100%;height:calc(var(--breath-wave-strip-height) + var(--breath-focused-stage-shell-height));min-height:calc(var(--breath-wave-strip-height) + var(--breath-focused-stage-shell-height));grid-template-rows:var(--breath-wave-strip-height) var(--breath-focused-stage-shell-height)}.breath-focus-dock{width:100%;min-width:0;height:var(--breath-focus-dock-height);justify-content:center;align-items:start;transition:opacity .14s;display:flex}.breath-focus-dock[data-visible=false]{visibility:hidden;opacity:0;pointer-events:none}.breath-focus-dock button,.breath-focus-dock .breath-phase-sound-toggle,.breath-focus-dock .breath-focus-cues-toggle{height:var(--control-height);min-height:var(--control-height);white-space:nowrap}.breath-focus-exit-control{width:min(20rem,100%)}body[data-breath-focus=true] .app-frame{grid-template-rows:minmax(0,1fr)}body[data-breath-focus=true] .app-header,body[data-breath-focus=true] .desktop-footer,body[data-breath-focus=true] .mobile-bottom-navigation,body[data-breath-focus=true] .selection-browser,body[data-breath-focus=true] .breath-workspace-header,body[data-breath-focus=true] .breath-configuration{display:none!important}body[data-breath-focus=true] .app-content,body[data-breath-focus=true] .tool-page,body[data-breath-focus=true] .instrument-layout,body[data-breath-focus=true] .instrument-workspace{width:100%;height:100%;min-height:0;overflow:hidden}body[data-breath-focus=true] .instrument-layout{display:block}body[data-breath-focus=true] .instrument-workspace,body[data-breath-focus=true] .instrument-workspace[data-mobile-hidden=false]{padding:var(--space-3);background:var(--background);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-content:center;place-items:center;display:grid;overflow:hidden auto}html[data-theme=paper-beet] body[data-breath-focus=true] .instrument-workspace{background:var(--paper-frame)}html[data-theme=paper-beet] body[data-breath-focus=true] .breath-session-visualizer-frame{background:var(--paper-stage);box-shadow:var(--paper-shadow-stage)}.sound-feedback{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;grid-column:1/-1;min-width:0;display:flex}.wav-render-helper{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;margin:0}@media (hover:hover) and (pointer:fine){.selector-tab:hover{color:var(--text-primary)}.category-option:hover:not(:disabled):not([data-selected=true]),.preset-option:hover:not(:disabled):not([data-selected=true]){border-color:var(--selectable-card-hover-border);background:var(--selectable-card-hover-background);box-shadow:var(--selectable-card-hover-shadow)}.sound-category-control:hover{border-color:var(--border-strong)}.app-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.instrument-workspace::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.preset-list::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}}.pacer-stage,.sound-stage{border:var(--border-width) solid color-mix(in srgb, var(--border-subtle) 72%, transparent);border-radius:var(--stage-radius);background:var(--visualizer-background);min-height:clamp(18rem,54vh,34rem)}.sound-stage{place-items:center;height:clamp(24rem,52vh,30rem);min-height:0;padding:clamp(1rem,3vw,2rem);display:grid;overflow:hidden}.sound-radial-visualizer-frame{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative;container-type:size}.sound-radial-visualizer{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:relative}.rendered-output{width:min(100%, var(--stage-max-width));gap:var(--space-3);padding:var(--space-1) 0 var(--space-2);border-top:0;margin-inline:auto;display:grid}.rendered-output-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.rendered-output-header h3{font:inherit;font-weight:700}.rendered-output-header p{color:var(--text-secondary)}.rendered-audio-player{width:100%;min-width:0;accent-color:var(--accent)}.rendered-output-controls{align-items:end;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.rendered-loop-control{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;display:flex}.rendered-loop-control>span:last-child{flex:none;font-weight:700}.rendered-loop-control[data-active=true]{border-color:var(--border-strong);background:var(--selected-fill);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--shadow) 22%, transparent);color:var(--text-primary)}.rendered-download-control{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}html[data-theme=paper-beet] .sound-radial-visualizer-frame:before{z-index:0;top:var(--visualizer-center-y,50%);left:var(--visualizer-center-x,50%);aspect-ratio:1;background:color-mix(in srgb, var(--paper-stage), var(--paper-card) 24%);width:min(88cqw,88cqh,25rem);box-shadow:var(--paper-shadow-raised);content:"";pointer-events:none;border-radius:6px;position:absolute;transform:translate(-50%,-50%)}@media (max-width:47.999rem){.sound-stage{height:22rem}}.settings-list{max-width:64rem;padding:0 var(--space-3) var(--space-6);margin:0 auto}.settings-row{min-width:0;min-height:var(--control-height);gap:var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle);grid-template-columns:minmax(6rem,1fr) auto;align-items:center;display:grid}.settings-row:first-child{border-top:var(--border-width) solid var(--border-subtle)}.settings-row h2{text-transform:uppercase;font-weight:700}.settings-row>span{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.settings-row-themes{padding:var(--space-1) 0;grid-template-columns:minmax(6rem,1fr) minmax(0,auto)}.theme-options{justify-content:flex-end}.system-page{min-height:calc(100vh - var(--header-height) - var(--mobile-nav-height));min-height:calc(100svh - var(--header-height) - var(--mobile-nav-height));place-content:center;justify-items:start;gap:var(--space-3);padding:var(--space-6);background:var(--background);display:grid}.micro-label,.system-page h1,.system-page p{max-width:32rem;font-size:inherit;line-height:inherit;margin:0}.micro-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.system-page>p:not(.micro-label){color:var(--text-secondary)}.system-page a{min-height:var(--control-height);margin-top:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--accent);border-radius:var(--button-radius);color:var(--text-primary);text-decoration:none}.mobile-bottom-navigation{z-index:40;padding:0 max(var(--space-2), env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--space-2), env(safe-area-inset-left));border-top:var(--border-width) solid var(--border-subtle);background:var(--background);position:relative}.mobile-bottom-navigation-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.route-link{min-height:var(--mobile-nav-height)}html[data-theme=paper-beet] .app-frame{background:var(--paper-frame);box-shadow:var(--paper-shadow-raised);border:0;border-radius:18px}html[data-theme=paper-beet] .brand-mark{color:var(--ink-accent);filter:drop-shadow(-1px -1px 1px rgb(var(--paper-shadow-rgb) / 34%))}html[data-theme=paper-beet] .app-frame:before{z-index:0;border-radius:inherit;background-image:var(--paper-grain-image);content:"";opacity:var(--paper-grain-opacity);pointer-events:none;background-repeat:repeat;background-size:160px 160px;position:absolute;inset:0}html[data-theme=paper-beet] .tool-page,html[data-theme=paper-beet] .instrument-workspace,html[data-theme=paper-beet] .preset-browser,html[data-theme=paper-beet] .system-page{background:var(--paper-working)}html[data-theme=paper-beet] .skip-link{background:var(--paper-card)}html[data-theme=paper-beet] .app-header,html[data-theme=paper-beet] .desktop-footer,html[data-theme=paper-beet] .mobile-bottom-navigation{background:var(--paper-frame);box-shadow:none;border:0}html[data-theme=paper-beet][data-selected-theme=breath] .app-header,html[data-theme=paper-beet][data-selected-theme=breath] .desktop-footer,html[data-theme=paper-beet][data-selected-theme=breath] .mobile-bottom-navigation{background:var(--paper-panel)}html[data-theme=paper-beet][data-selected-theme=breath] .category-option,html[data-theme=paper-beet][data-selected-theme=breath] .preset-option{background:var(--paper-card)}html[data-theme=paper-beet][data-selected-theme=breath] .back-control,html[data-theme=paper-beet][data-selected-theme=breath] .breath-round-control select,html[data-theme=paper-beet][data-selected-theme=breath] .breath-fixed-duration,html[data-theme=paper-beet][data-selected-theme=breath] .instrument-workspace .control-field select,html[data-theme=paper-beet][data-selected-theme=breath] .instrument-workspace .secondary-control:not(.destructive-control):not(.ratio-duration-segment),html[data-theme=paper-beet][data-selected-theme=breath] .rendered-loop-control,html[data-theme=paper-beet][data-selected-theme=breath] .breath-phase-sound-toggle[data-active=false]{background:var(--paper-card);color:var(--ink-primary)}html[data-theme=paper-beet] .preset-list{gap:var(--paper-card-gap);padding:.5rem .75rem 1.125rem .5rem;overflow-x:hidden}html[data-theme=paper-beet] .selection-level-header{padding-inline:.5rem .75rem}html[data-theme=paper-beet] .filter-tabs,html[data-theme=paper-beet] .sound-category-grid{margin-bottom:1.25rem}html[data-theme=paper-beet] .sound-category-grid,html[data-theme=paper-beet] .configuration-bar{gap:var(--paper-control-gap)}html[data-theme=paper-beet] .instrument-workspace{--sound-control-grid-gap:var(--paper-control-gap);gap:var(--paper-section-gap)}html[data-theme=paper-beet] .advanced-preset-option{width:calc(100% - 1.25rem);margin:var(--paper-card-gap) .75rem 1rem .5rem}html[data-theme=paper-beet] .sound-category-control,html[data-theme=paper-beet] .category-option,html[data-theme=paper-beet] .preset-option,html[data-theme=paper-beet] .back-control,html[data-theme=paper-beet] .primary-control,html[data-theme=paper-beet] .secondary-control,html[data-theme=paper-beet] .toggle-control,html[data-theme=paper-beet] .auto-practice-composer-submit,html[data-theme=paper-beet] .pacer-stage,html[data-theme=paper-beet] .sound-stage{border:0;position:relative}html[data-theme=paper-beet] .sound-category-control{background:var(--paper-control);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);border-radius:8px}html[data-theme=paper-beet] .sound-category-control[data-active=true]{background:var(--paper-card-selected-base);box-shadow:var(--paper-shadow-raised);color:var(--ink-on-dark)}html[data-theme=paper-beet] .category-option{background:var(--paper-control);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}html[data-theme=paper-beet] .category-option>span{color:var(--ink-secondary)}html[data-theme=paper-beet] .category-option[data-selected=true]{background:color-mix(in srgb, var(--paper-card-selected-base), var(--ink-primary) var(--paper-tone-separation));box-shadow:var(--paper-shadow-selected);color:var(--ink-on-dark)}html[data-theme=paper-beet] .category-option[data-selected=true]>span{color:var(--ink-on-dark)}html[data-theme=paper-beet] .preset-option{background:var(--paper-card);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}html[data-theme=paper-beet] .preset-option[data-selected=true]{background:color-mix(in srgb, var(--paper-card-selected-base), var(--ink-primary) var(--paper-tone-separation));box-shadow:var(--paper-shadow-selected);color:var(--ink-on-dark);top:auto}html[data-theme=paper-beet] .preset-option[data-selected=true]>strong,html[data-theme=paper-beet] .preset-option[data-selected=true] .preset-structure,html[data-theme=paper-beet] .preset-option[data-selected=true] .preset-tag{color:var(--ink-on-dark)}@media (hover:hover) and (pointer:fine){html[data-theme=paper-beet] .sound-category-control:hover:not([data-active=true]),html[data-theme=paper-beet] .category-option:hover:not([data-selected=true]):not(:disabled),html[data-theme=paper-beet] .preset-option:hover:not([data-selected=true]):not(:disabled),html[data-theme=paper-beet] .back-control:hover:not(:disabled),html[data-theme=paper-beet] .primary-control:hover:not(:disabled),html[data-theme=paper-beet] .secondary-control:hover:not(:disabled),html[data-theme=paper-beet] .toggle-control:hover:not([data-active=true]):not(:disabled),html[data-theme=paper-beet] .auto-practice-composer-submit:hover:not(:disabled){box-shadow:var(--paper-shadow-hover);transform:translateY(-1px)}html[data-theme=paper-beet] .theme-option:hover:not([data-selected=true]){color:var(--ink-accent);transform:translateY(-1px)}}html[data-theme=paper-beet] .primary-control,html[data-theme=paper-beet] .auto-practice-composer-submit{background:var(--paper-leaf);box-shadow:var(--paper-shadow-raised);color:var(--ink-on-dark);border-radius:28px}html[data-theme=paper-beet] .auto-practice-composer-action{gap:var(--space-2)}html[data-theme=paper-beet] .auto-practice-composer-submit{border-radius:var(--stage-radius)}html[data-theme=paper-beet] .auto-practice-composer-submit:disabled{background:color-mix(in srgb, var(--paper-leaf) 48%, var(--paper-control));box-shadow:none}html[data-theme=paper-beet] .back-control,html[data-theme=paper-beet] .secondary-control{background:var(--paper-control);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);border-radius:28px}html[data-theme=paper-beet] .destructive-control{background:var(--paper-stop);color:var(--ink-on-dark)}html[data-theme=paper-beet] .control-field select{background-color:var(--paper-control);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);border:0;border-radius:8px}html[data-theme=paper-beet] .toggle-control{background:var(--paper-control);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);border-radius:8px}html[data-theme=paper-beet] .breath-fixed-duration{background:var(--paper-control);box-shadow:var(--paper-shadow-raised);color:var(--ink-primary);border:0}html[data-theme=paper-beet] .back-control,html[data-theme=paper-beet] .primary-control,html[data-theme=paper-beet] .secondary-control,html[data-theme=paper-beet] .toggle-control,html[data-theme=paper-beet] .auto-practice-composer-submit,html[data-theme=paper-beet] .category-option,html[data-theme=paper-beet] .preset-option,html[data-theme=paper-beet] .sound-category-control,html[data-theme=paper-beet] .theme-option{transition:box-shadow 80ms,background-color 80ms,color 80ms,transform 80ms}html[data-theme=paper-beet] .back-control:active:not(:disabled),html[data-theme=paper-beet] .primary-control:active:not(:disabled),html[data-theme=paper-beet] .secondary-control:active:not(:disabled),html[data-theme=paper-beet] .toggle-control:active:not(:disabled),html[data-theme=paper-beet] .auto-practice-composer-submit:active:not(:disabled),html[data-theme=paper-beet] .sound-category-control:active:not(:disabled),html[data-theme=paper-beet] .category-option:active:not(:disabled),html[data-theme=paper-beet] .preset-option:active:not(:disabled){box-shadow:none;opacity:1;transform:translate(-1px,-1px)}html[data-theme=paper-beet] .toggle-control[data-active=true]{background:color-mix(in srgb, var(--paper-card-selected-base), var(--ink-primary) var(--paper-tone-separation));box-shadow:var(--paper-shadow-selected);color:var(--ink-on-dark)}html[data-theme=paper-beet] .primary-control:disabled,html[data-theme=paper-beet] .secondary-control:disabled{opacity:1}html[data-theme=paper-beet] .pacer-stage,html[data-theme=paper-beet] .sound-stage{background:var(--paper-stage);box-shadow:var(--paper-shadow-stage);border-radius:6px}html[data-theme=paper-beet] .breath-session-visualizer-frame{background:var(--paper-stage);box-shadow:var(--paper-shadow-stage);border:0;border-radius:6px}html[data-theme] .auto-practice-card.category-option,html[data-theme] .auto-practice-card.category-option:hover:not(:disabled):not([data-selected=true]),html[data-theme] .auto-practice-card.category-option:active:not(:disabled){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;transform:none}html[data-theme=paper-beet] .breath-session-visualizer-frame>.breath-session-pacer-region>.breath-session-stage{box-shadow:none;background:0 0;border-radius:0}@media (max-width:63.999rem){html[data-theme=paper-beet] .instrument-layout .preset-list{padding-inline:var(--space-3) 0;margin-inline-start:calc(-1 * var(--space-3))}.auto-practice-brand{top:23%}.auto-practice-mark{width:clamp(7.25rem,20vw,9.25rem)}.auto-practice-card form .auto-practice-composer-field{width:calc(100% + (2 * var(--space-3)));margin-inline:calc(-1 * var(--space-3))}.auto-practice-request{font-size:16px;line-height:1.3}.auto-practice-page:has(.auto-practice-workspace){padding:0}html[data-theme=paper-beet] body{padding:8px}html[data-theme=paper-beet] .app-frame{height:calc(100dvh - 16px);box-shadow:-2px -2px 3px rgb(var(--paper-shadow-rgb) / 48%);overflow:hidden}html[data-theme=paper-beet] .mobile-bottom-navigation{border-radius:0 0 18px 18px}html[data-theme=paper-beet] body[data-breath-focus=true]{padding:12px}html[data-theme=paper-beet] body[data-breath-focus=true] .app-frame{height:calc(100dvh - 24px)}}@media (display-mode:standalone) and (max-width:63.999rem){html[data-theme=paper-beet] body{padding:8px}html[data-theme=paper-beet] .app-frame{border-radius:clamp(38px,11vw,48px);height:calc(100dvh - 16px)}html[data-theme=paper-beet] .mobile-bottom-navigation{border-radius:0}html[data-theme=paper-beet] body[data-breath-focus=true]{padding:12px}html[data-theme=paper-beet] body[data-breath-focus=true] .app-frame{border-radius:clamp(38px,11vw,48px);height:calc(100dvh - 24px)}}@media (display-mode:standalone) and (max-width:47.999rem){.app-header{padding-bottom:var(--space-2)}}@media (max-width:63.999rem){.settings-row.settings-row-themes{border-top:0}}@media (max-width:39.999rem){.ai-practice-lab-controls,.ai-practice-lab-results{grid-template-columns:minmax(0,1fr)}}@media (max-height:40rem){body[data-breath-focus=true] .instrument-workspace,body[data-breath-focus=true] .instrument-workspace[data-mobile-hidden=false]{place-content:start center;place-items:start center}}@media (min-width:40rem){.breath-focused-session-stack[data-focus-state]:not([data-focus-state=workspace]){--breath-focus-dock-height:var(--control-height);--breath-focused-stage-height:var(--breath-stage-height);--breath-focused-stage-shell-height:calc(var(--breath-stage-height) + (2 * var(--breath-bloom-clearance)))}.breath-focus-control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.breath-focus-preparation-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.breath-focus-preparation-controls>.destructive-control{grid-column:auto}.instrument-workspace{--sound-desktop-control-grid:repeat(4, minmax(0, 1fr))}.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-category-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.configuration-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.configuration-bar>.primary-control{grid-column:auto}.breath-configuration{grid-template-columns:minmax(0,1fr)}.breath-transport-controls{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.sound-configuration{grid-template-columns:minmax(0,1fr)}.transport-controls{grid-column:1/-1;grid-template-columns:var(--sound-desktop-control-grid)}.rendered-output{grid-template-columns:var(--sound-desktop-control-grid);column-gap:var(--sound-control-grid-gap)}.rendered-output-header{grid-column:1/-1}.rendered-audio-player{grid-column:1/span 2;align-self:end}.rendered-output-controls{display:contents}.rendered-loop-control,.rendered-download-control{align-self:end}.rendered-download-control{height:var(--control-height);min-height:var(--control-height)}}@media (min-width:64rem){body{padding:var(--space-3)}.app-frame{max-width:var(--shell-max);min-height:calc(100vh - (2 * var(--space-3)));min-height:calc(100svh - (2 * var(--space-3)));min-height:calc(100dvh - (2 * var(--space-3)));max-height:calc(100vh - (2 * var(--space-3)));max-height:calc(100svh - (2 * var(--space-3)));max-height:calc(100dvh - (2 * var(--space-3)));border:var(--border-width) solid var(--line-strong);border-radius:var(--shell-radius);grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;display:grid;overflow:hidden}html[data-theme=paper-beet] .app-frame{box-shadow:var(--paper-shadow-raised);border:0;border-radius:18px}.app-header{min-height:var(--desktop-header-height);padding:0 var(--space-3);grid-template-columns:auto minmax(0,1fr);position:relative}.selector-tabs.desktop-route-tabs{justify-self:end;display:flex}.desktop-route-tabs .route-link{min-width:5rem;min-height:var(--compact-selector-height)}.mobile-bottom-navigation{display:none}.desktop-footer{min-height:var(--footer-height);padding:0 var(--space-3);border-top:var(--border-width) solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.app-content{min-height:0;padding-bottom:0;overflow:hidden}.app-content:has(>.breath-vis-lab-page){overflow-y:auto}.app-content:has(>.auto-practice-page){overflow-y:auto}.app-content:has(>.ai-practice-lab-page){overflow-y:auto}.tool-page{height:100%;min-height:0}.auto-practice-page{height:auto;min-height:100%;padding:var(--space-4)}.auto-practice-card{padding:var(--space-4);min-height:clamp(34rem,72vh,46rem);translate:0 calc(-1 * var(--space-8))}.auto-practice-brand{top:32%}.auto-practice-request{height:7rem;min-height:7rem;font-size:var(--font-size-base)}.auto-practice-card form{margin-bottom:3rem}.auto-practice-resolving{margin-bottom:var(--space-6)}.auto-practice-card form .control-field{width:66.667%}.instrument-layout{grid-template-columns:minmax(18rem, var(--browser-ratio)) minmax(0, 1fr);height:100%;min-height:0;display:grid}.instrument-layout[data-tool-workspace=true],.instrument-layout[data-catalog-empty=true]{grid-template-columns:minmax(0,1fr)}.instrument-layout[data-tool-workspace=true]>.preset-browser{display:none}.preset-browser,.preset-browser[data-mobile-hidden=true]{border-right:var(--border-width) solid var(--border-subtle);flex-direction:column;min-height:0;display:flex}.top-level-practice-selector{flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.top-level-practice-selector .category-grid-top-level{min-height:0;padding-top:var(--space-3);padding-right:var(--space-1);padding-left:var(--space-3);grid-auto-rows:max-content;align-content:start;overflow-y:auto}.selection-browser[data-step=types] .category-grid-top-level{min-height:0;padding-top:var(--space-3);padding-right:var(--space-1);padding-left:var(--space-3);flex:auto;grid-auto-rows:max-content;align-content:start;overflow-y:auto}.selection-results{flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0}.instrument-workspace,.instrument-workspace[data-mobile-hidden=true]{min-height:0;padding:var(--space-4);display:grid;overflow-y:auto}.preset-list{min-height:0;padding-right:var(--space-1);grid-template-columns:1fr;align-content:start;overflow-y:auto}.back-control{align-items:center;display:inline-flex}.instrument-workspace[aria-labelledby]:not([data-tool-workspace=true]) .workspace-header>.back-control{display:none}.settings-list{width:100%;padding-top:var(--space-3)}.sound-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-theme=paper-beet]{--paper-card-gap:1rem;--paper-control-gap:.75rem;--paper-section-gap:1.25rem}}@media (max-width:24rem){.sound-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-controls,.rendered-output-controls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}html[data-theme=paper-beet] .back-control,html[data-theme=paper-beet] .primary-control,html[data-theme=paper-beet] .secondary-control{transition:none}html[data-theme=paper-beet] .back-control:active:not(:disabled),html[data-theme=paper-beet] .primary-control:active:not(:disabled),html[data-theme=paper-beet] .secondary-control:active:not(:disabled){transform:none}.auto-practice-mark.is-loading{animation:none}.auto-practice-card.is-exiting{transform:none}.auto-practice-flow.is-entering{animation:none}}@media (forced-colors:active){html[data-theme=paper-beet] .app-frame:before{display:none}html[data-theme=paper-beet] .app-frame,html[data-theme=paper-beet] .app-header,html[data-theme=paper-beet] .desktop-footer,html[data-theme=paper-beet] .mobile-bottom-navigation,html[data-theme=paper-beet] .sound-category-control,html[data-theme=paper-beet] .category-option,html[data-theme=paper-beet] .preset-option,html[data-theme=paper-beet] .back-control,html[data-theme=paper-beet] .primary-control,html[data-theme=paper-beet] .secondary-control,html[data-theme=paper-beet] .toggle-control,html[data-theme=paper-beet] .control-field select,html[data-theme=paper-beet] .pacer-stage,html[data-theme=paper-beet] .sound-stage{border:var(--border-width) solid CanvasText;box-shadow:none}html[data-theme=paper-beet] .sound-category-control[data-active=true],html[data-theme=paper-beet] .category-option[data-selected=true],html[data-theme=paper-beet] .preset-option[data-selected=true],html[data-theme=paper-beet] .toggle-control[data-active=true]{color:highlight;border-color:highlight}html[data-theme=paper-beet] .primary-control{color:highlighttext;background:highlight;border-color:highlight}html[data-theme=paper-beet] button:focus-visible,html[data-theme=paper-beet] a:focus-visible,html[data-theme=paper-beet] input:focus-visible,html[data-theme=paper-beet] select:focus-visible,html[data-theme=paper-beet] textarea:focus-visible{outline-color:highlight}}
