/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--paper:#f5f2ea;--paper-2:#efece2;--panel:#fbf9f4;--panel-strong:#fffdf8;--ink:#2b2721;--ink-soft:#625b50;--muted:#756e62;--line:#ddd6c8;--line-soft:#e8e2d6;--clay:#b5654a;--clay-hover:#9e5239;--clay-ink:#8f4a33;--clay-soft:#f2e2d9;--sage:#718766;--sage-ink:#526046;--sage-soft:#e4eadf;--gold:#b08a3d;--gold-ink:#7d5e21;--gold-soft:#f0e5ca;--outer:#e6e1d6;--quiet:#f6f0e8;--quiet-line:#d8ccb9;--button-ink:#fffaf3;--dark-panel:#211c15;--dark-panel-2:#33291e;--dark-ink:#f2eadc;--dark-soft:#cfc2ad;--wash-warm:.1;--wash-cool:.075}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --paper{syntax:"<color>";inherits:true;initial-value:#f5f2ea}@property --paper-2{syntax:"<color>";inherits:true;initial-value:#efece2}@property --panel{syntax:"<color>";inherits:true;initial-value:#fbf9f4}@property --panel-strong{syntax:"<color>";inherits:true;initial-value:#fffdf8}@property --ink{syntax:"<color>";inherits:true;initial-value:#2b2721}@property --ink-soft{syntax:"<color>";inherits:true;initial-value:#625b50}@property --muted{syntax:"<color>";inherits:true;initial-value:#756e62}@property --line{syntax:"<color>";inherits:true;initial-value:#ddd6c8}@property --line-soft{syntax:"<color>";inherits:true;initial-value:#e8e2d6}@property --clay{syntax:"<color>";inherits:true;initial-value:#b5654a}@property --clay-hover{syntax:"<color>";inherits:true;initial-value:#9e5239}@property --clay-ink{syntax:"<color>";inherits:true;initial-value:#8f4a33}@property --clay-soft{syntax:"<color>";inherits:true;initial-value:#f2e2d9}@property --sage{syntax:"<color>";inherits:true;initial-value:#718766}@property --sage-ink{syntax:"<color>";inherits:true;initial-value:#526046}@property --sage-soft{syntax:"<color>";inherits:true;initial-value:#e4eadf}@property --gold{syntax:"<color>";inherits:true;initial-value:#b08a3d}@property --gold-ink{syntax:"<color>";inherits:true;initial-value:#7d5e21}@property --gold-soft{syntax:"<color>";inherits:true;initial-value:#f0e5ca}@property --outer{syntax:"<color>";inherits:true;initial-value:#e6e1d6}@property --quiet{syntax:"<color>";inherits:true;initial-value:#f6f0e8}@property --quiet-line{syntax:"<color>";inherits:true;initial-value:#d8ccb9}@property --button-ink{syntax:"<color>";inherits:true;initial-value:#fffaf3}@property --dark-panel{syntax:"<color>";inherits:true;initial-value:#211c15}@property --dark-panel-2{syntax:"<color>";inherits:true;initial-value:#33291e}@property --dark-ink{syntax:"<color>";inherits:true;initial-value:#f2eadc}@property --dark-soft{syntax:"<color>";inherits:true;initial-value:#cfc2ad}@property --wash-warm{syntax:"<number>";inherits:true;initial-value:.1}@property --wash-cool{syntax:"<number>";inherits:true;initial-value:.075}:root{--paper:#f5f2ea;--paper-2:#efece2;--panel:#fbf9f4;--panel-strong:#fffdf8;--ink:#2b2721;--ink-soft:#625b50;--muted:#756e62;--line:#ddd6c8;--line-soft:#e8e2d6;--clay:#b5654a;--clay-hover:#9e5239;--clay-ink:#8f4a33;--clay-soft:#f2e2d9;--sage:#718766;--sage-ink:#526046;--sage-soft:#e4eadf;--gold:#b08a3d;--gold-ink:#7d5e21;--gold-soft:#f0e5ca;--outer:#e6e1d6;--quiet:#f6f0e8;--quiet-line:#d8ccb9;--button-ink:#fffaf3;--dark-panel:#211c15;--dark-panel-2:#33291e;--dark-ink:#f2eadc;--dark-soft:#cfc2ad;--wash-warm:.1;--wash-cool:.075;--display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shell:1180px;--gutter:clamp(20px, 4.5vw, 56px);--site-header-height:82.5px;--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow-button:inset 0 1px 0 #ffffff73, 0 1px 1.5px #2b272114, 0 3px 7px #2b27210d;--shadow-card:inset 0 1px 0 #ffffffa6, 0 1px 2px #2b27210a, 0 12px 30px #2b272113;--shadow-window:inset 0 1px 0 #ffffffbf, 0 4px 10px #2b272114, 0 26px 70px #2b272124;transition:--paper .62s cubic-bezier(.22,1,.36,1),--paper-2 .62s cubic-bezier(.22,1,.36,1),--panel .62s cubic-bezier(.22,1,.36,1),--panel-strong .62s cubic-bezier(.22,1,.36,1),--ink .62s cubic-bezier(.22,1,.36,1),--ink-soft .62s cubic-bezier(.22,1,.36,1),--muted .62s cubic-bezier(.22,1,.36,1),--line .62s cubic-bezier(.22,1,.36,1),--line-soft .62s cubic-bezier(.22,1,.36,1),--clay .62s cubic-bezier(.22,1,.36,1),--clay-hover .62s cubic-bezier(.22,1,.36,1),--clay-ink .62s cubic-bezier(.22,1,.36,1),--clay-soft .62s cubic-bezier(.22,1,.36,1),--sage .62s cubic-bezier(.22,1,.36,1),--sage-ink .62s cubic-bezier(.22,1,.36,1),--sage-soft .62s cubic-bezier(.22,1,.36,1),--gold .62s cubic-bezier(.22,1,.36,1),--gold-ink .62s cubic-bezier(.22,1,.36,1),--gold-soft .62s cubic-bezier(.22,1,.36,1),--outer .62s cubic-bezier(.22,1,.36,1),--quiet .62s cubic-bezier(.22,1,.36,1),--quiet-line .62s cubic-bezier(.22,1,.36,1),--button-ink .62s cubic-bezier(.22,1,.36,1),--dark-panel .62s cubic-bezier(.22,1,.36,1),--dark-panel-2 .62s cubic-bezier(.22,1,.36,1),--dark-ink .62s cubic-bezier(.22,1,.36,1),--dark-soft .62s cubic-bezier(.22,1,.36,1),--wash-warm .62s cubic-bezier(.22,1,.36,1),--wash-cool .62s cubic-bezier(.22,1,.36,1)}.product-demo-replica{--replica-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}.product-demo-replica button,.product-demo-replica input{font:inherit}.product-demo-replica button{cursor:pointer}.product-demo-replica button:disabled{cursor:default;opacity:.44}.product-demo-replica button:focus-visible,.product-demo-replica input:focus-visible,.tp-app:focus-visible,.tl-app:focus-visible{outline-offset:2px;outline:2px solid #c97f60}.replica-frame{border:1px solid var(--ink);width:100%;min-width:0;height:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.replica-frame{border:1px solid color-mix(in srgb, var(--ink) 24%, transparent)}}.replica-frame{scrollbar-color:#8f7b65 #211d17;background:#211d17;border-radius:17px;box-shadow:inset 0 1px #ffffff14,0 32px 86px #2b27213d}.demo-viewport{width:100%;min-width:0;position:relative}.demo-scale-layer{transform-origin:top;position:absolute;top:0;left:50%}.replica-status{border-top:1px solid;justify-content:space-between;align-items:center;gap:1rem;min-height:34px;padding:.45rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.replica-status{border-top:1px solid color-mix(in srgb, currentColor 13%, transparent)}}.replica-status{background:currentColor}@supports (color:color-mix(in lab, red, red)){.replica-status{background:color-mix(in srgb, currentColor 3%, transparent)}}.replica-status{color:inherit;opacity:.78;font-size:.64rem;line-height:1.35}.replica-status kbd,.tl-keymap kbd,.tp-app kbd,.tl-app kbd{color:inherit;font:inherit;background:0 0;border:0;padding:0;font-weight:750}.replica-score{color:#27231d;text-align:left;background:#fdfbf5;padding:9% 8% 7%;position:absolute;inset:0;overflow:hidden}.replica-score-heading{text-align:center;gap:.2rem;margin-bottom:8%;display:grid}.replica-score-heading strong{font-family:var(--replica-serif);letter-spacing:.12em;font-size:clamp(.76rem,1.25vw,1.05rem);font-weight:650}.replica-score-heading span{color:#6c6559;font-family:var(--replica-serif);font-size:clamp(.45rem,.72vw,.62rem);font-style:italic}.replica-music-system{background:repeating-linear-gradient(#0000 0 7px,#353028a8 8px,#0000 9px) 0 0/100% 9px;border-left:1px solid #6b6357;border-right:1px solid #6b6357;height:52px;margin-bottom:7%;position:relative}.replica-clef{z-index:2;font-family:var(--replica-serif);font-size:2.2rem;line-height:1;position:absolute;top:-8px;left:2%}.replica-note{z-index:2;background:#373128;border-radius:50%;width:11px;height:8px;position:absolute;transform:rotate(-15deg)}.replica-note:after{content:"";transform-origin:bottom;background:#373128;width:1px;height:23px;position:absolute;bottom:4px;right:0;transform:rotate(15deg)}.replica-barline{background:#524a3f;width:1px;height:37px;position:absolute;top:7px}.replica-page-number{color:#7b7469;font-family:var(--replica-serif);text-align:center;font-size:.58rem;position:absolute;bottom:2.4%;left:0;right:0}.replica-score.is-compact{padding:9% 8%}.replica-score.is-compact .replica-score-heading{margin-bottom:10%}.replica-score.is-compact .replica-music-system{height:44px;margin-bottom:10%}.tp-app{--tp-canvas:#211d17;--tp-paper-2:#1b1712;--tp-panel:#292420;--tp-ink:#ece4d4;--tp-ink-soft:#b5aa96;--tp-muted:#877d6b;--tp-line:#3a332a;--tp-line-soft:#332d24;--tp-clay:#c97f60;--tp-clay-soft:#3d2c23;--tp-clay-ink:#e09d80;--tp-sage:#8ba37c;--tp-amber:#cfa855;--tp-score-clay-base:#2b211a;--tp-score-clay-light:#c97f6026;--tp-score-clay-shade:#00000038;--tp-score-clay-bloom:#e09d801a;min-width:var(--tp-demo-width,1000px);color:var(--tp-ink);background:radial-gradient(110% 80% at 82% -10%, #ffbe6e12, transparent 55%), var(--tp-canvas);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;position:relative;overflow:hidden}.tp-app:after{z-index:40;content:"";pointer-events:none;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff06}.tp-topbar{border-bottom:1px solid var(--tp-line-soft);justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 24px;display:flex}.tp-topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.tp-brand{align-items:center;gap:11px;padding-left:2px;display:flex}.tp-window-score{border-left:1px solid var(--tp-line-soft);white-space:nowrap;flex:0 auto;align-items:baseline;gap:8px;min-width:0;padding-left:14px;display:flex}.tp-window-score strong{font-family:var(--replica-serif);text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.tp-window-score span{color:var(--tp-muted);text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.tp-brand>span:last-child{gap:1px;display:grid}.tp-brand strong{font-family:var(--replica-serif);letter-spacing:.01em;font-size:18px;font-weight:650}.tp-brand em{color:var(--tp-muted);font-family:var(--replica-serif);font-size:10.5px;font-weight:500}.tp-fermata{flex:none;width:25px;height:auto;display:block}.tp-top-actions{align-items:center;gap:14px;display:flex;position:relative}.tp-top-actions>button{min-height:30px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-panel);border-radius:9px;padding:0 12px;font-size:11px;font-weight:650;box-shadow:inset 0 1px #ffffff0a,0 2px 4px #0000002e}.tp-top-actions>button:hover{color:var(--tp-ink);border-color:#4e463b}.tp-top-actions .tp-theme{box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;gap:9px;padding-right:2px;display:flex}.tp-top-actions .tp-theme.is-dragging{filter:none;transform:none}.tp-theme>i{background:var(--tp-clay-soft);border-radius:999px;width:52px;height:19px;display:inline-flex;position:relative}.tp-theme>i:before,.tp-theme>i:after{background:var(--tp-muted);content:"";border-radius:50%;width:3px;height:3px;position:absolute;top:9px}.tp-theme>i:before{left:9px}.tp-theme>i:after{left:24px}.tp-theme b{background:radial-gradient(circle at 35% 30%,#e8dcc4,#8a7a5c);border-radius:50%;width:15px;height:15px;transition:left .28s cubic-bezier(.22,.61,.36,1);position:absolute;top:2px;left:35px;box-shadow:0 1px 4px #00000059}.tp-theme.is-dragging b{transition:none}.tp-theme-callout{z-index:30;width:230px;color:var(--tp-ink);border:1px solid var(--tp-line);background:var(--tp-panel);text-align:left;border-radius:12px;gap:4px;padding:13px 34px 13px 15px;animation:.28s cubic-bezier(.22,.61,.36,1) both tp-theme-callout-in;display:grid;position:absolute;top:calc(100% + 13px);right:0;box-shadow:0 14px 34px #00000047}.tp-theme-callout:before{border-top:1px solid var(--tp-line);border-left:1px solid var(--tp-line);background:var(--tp-panel);content:"";width:11px;height:11px;position:absolute;top:-6px;right:35px;transform:rotate(45deg)}.tp-theme-callout>strong{font-family:var(--replica-serif);font-size:14px;font-weight:650;line-height:1.2}.tp-theme-callout>span{color:var(--tp-muted);font-size:10px;line-height:1.4}.tp-theme-callout>button{z-index:1;width:25px;height:25px;color:var(--tp-muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:16px;display:grid;position:absolute;top:6px;right:6px}.tp-theme-callout>button:hover{color:var(--tp-ink);background:var(--tp-paper-2)}@keyframes tp-theme-callout-in{0%{opacity:0;transform:translateY(-8px)}}.tp-stage{grid-template-columns:82px minmax(0,1fr) 82px;min-height:678px;display:grid;position:relative;overflow:hidden}.tp-rail{z-index:20;background-color:var(--tp-paper-2);background-image:linear-gradient(165deg,#ffffff09,#0000 46%,#00000029);flex-direction:column;justify-content:center;align-self:start;align-items:center;gap:8px;height:calc(100% - 172px);padding:14px 0;display:flex;position:relative}.tp-rail-left{border-right:1px solid var(--tp-line)}.tp-rail-right{border-left:1px solid var(--tp-line)}.tp-rail>button{width:60px;min-height:68px;color:var(--tp-ink-soft);letter-spacing:.045em;text-transform:uppercase;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 2px;font-size:9px;font-weight:750;display:flex;position:relative}.tp-rail>button:hover{color:var(--tp-ink);background:#c97f6014}.tp-rail>button.is-on{color:#231c16;background:var(--tp-clay)}.tp-rail button kbd{opacity:.54;font-size:7px;position:absolute;top:4px;right:5px}.tp-rail button small{color:var(--tp-muted);letter-spacing:0;font-size:7.5px}.tp-rail button.is-on small{color:inherit;opacity:.78}.tp-rail-icon{width:21px;height:21px;display:block;position:relative}.tp-rail-icon-book:before,.tp-rail-icon-book:after{content:"";border:1.5px solid;width:8px;height:17px;position:absolute;top:2px}.tp-rail-icon-book:before{border-radius:2px 0 0 2px;left:1px}.tp-rail-icon-book:after{border-radius:0 2px 2px 0;right:1px}.tp-rail-icon-pen{border:1.5px solid;border-radius:2px;width:5px;height:21px;transform:rotate(45deg)}.tp-unmix.is-working,.tp-unmix.is-done{color:var(--tp-sage);background:var(--tp-sage)}@supports (color:color-mix(in lab, red, red)){.tp-unmix.is-working,.tp-unmix.is-done{background:color-mix(in srgb, var(--tp-sage) 12%, transparent)}}.tp-rail-icon-practice:before,.tp-rail-icon-practice:after{content:"";background:currentColor;width:19px;height:1.5px;position:absolute;left:1px}.tp-rail-icon-practice:before{top:6px}.tp-rail-icon-practice:after{bottom:6px}.tp-rail-icon-practice{background:radial-gradient(circle at 68% 31%,currentColor 0 2.5px,#0000 3px),radial-gradient(circle at 35% 69%,currentColor 0 2.5px,#0000 3px)}.tp-rail-icon-metro{clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);border:1.5px solid;width:15px;height:21px}.tp-rail-icon-metro:after{content:"";transform-origin:bottom;background:currentColor;width:1.5px;height:15px;position:absolute;top:4px;left:7px;transform:rotate(13deg)}.tp-main{grid-template-rows:62px minmax(0,1fr) 172px;min-width:0;display:grid}.tp-score-toolbar{z-index:8;border-bottom:1px solid var(--tp-line-soft);background-color:var(--tp-panel);background-image:linear-gradient(165deg,#ffffff09,#0000 46%,#0000001f);justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex;position:relative}.tp-score-info{gap:1px;min-width:0;display:grid}.tp-score-info strong{font-family:var(--replica-serif);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.tp-score-info span{color:var(--tp-muted);white-space:nowrap;font-size:8.5px}.tp-score-controls{justify-content:flex-end;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.tp-score-controls>button,.tp-segment button{min-height:27px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-panel);white-space:nowrap;border-radius:7px;padding:0 9px;font-size:10px;font-weight:650;box-shadow:inset 0 1px #ffffff09}.tp-score-controls>button:hover,.tp-segment button:hover{color:var(--tp-ink);border-color:#4e463b}.tp-score-controls>button.is-on{color:#fbf6f0;border-color:var(--tp-clay);background:var(--tp-clay)}.tp-search{border:1px solid var(--tp-line);background:var(--tp-canvas);border-radius:8px;flex:none;align-items:center;width:145px;height:27px;margin-right:auto;transition:width .18s,border-color .14s;display:flex;position:relative}.tp-search:focus-within{border-color:var(--tp-clay);width:205px}.tp-search span{color:var(--tp-muted);font-size:15px;position:absolute;left:8px;transform:rotate(-18deg)}.tp-search input{width:100%;height:100%;color:var(--tp-ink);background:0 0;border:0;outline:0;padding:0 7px 0 27px;font-size:9.5px}.tp-search input::placeholder{color:var(--tp-muted)}.tp-segment{border:1px solid var(--tp-line);border-radius:8px;display:flex;overflow:hidden}.tp-segment button{border:0;border-radius:0;min-width:58px}.tp-segment button+button{border-left:1px solid var(--tp-line)}.tp-segment button.is-on{color:#231c16;background:var(--tp-clay)}.tp-zoom,.tp-page-label{color:var(--tp-muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-size:9px}.tp-zoom{min-width:34px}.tp-page-label{min-width:68px}.tp-score-viewport{background-color:var(--tp-score-clay-base);background-image:radial-gradient(110% 76% at 8% 0%, var(--tp-score-clay-light) 0%, transparent 58%), radial-gradient(92% 84% at 100% 100%, var(--tp-score-clay-shade) 0%, transparent 64%), radial-gradient(54% 48% at 74% 24%, var(--tp-score-clay-bloom) 0%, transparent 72%);min-height:0;position:relative;overflow:hidden}.tp-score-scroll{justify-content:center;align-items:center;gap:18px;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.tp-paper{aspect-ratio:8.5/11;color:#2b2721;border:1px solid var(--tp-line);height:92%;transform:scale(var(--tp-score-zoom,1)) rotate(var(--tp-score-rotate,0deg));background:#fdfbf5;border-radius:4px;flex:none;padding:0;transition:transform .18s,height .18s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000057}.tp-trim-mask{z-index:7;border:1.5px solid var(--tp-clay);background:linear-gradient(var(--tp-clay), var(--tp-clay)) left top / 8px 8px no-repeat, linear-gradient(var(--tp-clay), var(--tp-clay)) right top / 8px 8px no-repeat, linear-gradient(var(--tp-clay), var(--tp-clay)) left bottom / 8px 8px no-repeat, linear-gradient(var(--tp-clay), var(--tp-clay)) right bottom / 8px 8px no-repeat;pointer-events:none;border-radius:2px;position:absolute;inset:4%;box-shadow:0 0 0 999px #14110d33}.tp-score-scroll.is-two-page .tp-paper{height:77%}.tp-paper.tp-real-paper{aspect-ratio:612/842;background:#fff;animation:.2s ease-out tp-page-arrive}.tp-real-score-page{background:#fff;position:absolute;inset:0;overflow:hidden}.tp-real-score-page img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@keyframes tp-page-arrive{0%{opacity:.72;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.tp-empty-paper{transform:none}.tp-empty{color:#8d8574;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex;position:absolute;inset:0}.tp-empty strong{font-size:13px;font-weight:500}.tp-empty button{color:#e6d9c6;background:#332c25;border:1px solid #4d4338;border-radius:7px;min-height:27px;padding:0 10px;font-size:10px;font-weight:700}.tp-empty small{color:#aaa190;max-width:210px;font-size:8px;line-height:1.45}.tp-book-empty{width:33px;height:32px;position:relative}.tp-book-empty:before,.tp-book-empty:after{content:"";border:1.5px solid #8d8574;width:13px;height:27px;position:absolute;top:2px}.tp-book-empty:before{border-radius:3px 0 0 3px;left:2px}.tp-book-empty:after{border-radius:0 3px 3px 0;right:2px}.tp-demo-mark{z-index:8;color:#a54735;font-family:Bradley Hand,Comic Sans MS,cursive;font-size:.72rem;font-weight:600;position:absolute;top:35%;left:36%;transform:rotate(-7deg)}.tp-demo-mark.is-highlight{color:#403b32;background:#efcd527a;padding:1px 3px;transform:rotate(-2deg)}.tp-page-steppers{z-index:7;gap:5px;display:flex;position:absolute;bottom:10px;right:12px}.tp-page-steppers button{width:26px;height:26px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-panel);border-radius:7px}.tp-marker-palette{z-index:12;border:1px solid var(--tp-line);background:var(--tp-panel);border-radius:13px;flex-direction:column;align-items:center;gap:6px;width:50px;padding:8px;animation:.2s both tp-palette-in;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%);box-shadow:0 10px 28px #0000004d}.tp-palette-grip{background:var(--tp-line);border-radius:3px;width:22px;height:3px;margin-bottom:2px}.tp-marker-palette button{width:30px;height:30px;color:var(--tp-ink-soft);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.tp-marker-palette button:hover{color:var(--tp-ink);background:var(--tp-paper-2)}.tp-marker-palette button.is-on{color:#231c16;background:var(--tp-clay)}.tp-swatch{background:#2b2721;border:2px solid #0000;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 1px #ece4d46b}.tp-swatch.is-selected{border-color:var(--tp-ink);box-shadow:none}.tp-swatch.is-clay{background:#c05f4c}.tp-swatch.is-blue{background:#4d7bd6}.tp-transport{z-index:6;border-top:1px solid var(--tp-line);background:var(--tp-paper-2);grid-template-rows:40px minmax(42px,1fr) 55px;gap:9px;width:calc(100% + 164px);min-height:0;margin-left:-82px;padding:13px 22px;transition:grid-template-rows .2s;display:grid;position:relative}.tp-transport.input-open{grid-template-rows:40px minmax(42px,1fr) 55px}.tp-transport:not(.input-open){grid-template-rows:0 minmax(52px,1fr) 55px;gap:9px}.tp-transport:not(.input-open) .tp-input-lane{display:none}.tp-transport-grip{background:var(--tp-line);border-radius:3px;width:45px;height:3px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.tp-input-lane{min-width:0;color:var(--tp-muted);grid-row:1;align-items:center;gap:8px;font-size:9px;display:flex;position:relative}.tp-input-lane>strong{color:var(--tp-ink-soft);letter-spacing:.09em;text-transform:uppercase;font-size:9px}.tp-input-lane>button{min-height:23px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-panel);letter-spacing:.04em;text-transform:uppercase;border-radius:7px;padding:0 8px;font-size:9px;font-weight:700}.tp-input-lane>button:first-child{background:0 0;border:0;padding:0;font-size:16px;transform:rotate(0)}.tp-input-lane>button:first-child.is-open{transform:rotate(90deg)}.tp-input-lane>button.is-muted{color:var(--tp-clay)}.tp-input-wave{opacity:.46;background:linear-gradient(transparent 48%, var(--tp-line) 49% 51%, transparent 52%), repeating-linear-gradient(90deg, transparent 0 4px, var(--tp-muted) 5px 6px, transparent 7px 10px);height:15px;position:absolute;bottom:1px;left:178px;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 94%,#0000)}.tp-waveform{background:0 0;border:0;grid-row:2;align-items:center;gap:1px;min-width:0;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.tp-waveform>i{background:#4a4136;border-radius:2px;flex:1 1 0;min-width:1px;max-width:4px;display:block}.tp-waveform>i.is-played{background:var(--tp-clay)}.tp-playhead{background:#f2e8d8;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #ffffff52}.tp-loop-region{border-right:1px solid var(--tp-amber);border-left:1px solid var(--tp-amber);background:#cfa8551a;width:28.2%;position:absolute;top:0;bottom:0;left:29.6%}.tp-transport-row{grid-row:3;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);align-items:center;gap:11px;min-width:0;display:grid}.tp-track{align-items:center;gap:8px;min-width:0;display:flex}.tp-track>span{background:var(--tp-clay-soft);width:33px;height:33px;color:var(--tp-clay-ink);border-radius:7px;flex:none;place-items:center;font-size:16px;display:grid}.tp-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.tp-track em{color:#dbbd77;white-space:nowrap;background:#38301d;border-radius:999px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:700}.tp-track .tp-parts-chip{background:var(--tp-sage)}@supports (color:color-mix(in lab, red, red)){.tp-track .tp-parts-chip{background:color-mix(in srgb, var(--tp-sage) 18%, transparent)}}.tp-track .tp-parts-chip{color:var(--tp-sage)}.tp-play-controls{justify-content:center;align-items:center;gap:10px;display:flex}.tp-play-controls button{width:34px;min-width:34px;height:41px;min-height:41px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-panel);border-radius:8.5px;place-items:center;padding:0;font-size:13px;font-weight:650;display:grid}.tp-play-controls button.is-on{color:#231c16;border-color:var(--tp-clay);background:var(--tp-clay)}.tp-play-controls .tp-play{border-radius:50%;width:55px;min-width:55px;height:55px;min-height:55px;padding:0;box-shadow:0 4px 12px #14100c33}.tp-play-controls .tp-record{width:41px;min-width:41px;height:41px;min-height:41px;color:var(--tp-clay);border-radius:50%;padding:0}.tp-record svg{fill:currentColor;width:18px;height:18px}.tp-transport-round{width:41px!important;min-width:41px!important;color:var(--tp-clay-ink)!important;border-radius:50%!important}.tp-transport-audio.is-on,.tp-transport-round.is-on{color:#fbf6f0!important;border-color:var(--tp-clay)!important;background:var(--tp-clay)!important}.tp-transport-skip{width:54px!important;min-width:54px!important}.tp-transport-icon{width:20px;height:20px;display:block}.tp-play .tp-transport-icon{width:26px;height:26px}.tp-icon-accent{color:var(--tp-clay)}.tp-transport-round.is-on .tp-icon-accent{color:currentColor}.tp-play-controls time{width:45px;color:var(--tp-muted);font-variant-numeric:tabular-nums;font-size:11px}.tp-play-controls time:first-child{text-align:right}.tp-volume-control{min-width:0;color:var(--tp-muted);justify-content:end;align-items:center;gap:10px;display:flex}.tp-volume-control>button{width:25px;height:25px;color:inherit;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.tp-volume-control>button:hover{color:var(--tp-ink);background:var(--tp-line-soft)}.tp-volume-control .tp-transport-icon{width:25px;height:25px}.tp-volume-control.is-muted .tp-volume-wave{opacity:0}.tp-volume-fader{width:97px;min-width:47px;height:22px;position:relative}.tp-volume-fader input{z-index:3;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tp-volume-fader>i{background:#302a22;border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tp-volume-fader b{border-radius:inherit;background:var(--tp-clay);height:100%;display:block}.tp-volume-fader em{border:2px solid var(--tp-clay);background:var(--tp-paper-2);border-radius:50%;width:19px;height:19px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tp-volume-control output{width:25px;color:var(--tp-muted);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:13px}.tp-drawer{z-index:18;border-color:var(--tp-line);background:var(--tp-panel);width:340px;padding:16px;animation:.28s both tp-drawer-left;position:absolute;top:0;bottom:0;overflow-y:auto;box-shadow:14px 0 30px #00000047}.tp-repertoire-drawer{border-right:1px solid var(--tp-line);left:82px}.tp-practice-drawer,.tp-metro-drawer{border-left:1px solid var(--tp-line);animation-name:tp-drawer-right;right:82px;box-shadow:-14px 0 30px #00000047}.tp-drawer-head{border-bottom:1px solid var(--tp-line-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.tp-drawer-head>div{gap:3px;display:grid}.tp-drawer-head span,.tp-drawer-label,.tp-repertoire-group>span{color:var(--tp-muted);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:750}.tp-drawer-head strong{font-family:var(--replica-serif);font-size:17px;font-weight:650}.tp-drawer-head>button{width:25px;height:25px;color:var(--tp-ink-soft);background:var(--tp-paper-2);border:0;border-radius:7px;font-size:17px}.tp-drawer-search{border:1px solid var(--tp-line);background:var(--tp-canvas);border-radius:8px;align-items:center;gap:6px;height:31px;margin:13px 0;padding:0 9px;display:flex}.tp-drawer-search span{color:var(--tp-muted)}.tp-drawer-search input{width:100%;color:var(--tp-ink);background:0 0;border:0;outline:0;font-size:10px}.tp-repertoire-group{gap:8px;margin-top:14px;display:grid}.tp-repertoire-group>button{color:var(--tp-ink);border:1px solid var(--tp-line);background:var(--tp-canvas);text-align:left;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.tp-repertoire-group>button:hover,.tp-repertoire-group>button.is-current{border-color:var(--tp-clay);background:var(--tp-clay-soft)}.tp-repertoire-group button>i{background:var(--tp-paper-2);width:35px;height:35px;color:var(--tp-clay-ink);border-radius:8px;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.tp-repertoire-group button>span{gap:2px;min-width:0;display:grid}.tp-repertoire-group button strong{font-family:var(--replica-serif);font-size:13px;font-weight:650}.tp-repertoire-group button small{color:var(--tp-muted);font-size:8.5px}.tp-pdf-placeholder{width:100%;min-height:106px;color:var(--tp-ink-soft);background:#c97f6009;border:1px dashed #5b4b3e;border-radius:11px;align-content:center;place-items:center;gap:4px;margin-top:18px;display:grid}.tp-pdf-placeholder:hover{color:var(--tp-ink);border-color:var(--tp-clay)}.tp-pdf-placeholder>span{color:var(--tp-clay);font-size:22px}.tp-pdf-placeholder strong{font-family:var(--replica-serif);font-size:13px}.tp-pdf-placeholder small{color:var(--tp-muted);font-size:8px}.tp-drawer>p{color:var(--tp-muted);font-size:8.5px;line-height:1.55}.tp-practice-readout{gap:10px;margin:18px 0 0;display:grid}.tp-parts-section{margin-top:16px}.tp-parts-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tp-parts-head small{color:var(--tp-muted);font-size:8.5px}.tp-parts-invite{background:var(--tp-paper-2);border-radius:11px;padding:12px}.tp-parts-invite p{color:var(--tp-ink-soft);margin:0;font-size:9px;line-height:1.5}.tp-parts-invite>small{color:var(--tp-muted);text-align:center;margin-top:7px;font-size:8px;display:block}.tp-parts-working{border-radius:9px;position:relative;overflow:hidden}.tp-parts-working:before{background:var(--tp-sage);width:38%;position:absolute;inset:0 auto 0 -38%}@supports (color:color-mix(in lab, red, red)){.tp-parts-working:before{background:color-mix(in srgb, var(--tp-sage) 20%, transparent)}}.tp-parts-working:before{content:"";animation:1.4s ease-in-out infinite tp-parts-sweep}.tp-part-row{z-index:1;border-bottom:1px solid var(--tp-line-soft);min-height:38px;color:var(--tp-ink-soft);grid-template-columns:92px 1fr;align-items:center;gap:9px;padding:6px 3px;font-size:9px;font-weight:650;display:grid;position:relative}.tp-part-row i{background:var(--tp-paper-2);border-radius:3px;height:5px}.tp-part-row.is-ghost{opacity:.62}@keyframes tp-parts-sweep{to{transform:translate(365%)}}.tp-practice-readout label{color:var(--tp-ink-soft);justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.tp-practice-readout label>span{align-items:center;gap:6px;display:flex}.tp-practice-readout button,.tp-bpm button{width:27px;height:27px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-paper-2);border-radius:7px}.tp-practice-readout b{font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:10px}.tp-stem{width:100%;color:var(--tp-ink-soft);border:1px solid var(--tp-line-soft);background:var(--tp-canvas);text-align:left;border-radius:8px;grid-template-columns:92px 1fr 38px;align-items:center;gap:8px;margin-top:7px;padding:8px 9px;display:grid}.tp-stem i{background:linear-gradient(90deg, var(--tp-clay) 74%, var(--tp-line) 74%);border-radius:3px;height:3px}.tp-stem b{color:var(--tp-sage);text-align:right;font-size:8px}.tp-stem.is-muted{opacity:.55}.tp-stem.is-muted b{color:var(--tp-clay)}.tp-analysis-card{border:1px solid var(--tp-line-soft);background:var(--tp-paper-2);border-radius:9px;gap:3px;margin-top:16px;padding:11px;display:grid}.tp-analysis-card span{color:var(--tp-muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:750}.tp-analysis-card strong{font-family:var(--replica-serif);font-size:13px}.tp-analysis-card small{color:var(--tp-muted);font-size:8px}.tp-bpm{text-align:center;grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;margin-top:28px;display:grid}.tp-bpm strong{font-family:var(--replica-serif);font-variant-numeric:tabular-nums;font-size:42px;font-weight:550}.tp-bpm span{color:var(--tp-muted);letter-spacing:.15em;grid-column:1/-1;font-size:8px}.tp-metronome-toggle{color:#231c16;background:var(--tp-clay);border:0;border-radius:9px;width:100%;min-height:34px;margin-top:20px;font-weight:750}.tp-metronome-toggle.is-on{color:var(--tp-ink);background:var(--tp-paper-2);box-shadow:inset 0 0 0 1px var(--tp-line)}.tp-leave-focus{z-index:30;min-height:29px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-panel);border-radius:8px;padding:0 10px;position:absolute;top:12px;right:12px}.tp-app.is-focus-mode .tp-topbar,.tp-app.is-focus-mode .tp-rail,.tp-app.is-focus-mode .tp-transport,.tp-app.is-focus-mode .tp-drawer{display:none}.tp-app.is-focus-mode .tp-stage{grid-template-columns:1fr;min-height:740px}.tp-app.is-focus-mode .tp-main{grid-template-rows:0 1fr 0}.tp-app.is-focus-mode .tp-score-toolbar{opacity:0;overflow:hidden}.tp-app.is-focus-mode .tp-paper{height:94%}.tp-view-icon{border:1.5px solid;border-radius:1px;width:11px;height:14px;display:none;position:relative}.tp-view-icon-two{opacity:.82;background:linear-gradient(currentColor,currentColor) 0/7px 12px no-repeat,linear-gradient(currentColor,currentColor) 100%/7px 12px no-repeat;border:0;width:16px}.tp-app.is-portrait .tp-topbar{gap:10px;padding-inline:18px}.tp-app.is-portrait .tp-topbar-left{gap:10px}.tp-app.is-portrait .tp-brand{gap:8px}.tp-app.is-portrait .tp-brand strong{font-size:17px}.tp-app.is-portrait .tp-brand em{font-size:9px}.tp-app.is-portrait .tp-window-score{gap:6px;max-width:190px;padding-left:10px}.tp-app.is-portrait .tp-window-score strong{font-size:13px}.tp-app.is-portrait .tp-window-score span{font-size:9px}.tp-app.is-portrait .tp-top-actions{gap:7px}.tp-app.is-portrait .tp-top-actions>button{padding-inline:9px}.tp-app.is-portrait .tp-top-actions .tp-theme{gap:6px;padding-inline:0}.tp-app.is-portrait .tp-stage{grid-template-columns:70px minmax(0,1fr) 70px;min-height:928px}.tp-app.is-portrait .tp-rail>button{width:54px}.tp-app.is-portrait .tp-rail{height:calc(100% - 190px)}.tp-app.is-portrait .tp-main{grid-template-rows:62px minmax(0,1fr) 190px}.tp-app.is-portrait .tp-score-toolbar{padding-inline:8px}.tp-app.is-portrait .tp-score-controls{gap:4px}.tp-app.is-portrait .tp-search{width:82px}.tp-app.is-portrait .tp-search:focus-within{width:108px}.tp-app.is-portrait .tp-score-controls>button{width:29px;min-width:29px;padding-inline:0}.tp-app.is-portrait .tp-score-controls .tp-button-label,.tp-app.is-portrait .tp-segment .tp-view-label{display:none}.tp-app.is-portrait .tp-segment button{place-items:center;width:31px;min-width:31px;padding:0;display:grid}.tp-app.is-portrait .tp-view-icon{display:inline-block}.tp-app.is-portrait .tp-zoom{min-width:29px;font-size:8px}.tp-app.is-portrait .tp-page-label{min-width:111px;font-size:8px}.tp-app.is-portrait .tp-paper{height:94%}.tp-app.is-portrait .tp-score-scroll.is-two-page{gap:12px;padding:16px}.tp-app.is-portrait .tp-score-scroll.is-two-page .tp-paper{height:56%}.tp-app.is-portrait.is-focus-mode .tp-score-scroll.is-two-page .tp-paper{height:48%}.tp-app.is-portrait .tp-transport{width:calc(100% + 140px);margin-left:-70px;padding:12px 15px}.tp-app.is-portrait .tp-transport:not(.input-open){grid-template-rows:0 minmax(62px,1fr) 44px;gap:8px}.tp-app.is-portrait .tp-transport-row{grid-template-columns:minmax(82px,.7fr) minmax(0,2fr) minmax(82px,.7fr);gap:6px}.tp-app.is-portrait .tp-play-controls{gap:4px}.tp-app.is-portrait .tp-play-controls button{width:29px;min-width:29px;height:34px;min-height:34px;padding-inline:5px}.tp-app.is-portrait .tp-play-controls .tp-play{width:38px;min-width:38px;height:38px;min-height:38px}.tp-app.is-portrait .tp-play-controls .tp-record,.tp-app.is-portrait .tp-play-controls .tp-transport-round{height:32px;min-height:32px;width:32px!important;min-width:32px!important}.tp-app.is-portrait .tp-play-controls .tp-transport-skip{font-size:9px;width:43px!important;min-width:43px!important;padding:0!important}.tp-app.is-portrait .tp-play-controls time{width:31px;font-size:8.5px}.tp-app.is-portrait .tp-transport-icon{width:17px;height:17px}.tp-app.is-portrait .tp-track strong{max-width:62px;font-size:11px}.tp-app.is-portrait .tp-track>span{width:27px;height:27px;font-size:12px}.tp-app.is-portrait .tp-volume-control{gap:6px}.tp-app.is-portrait .tp-volume-control>button,.tp-app.is-portrait .tp-volume-control .tp-transport-icon{width:20px;height:20px}.tp-app.is-portrait .tp-volume-fader{width:58px;min-width:38px}.tp-app.is-portrait .tp-volume-fader em{width:14px;height:14px}.tp-app.is-portrait .tp-volume-control output{display:none}.tp-app.is-portrait .tp-repertoire-drawer{left:70px}.tp-app.is-portrait .tp-practice-drawer,.tp-app.is-portrait .tp-metro-drawer{right:70px}.tp-app.is-portrait .tp-drawer{width:300px}.tp-app.is-portrait.is-focus-mode .tp-stage{grid-template-columns:1fr;min-height:1000px}.tp-app.is-portrait.is-focus-mode .tp-main{grid-template-rows:0 1fr 0}@keyframes tp-drawer-left{0%{opacity:0;transform:translate(-18px)}}@keyframes tp-drawer-right{0%{opacity:0;transform:translate(18px)}}@keyframes tp-palette-in{0%{opacity:0;transform:translate(-8px,-50%)}}.tl-app{--tl-outer:#e6e1d6;--tl-paper:#f5f2ea;--tl-paper-2:#efece2;--tl-card:#fffdf8;--tl-ink:#2b2721;--tl-ink-soft:#625b50;--tl-ink-mute:#756e62;--tl-line:#ddd6c8;--tl-line-soft:#e8e2d6;--tl-blue:#b5654a;--tl-blue-soft:#f2e2d9;--tl-sage:#718766;--tl-clay:#b5654a;min-width:1000px;color:var(--tl-ink);background:radial-gradient(circle at 92% 0, #b5654a1c, transparent 38%), radial-gradient(circle at 5% 100%, #7187661f, transparent 42%), var(--tl-outer);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;position:relative;overflow:hidden}.tl-header{border:1px solid var(--tl-line);background:#fffdf8e8;border-bottom:0;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;height:56px;margin:14px 14px 0;padding:0 17px;transition:margin .2s ease-in-out,border-radius .2s ease-in-out;display:flex;box-shadow:0 10px 28px #2b272112}.tl-brand{align-items:center;gap:8px;display:flex}.tl-brand-logo{width:21px;height:21px;box-shadow:none;border-radius:22%;flex:none;display:block}.tl-brand strong{font-family:var(--replica-serif);font-size:13px;font-weight:650}.tl-room-switch{align-items:center;gap:7px;display:flex}.tl-room-switch button{min-height:27px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-card);border-radius:999px;padding:0 10px;font-size:8px;font-weight:650}.tl-room-switch button.is-on{color:#8f4a33;background:var(--tl-blue-soft);border-color:#d3a18f}.tl-room-switch>span{color:var(--tl-ink-mute);letter-spacing:.08em;margin-left:5px;font-size:8px}.tl-workspace{border:1px solid var(--tl-line);border-top:1px solid var(--tl-line-soft);background:#f5f2eaf5;border-radius:0 0 15px 15px;grid-template-rows:398px 115px minmax(119px,1fr);gap:8px;height:676px;min-height:676px;margin:0 14px 14px;padding:13px;transition:grid-template-rows .24s ease-in-out,min-height .2s ease-in-out,margin .2s ease-in-out,border-radius .2s ease-in-out;display:grid;box-shadow:0 18px 44px #2b27211f}.tl-top-grid{grid-template-columns:minmax(0,1.75fr) minmax(210px,.67fr) minmax(270px,.88fr);gap:8px;min-height:0;transition:grid-template-columns .24s ease-in-out;display:grid}.tl-workspace.focus-camera .tl-top-grid{grid-template-columns:minmax(0,1fr) 170px 210px}.tl-workspace.focus-viewer .tl-top-grid{grid-template-columns:220px 180px minmax(0,1fr)}.tl-workspace.focus-camera,.tl-workspace.focus-viewer{grid-template-rows:minmax(470px,1fr) 88px 62px}.tl-workspace.focus-piano{grid-template-rows:250px minmax(290px,1fr) 62px}.tl-card{border:1px solid var(--tl-line);background:var(--tl-card);border-radius:10px;min-width:0;padding:13px;overflow:hidden;box-shadow:0 5px 14px #2b27210b}.tl-card-title{justify-content:space-between;align-items:flex-start;gap:8px;min-height:38px;display:flex}.tl-card-title>div{gap:3px;min-width:0;display:grid}.tl-card-title span,.tl-piano-head>span,.tl-live-title>span,.tl-host>span,.tl-join>span{color:var(--tl-ink-mute);letter-spacing:.14em;text-transform:uppercase;font-size:7.5px;font-weight:750}.tl-card-title strong{font-family:var(--replica-serif);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:550;overflow:hidden}.tl-card-title small{color:var(--tl-ink-mute);text-align:right;font-size:7px;line-height:1.45}.tl-camera-card{grid-template-rows:auto minmax(0,1fr);display:grid}.tl-camera-view{background:#1b2a32;border:1px solid #9ba9b1;border-radius:9px;min-height:0;position:relative;overflow:hidden}.tl-camera-art{background:linear-gradient(#1b2a321a,#1b2a3285),radial-gradient(circle at 72% 25%,#a7bbb7 0 8%,#0000 9%),linear-gradient(135deg,#6f8583,#334d50 48%,#1e3037);transition:filter .2s,transform .2s;position:absolute;inset:0;overflow:hidden}.tl-camera-feed{object-fit:cover;width:100%;height:100%;transition:filter .2s,transform .2s;display:block;position:absolute;inset:0}.tl-background-1 .tl-camera-art,.tl-background-1 .tl-camera-feed{filter:saturate(.78)sepia(.12)}.tl-background-2 .tl-camera-art,.tl-background-2 .tl-camera-feed{filter:saturate(.65)hue-rotate(18deg)}.tl-camera-art.is-mirrored,.tl-camera-view.is-mirrored .tl-camera-art,.tl-camera-view.is-mirrored .tl-camera-feed{transform:scaleX(-1)}.tl-person{z-index:2;background:linear-gradient(145deg,#a87862,#534c49);border-radius:42px 42px 12px 12px;width:72px;height:126px;position:absolute;bottom:26%;left:39%;box-shadow:14px 22px 30px #0003}.tl-person:before{content:"";background:#c58d6d;border-radius:50%;width:38px;height:38px;position:absolute;top:-35px;left:18px;box-shadow:-5px -4px #4a3b34}.tl-person:after{content:"";transform-origin:0;background:#9c6d58;border-radius:9px;width:64px;height:12px;position:absolute;bottom:18px;right:-46px;transform:rotate(15deg)}.tl-keyboard-art{z-index:3;background:repeating-linear-gradient(90deg,#e7e2d9 0 13px,#888 14px,#e7e2d9 15px);border:6px solid #2b3031;border-radius:5px;width:62%;height:38px;position:absolute;bottom:18%;right:7%;transform:perspective(140px)rotateX(38deg);box-shadow:0 9px 15px #00000047}.tl-camera-art>b{z-index:4;color:#dbe6e6;background:#131f25a3;border:1px solid #ffffff42;border-radius:999px;padding:5px 8px;font-size:7.5px;font-weight:600;position:absolute;top:12px;left:12px}.tl-static-badge{z-index:5;color:#e7efef;letter-spacing:.025em;background:#152229b8;border:1px solid #ffffff3d;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:650;position:absolute;top:12px;left:12px}.tl-camera-off{color:#d7e1e2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding-bottom:38px;display:flex;position:absolute;inset:0}.tl-camera-off>span{opacity:.78;font-size:22px}.tl-camera-off strong{font-family:var(--replica-serif);font-size:16px;font-weight:550}.tl-camera-off p{color:#a9b9bb;max-width:260px;margin:0;font-size:8.5px;line-height:1.45}.tl-camera-off button{color:#fff;background:var(--tl-blue);border:0;border-radius:7px;min-height:27px;padding:0 10px;font-size:8px;font-weight:700}.tl-media-bar{z-index:8;background:#152229e0;border:1px solid #dce8e966;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:4px 6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 8px 22px #0003}.tl-media-bar button{color:#dce7e8;white-space:nowrap;background:#ffffff0f;border:1px solid #0000;border-radius:6px;min-height:26px;padding:0 8px;font-size:7.5px;font-weight:650}.tl-media-bar button.is-on{color:#fff;background:#587fa3;border-color:#7ba0c4}.tl-media-bar>span{color:#9cadb1;font-size:7px}.tl-media-bar button:nth-last-child(2){margin-left:auto}.tl-media-bar .is-end{background:#5c7894}.tl-harmony-card{flex-direction:column;padding-bottom:34px;display:flex;position:relative}.tl-harmony-card .tl-card-title strong{font-size:26px;line-height:.92}.tl-chord-kind{color:var(--tl-ink-soft);font-family:var(--replica-serif);margin:1px 0 14px;font-size:10px}.tl-root-position{border-top:1px solid var(--tl-line-soft);border-bottom:1px solid var(--tl-line-soft);min-height:47px;color:var(--tl-ink-soft);padding-top:11px;font-size:8px}.tl-theory-copy{gap:3px;padding:11px 0 8px;display:grid}.tl-theory-copy span{color:var(--tl-ink-mute);font-size:7px}.tl-theory-copy strong{color:var(--tl-ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:600;overflow:hidden}.tl-theory-copy small{color:var(--tl-ink-mute);text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;overflow:hidden}.tl-key-name{font-family:var(--replica-serif);margin-bottom:2px;font-size:12px;font-weight:650}.tl-grand-staff{background:var(--tl-paper);border-radius:5px;height:140px;min-height:140px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tl-grand-staff{background:color-mix(in srgb, var(--tl-paper) 72%, transparent)}}.tl-staff{background:linear-gradient(var(--tl-ink-mute), var(--tl-ink-mute)) 0 4px / 100% 1px no-repeat, linear-gradient(var(--tl-ink-mute), var(--tl-ink-mute)) 0 12px / 100% 1px no-repeat, linear-gradient(var(--tl-ink-mute), var(--tl-ink-mute)) 0 20px / 100% 1px no-repeat, linear-gradient(var(--tl-ink-mute), var(--tl-ink-mute)) 0 28px / 100% 1px no-repeat, linear-gradient(var(--tl-ink-mute), var(--tl-ink-mute)) 0 36px / 100% 1px no-repeat;height:44px;position:absolute;left:32px;right:4px;overflow:visible}.tl-treble-staff{top:14px}.tl-bass-staff{top:83px}.tl-staff-clef{z-index:3;color:var(--tl-ink);font-family:Bravura Text,Noto Music,Times New Roman,serif;line-height:1;position:absolute;left:-28px}.tl-treble-staff .tl-staff-clef{font-size:47px;top:-9px}.tl-bass-staff .tl-staff-clef{font-size:31px;top:1px}.tl-staff-note-group{z-index:4;width:30px;color:var(--tl-ink-mute);position:absolute;top:0;bottom:0;transform:translate(-50%)}.tl-note-head{z-index:3;background:var(--tl-card);border:1.5px solid;border-radius:50%;width:15px;height:10px;transition:color .12s,background .12s,transform .12s;position:absolute;left:8px;transform:rotate(-13deg)}.tl-staff-note-group.is-active{color:var(--tl-clay)}.tl-staff-note-group.is-active .tl-note-head{background:var(--tl-clay);transform:rotate(-13deg)scale(1.08)}.tl-ledger-line{z-index:2;background:var(--tl-ink-mute);width:23px;height:1px;position:absolute;left:4px}.tl-note-accidental{color:currentColor;font-family:Bravura Text,Noto Music,serif;font-size:12px;font-weight:500;position:absolute;left:0}.tl-note-label{color:currentColor;white-space:nowrap;font-size:6px;font-style:normal;position:absolute;left:25px}.tl-staff-empty{z-index:5;background:var(--tl-card);border-radius:999px;padding:3px 5px;position:absolute;top:61px;right:7px}@supports (color:color-mix(in lab, red, red)){.tl-staff-empty{background:color-mix(in srgb, var(--tl-card) 90%, transparent)}}.tl-staff-empty{color:var(--tl-ink-mute);font-size:6.5px}.tl-metro-fold{height:29px;color:var(--tl-ink-mute);border:0;border-top:1px solid var(--tl-line-soft);letter-spacing:.12em;background:0 0;justify-content:space-between;align-items:center;padding:0 12px;font-size:7px;font-weight:750;display:flex;position:absolute;bottom:0;left:0;right:0}.tl-metronome{z-index:8;border:1px solid var(--tl-line);background:#fffdf8f5;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:8px;animation:.24s ease-in-out tl-metronome-rise;display:grid;position:absolute;bottom:31px;left:7px;right:7px;box-shadow:0 9px 22px #2b272124}@keyframes tl-metronome-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tl-metronome button{min-height:25px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-paper-2);border-radius:6px;font-size:7px}.tl-metronome button.is-on{color:#fff;border-color:var(--tl-blue);background:var(--tl-blue)}.tl-metronome strong{font-size:8px}.tl-viewer-card{grid-template-rows:auto 28px minmax(0,1fr);display:grid}.tl-viewer-toolbar{align-items:flex-start;gap:5px;min-width:0;display:flex}.tl-viewer-toolbar button{min-height:23px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-paper);border-radius:6px;padding:0 7px;font-size:7px;font-weight:650}.tl-viewer-toolbar>button:first-child,.tl-viewer-toolbar button.is-on{color:#fff;border-color:var(--tl-blue);background:var(--tl-blue)}.tl-viewer-summary{color:var(--tl-ink-mute);text-overflow:ellipsis;white-space:nowrap;margin:5px auto 0 2px;font-size:6.5px;overflow:hidden}.tl-viewer-surface{border:1px solid var(--tl-line-soft);background:#efece2b3;border-radius:8px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.tl-viewer-empty{width:100%;height:100%;color:var(--tl-ink-soft);text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.tl-viewer-empty>span{color:var(--tl-ink-mute);font-size:22px}.tl-viewer-empty strong{font-family:var(--replica-serif);font-size:13px;font-weight:550}.tl-viewer-empty p{color:var(--tl-ink-mute);margin:0;font-size:7.5px;line-height:1.4}.tl-viewer-empty em{border:1px solid var(--tl-line);background:var(--tl-paper);min-height:23px;color:var(--tl-ink-soft);border-radius:6px;margin-top:4px;padding:6px 9px 0;font-size:7px;font-style:normal;font-weight:650}.tl-viewer-empty small{color:var(--tl-ink-mute);font-size:6.5px}.tl-pdf-page{aspect-ratio:808/1154;max-width:92%;height:92%;transform:scale(var(--tl-pdf-zoom,1));background:#fdfbf5;border:1px solid #d1cbc0;border-radius:2px;transition:transform .18s;position:relative;overflow:hidden;box-shadow:0 8px 20px #2b27212e}.tl-pdf-page>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tl-pdf-mark{z-index:7;color:#a84e3f;font-family:Bradley Hand,Comic Sans MS,cursive;font-size:8px;font-weight:650;position:absolute;top:43%;left:29%;transform:rotate(-5deg)}.tl-piano-card{border:1px solid var(--tl-line);background:var(--tl-card);border-radius:10px;grid-template-rows:25px minmax(0,1fr);min-height:0;margin-top:0;padding:11px 11px 9px;display:grid;box-shadow:0 5px 14px #2b27210b}.tl-workspace.focus-piano .tl-piano-card{border-color:#d3a18f;box-shadow:0 0 0 2px #b5654a21}.tl-piano-head{justify-content:space-between;align-items:flex-start;height:25px;display:flex}.tl-piano-head>div{align-items:center;gap:9px;display:flex}.tl-piano-head button{min-height:21px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-paper);border-radius:999px;padding:0 7px;font-size:6.5px;font-weight:650}.tl-piano-head button>i{background:#b89c59;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.tl-piano-head button.is-muted{color:var(--tl-clay)}.tl-volume-line{color:var(--tl-ink-mute);align-items:center;gap:5px;font-size:6.5px;display:flex}.tl-volume-line>i{background:var(--tl-line);border-radius:4px;width:58px;height:3px}.tl-volume-line b{border-radius:inherit;background:var(--tl-sage);width:84%;height:100%;display:block}.tl-piano{perspective:180px;background:#e5e4df;border:1px solid #cbd2d5;border-radius:5px;height:100%;min-height:0;transition:height .24s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -7px 9px #43484b14}.tl-white-key{transform-origin:50% 0;background:linear-gradient(90deg,#f5f5f2,#fff 52%,#dfdfdc);border:0;border-right:1px solid #aeb5b7;border-radius:0 0 3px 3px;flex:1 1 0;min-width:0;height:100%;padding:0;transition:transform .2s cubic-bezier(.2,.78,.22,1.18),background .12s,box-shadow .12s;position:relative;box-shadow:inset 0 -6px 7px #494c4c14}.tl-white-key.is-held{background:linear-gradient(#d8e8ef,#a8c3d4);transform:translateY(4px)scaleY(.985)rotateX(2deg);box-shadow:inset 0 0 0 2px #6f97b3,inset 0 8px 13px #35566e33,0 2px 2px #35434c29}.tl-black-key{z-index:4;transform-origin:50% 0;background:linear-gradient(90deg,#111,#282828 48%,#080808);border:0;border-radius:0 0 3px 3px;width:2.15%;height:58%;padding:0;transition:transform .2s cubic-bezier(.2,.78,.22,1.18),filter .12s;position:absolute;top:0;transform:translate(-50%);box-shadow:0 3px 4px #0000004d}.tl-black-key.is-held{filter:brightness(1.55)saturate(.72);transform:translate(-50%,4px)scaleY(.965)rotateX(2deg);box-shadow:0 1px 2px #0000006b,inset 0 5px 7px #ffffff1a}.tl-white-key>span{color:#7f8789;font-size:5.8px;position:absolute;bottom:7px;left:0;right:0}.tl-live-card{border:1px solid var(--tl-line);background:var(--tl-card);border-radius:10px;grid-template-columns:1.1fr .95fr 1.7fr;gap:10px;min-height:0;margin-top:0;padding:12px 11px;transition:grid-template-columns .24s ease-in-out,padding .24s ease-in-out;display:grid;position:relative;overflow:hidden}.tl-workspace:is(.focus-camera,.focus-viewer,.focus-piano) .tl-live-card{grid-template-columns:1fr;padding-block:10px}.tl-workspace:is(.focus-camera,.focus-viewer,.focus-piano) .tl-live-card :is(.tl-host,.tl-join,.tl-offline){visibility:hidden;opacity:0}.tl-live-title{align-content:start;gap:3px;display:grid}.tl-live-title strong{font-family:var(--replica-serif);font-size:14px;font-weight:550}.tl-host,.tl-join{border-left:1px solid var(--tl-line-soft);align-content:start;gap:5px;padding-left:10px;display:grid}.tl-host p{color:var(--tl-ink-soft);margin:0;font-size:7px;line-height:1.4}.tl-host button,.tl-join button{color:#fff;background:var(--tl-blue);border:0;border-radius:6px;width:max-content;min-height:23px;padding:0 8px;font-size:7px;font-weight:650}.tl-join{grid-template-columns:.8fr 1.55fr auto}.tl-join>span{grid-column:1/-1}.tl-join input{min-width:0;height:23px;color:var(--tl-ink);border:1px solid var(--tl-line);background:#fff;border-radius:6px;padding:0 7px;font-size:6.5px}.tl-offline{color:var(--tl-ink-mute);letter-spacing:.1em;font-size:6px;position:absolute;top:10px;right:11px}.tl-meeting-room{border:1px solid var(--tl-line);border-top:1px solid var(--tl-line-soft);background:#f5f2eaf7;border-radius:0 0 15px 15px;min-height:662px;margin:0 14px 14px;padding:18px}.tl-meeting-head{justify-content:space-between;align-items:center;display:flex}.tl-meeting-head>div{gap:3px;display:grid}.tl-meeting-head span{color:var(--tl-ink-mute);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:750}.tl-meeting-head strong{font-family:var(--replica-serif);font-size:18px;font-weight:550}.tl-meeting-head button{min-height:28px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-card);border-radius:7px;padding:0 10px;font-size:8px}.tl-participant-grid{grid-template-columns:1fr 1fr;gap:10px;height:510px;margin-top:16px;display:grid}.tl-participant{background:#1b2a32;border-radius:10px;position:relative;overflow:hidden}.tl-participant .tl-camera-art{inset:0}.tl-participant .tl-camera-art:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0000 58%,#0d181ed1 100%);position:absolute;inset:0}.tl-participant-photo{object-fit:cover;width:100%;height:100%;display:block}.tl-participant-photo-teacher{object-fit:contain;background:#1b2a32}.tl-participant-photo-student{object-position:center 38%}.tl-participant>strong,.tl-participant>small{z-index:7;color:#fff;position:absolute;left:13px}.tl-participant>strong{font-family:var(--replica-serif);font-size:14px;bottom:27px}.tl-participant>small{color:#c0cccd;font-size:7px;bottom:13px}.tl-meeting-controls{justify-content:center;gap:8px;margin-top:12px;display:flex}.tl-meeting-controls button{min-height:28px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-card);border-radius:999px;padding:0 10px;font-size:8px}.tl-meeting-controls button.is-end{color:#fff;background:#a9685c;border-color:#9b5f54}.tl-app.is-full-screen .tl-header{border-radius:0;margin:0}.tl-app.is-full-screen .tl-workspace,.tl-app.is-full-screen .tl-meeting-room{border-radius:0;min-height:722px;margin:0}.tl-app.is-full-screen .tl-workspace.focus-piano{grid-template-rows:minmax(0,1fr) 180px 62px}.tl-leave-full{z-index:30;min-height:28px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:#f9fbfcf5;border-radius:7px;padding:0 9px;font-size:7px;position:absolute;top:69px;right:22px}.tl-keymap{border:1px solid var(--line);background:var(--panel);scrollbar-width:thin;border-radius:12px;align-items:center;gap:.65rem;margin-top:.75rem;padding:.65rem;display:flex;overflow-x:auto}.tl-keymap>strong{font-family:var(--serif);flex:none;font-size:.78rem;font-weight:600}.tl-keymap>div{flex-wrap:nowrap;flex:1;gap:.3rem;min-width:max-content;display:flex}.tl-keymap button{min-height:27px;color:var(--ink-soft);border:1px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:7px;align-items:center;gap:.32rem;padding:.25rem .45rem;font-size:.61rem;display:inline-flex}.tl-keymap button:hover{color:var(--ink);border-color:var(--clay)}.tl-keymap button kbd{border:1px solid var(--quiet-line);background:var(--paper-2);min-width:1.35rem;color:var(--clay-ink);text-align:center;border-radius:4px;padding:.12rem .22rem}.tl-workspace.tl-workspace-current,.tl-workspace.tl-workspace-current.focus-metronome,.tl-workspace.tl-workspace-current.focus-camera,.tl-workspace.tl-workspace-current.focus-harmony,.tl-workspace.tl-workspace-current.focus-viewer,.tl-workspace.tl-workspace-current.focus-piano{grid-template-rows:469px 143px 40px;height:676px;min-height:676px}.tl-workspace.tl-workspace-current .tl-top-grid{border:1px solid var(--tl-line);background:var(--tl-card);border-radius:10px;grid-template-columns:142px minmax(0,1fr) 224px 34px;gap:0;position:relative;overflow:hidden}.tl-workspace-current.focus-metronome .tl-top-grid{grid-template-columns:250px minmax(0,1fr) 190px 34px}.tl-workspace-current.focus-camera .tl-top-grid{grid-template-columns:142px minmax(0,1fr) 170px 34px}.tl-workspace-current.focus-harmony .tl-top-grid{grid-template-columns:142px minmax(0,1fr) 330px 34px}.tl-workspace.tl-workspace-current.focus-piano{grid-template-rows:320px 292px 40px}.tl-workspace-current .tl-card{border:0;border-right:1px solid var(--tl-line);box-shadow:none;border-radius:0}.tl-workspace-current.focus-metronome .tl-metronome-panel,.tl-workspace-current.focus-camera .tl-camera-card,.tl-workspace-current.focus-harmony .tl-harmony-card,.tl-workspace-current.focus-viewer .tl-viewer-panel,.tl-workspace-current.focus-piano .tl-piano-card{box-shadow:inset 0 0 0 2px #5f82a76b}.tl-panel-focus{width:22px;height:22px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-paper-2);border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;transition:color .18s,background .18s,transform .18s;display:inline-flex}.tl-panel-focus:hover,.tl-panel-focus[aria-expanded=true]{color:#8f4a33;background:var(--tl-blue-soft)}.tl-metronome-panel{flex-direction:column;align-items:stretch;min-width:0;padding:13px 12px;display:flex}.tl-metronome-panel .tl-card-title{min-height:48px}.tl-metronome-panel .tl-card-title strong{font-size:14px}.tl-metronome-visual{clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);background:linear-gradient(105deg,#7f3e25,#b96a39 48%,#71361f);flex:none;width:82px;height:160px;margin:7px auto 8px;position:relative;box-shadow:inset 0 0 0 1px #4b281952}.tl-workspace-current.focus-metronome .tl-metronome-visual{width:100px;height:182px;margin-block:2px 5px}.tl-workspace-current.focus-piano .tl-metronome-visual{width:58px;height:92px;margin-block:2px 4px}.tl-workspace-current.focus-piano .tl-metronome-scale{width:34px;height:60px;top:14px}.tl-workspace-current.focus-piano .tl-metronome-visual:before{width:10px;top:10px;bottom:10px}.tl-workspace-current.focus-piano .tl-metronome-arm{height:72px;bottom:10px}.tl-workspace-current.focus-piano .tl-metronome-arm:after{top:20px}.tl-workspace-current.focus-piano .tl-metronome-visual>b{bottom:5px}.tl-workspace-current.focus-piano .tl-metronome-beats{margin-block:3px 5px}.tl-workspace-current.focus-piano .tl-metronome-actions{margin-top:4px}.tl-workspace-current.focus-piano .tl-metronome-meter{display:none}.tl-metronome-visual:before{z-index:1;content:"";background:linear-gradient(90deg,#17110d,#35251b 52%,#120d0a);border-radius:2px;width:14px;position:absolute;top:18px;bottom:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #eedbb21f,0 0 8px #22140d57}.tl-metronome-scale{z-index:2;opacity:.76;background:repeating-linear-gradient(#0000 0 5px,#f2deb794 5px 6px);width:48px;height:112px;position:absolute;top:25px;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(90deg,#000 0 33%,#0000 33% 67%,#000 67% 100%);mask:linear-gradient(90deg,#000 0 33%,#0000 33% 67%,#000 67% 100%)}.tl-metronome-visual>b{z-index:5;background:#dcc388;border-radius:50%;width:10px;height:10px;position:absolute;bottom:10px;left:calc(50% - 5px);box-shadow:0 2px 5px #36251861}.tl-metronome-arm{z-index:4;transform-origin:50% 100%;background:linear-gradient(90deg,#bda975,#eee1bd 50%,#9d8553);border-radius:999px;width:3px;height:127px;position:absolute;bottom:19px;left:calc(50% - 1.5px);transform:rotate(0);box-shadow:0 0 2px #19100b8a}.tl-metronome-arm:after{content:"";background:linear-gradient(#e2cf92,#b99c57);border:1px solid #462e1c9e;border-radius:2px;width:19px;height:11px;position:absolute;top:35px;left:-8px;box-shadow:0 1px 2px #26191059}.tl-metronome-visual.is-running .tl-metronome-arm{animation:.682s ease-in-out infinite alternate tl-current-metronome}@keyframes tl-current-metronome{0%{transform:rotate(-19deg)}to{transform:rotate(19deg)}}.tl-metronome-bpm{align-items:baseline;gap:4px;display:flex}.tl-metronome-bpm strong{font-family:var(--replica-serif);font-size:26px;font-weight:550}.tl-metronome-bpm span,.tl-metronome-meter span,.tl-metronome-meter small{color:var(--tl-ink-mute);letter-spacing:.11em;text-transform:uppercase;font-size:6px}.tl-metronome-beats{gap:9px;margin:7px 1px 10px;display:flex}.tl-metronome-beats i{background:var(--tl-line);border-radius:50%;width:7px;height:7px}.tl-metronome-beats i.is-on{background:var(--tl-blue);box-shadow:0 0 0 3px #5f82a724}.tl-metronome-tempo{grid-template-columns:23px minmax(0,1fr) 23px;align-items:center;gap:5px;display:grid}.tl-metronome-tempo button,.tl-metronome-actions button{min-height:23px;color:var(--tl-ink-soft);border:1px solid var(--tl-line);background:var(--tl-paper-2);border-radius:6px;font-size:7px}.tl-metronome-tempo input{width:100%;accent-color:var(--tl-blue)}.tl-metronome-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.tl-metronome-actions button.is-on,.tl-metronome-actions button:first-child{color:#fff;border-color:var(--tl-blue);background:var(--tl-blue)}.tl-metronome-meter{border:0;border-top:1px solid var(--tl-line-soft);gap:6px;margin-top:auto;padding-top:10px;display:grid}.tl-metronome-meter legend{justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.tl-metronome-meter-values{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;display:grid}.tl-metronome-meter-values label{min-width:0}.tl-metronome-meter-values input,.tl-metronome-group input{width:100%;min-width:0;height:27px;color:var(--tl-ink);border:1px solid var(--tl-line);background:var(--tl-paper-2);font-family:var(--replica-serif);text-align:center;border-radius:6px;padding:3px 5px;font-size:12px}.tl-metronome-meter-values>i{color:var(--tl-ink-mute);font-family:var(--replica-serif);font-size:13px;font-style:normal}.tl-metronome-group{grid-template-columns:31px minmax(0,1fr);align-items:center;gap:5px;display:grid}.tl-metronome-group input{text-align:left;height:24px;font-family:inherit;font-size:7px}.tl-workspace-current .tl-camera-card{padding:13px}.tl-workspace-current .tl-harmony-card{padding:13px 13px 9px}.tl-workspace-current .tl-harmony-card .tl-grand-staff{height:148px;min-height:148px;margin-top:auto}.tl-workspace-current .tl-viewer-card{border-right:0;padding:0;position:static;overflow:visible}.tl-viewer-rail-button{width:34px;height:100%;color:var(--tl-ink-soft);background:var(--tl-paper-2);border:0;flex-direction:column;align-items:center;gap:13px;padding:10px 0;font-size:7px;display:flex}.tl-viewer-rail-button b{font-size:13px;font-weight:500}.tl-viewer-rail-button span{writing-mode:vertical-rl;letter-spacing:.13em;text-transform:uppercase}.tl-viewer-panel{z-index:12;border-left:1px solid var(--tl-line);background:var(--tl-card);grid-template-rows:auto 28px minmax(0,1fr);width:300px;padding:13px;display:none;position:absolute;top:0;bottom:0;right:34px;box-shadow:-16px 0 34px #29333b1f}.tl-viewer-card.is-open .tl-viewer-panel{display:grid}.tl-workspace-current .tl-piano-card{margin:0}.tl-piano-head .tl-piano-focus{width:23px;padding:0;font-size:11px}.tl-workspace-current .tl-live-card{border-radius:8px;align-items:center;gap:10px;padding:8px 11px;display:flex}.tl-workspace-current .tl-live-title{align-items:center;gap:10px;display:flex}.tl-workspace-current .tl-live-title strong{color:var(--tl-ink-mute);font-family:inherit;font-size:7px;font-weight:500}.tl-workspace-current :is(.tl-host,.tl-join){display:none}.tl-workspace-current .tl-offline{top:50%;transform:translateY(-50%)}.tl-app.is-full-screen .tl-workspace.tl-workspace-current{grid-template-rows:minmax(490px,1fr) 150px 40px}.tl-app.is-full-screen .tl-workspace.tl-workspace-current.focus-piano{grid-template-rows:minmax(350px,.9fr) minmax(290px,1fr) 40px}@media (prefers-reduced-motion:reduce){.tl-metronome-visual.is-running .tl-metronome-arm{animation:none}}@media (width<=760px){.product-demo-replica .demo-intro{grid-template-columns:1fr;gap:1rem}.replica-status{flex-direction:column;align-items:flex-start;gap:.2rem}.tl-keymap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tp-drawer,.tp-marker-palette{animation:none}.tp-paper,.tl-pdf-page,.tl-workspace,.tl-top-grid,.tl-camera-art,.tl-camera-feed,.tl-header,.tl-piano,.tl-white-key,.tl-black-key,.tl-live-card{transition:none}.tl-metronome{animation:none}}:root[data-theme=mist]{--paper:#eef2f6;--paper-2:#e6ebf1;--panel:#f8fafc;--panel-strong:#fcfdff;--ink:#26303c;--ink-soft:#536274;--muted:#56697b;--line:#cfd9e3;--line-soft:#dce4eb;--clay:#5a7fa6;--clay-hover:#456b91;--clay-ink:#3d5f85;--clay-soft:#dce7f0;--sage:#638d80;--sage-ink:#426858;--sage-soft:#dce9e4;--gold:#9b803f;--gold-ink:#705b29;--gold-soft:#ece3cc;--outer:#dce3ea;--quiet:#edf3f8;--quiet-line:#c9d6e1;--button-ink:#f8fafc;--dark-panel:#211c15;--dark-panel-2:#33291e;--dark-ink:#f2eadc;--dark-soft:#cfc2ad;--wash-warm:.045;--wash-cool:.11;--shadow-button:inset 0 1px 0 #ffffff85, 0 1px 2px #26303c14, 0 3px 7px #26303c0d;--shadow-card:inset 0 1px 0 #ffffffb3, 0 1px 2px #26303c0a, 0 12px 30px #26303c13;--shadow-window:inset 0 1px 0 #fffc, 0 4px 10px #26303c14, 0 26px 70px #26303c24}:root[data-theme=dusk]{--paper:#211d17;--paper-2:#1b1712;--panel:#29241e;--panel-strong:#302a23;--ink:#ece4d4;--ink-soft:#bfb29e;--muted:#a19582;--line:#493f33;--line-soft:#3a3229;--clay:#ca8062;--clay-hover:#dda087;--clay-ink:#e3a187;--clay-soft:#422e25;--sage:#92a982;--sage-ink:#b5c9a5;--sage-soft:#2c3427;--gold:#d0a956;--gold-ink:#e0bf78;--gold-soft:#3b311e;--outer:#15120f;--quiet:#332c25;--quiet-line:#504437;--button-ink:#fffaf3;--dark-panel:#211c15;--dark-panel-2:#33291e;--dark-ink:#f2eadc;--dark-soft:#cfc2ad;--wash-warm:.065;--wash-cool:.055;--shadow-button:inset 0 1px 0 #ffffff0f, 0 1px 2px #00000059;--shadow-card:inset 0 1px 0 #ffffff0b, 0 1px 2px #00000052, 0 14px 34px #00000042;--shadow-window:inset 0 1px 0 #ffffff0e, 0 4px 12px #00000057, 0 28px 74px #0000006b}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:124px}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.65}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(120% 80% at 82% -10%, rgba(255, 214, 150, var(--wash-warm)), transparent 55%), radial-gradient(90% 70% at 6% 108%, rgba(120, 150, 190, var(--wash-cool)), transparent 60%);position:fixed;inset:0}h1,h2,h3,h4,p,blockquote,figure,dl,dd{margin:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.018em;text-wrap:balance;font-weight:600;line-height:1.12}h1{font-size:clamp(3rem,6.2vw,5.65rem)}h2{font-size:clamp(2.1rem,4.2vw,3.8rem)}h3{font-size:clamp(1.35rem,2.1vw,1.75rem)}p+p{margin-top:1em}a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}::selection{background:var(--clay-soft);color:var(--clay-ink)}:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:200;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-strong);color:var(--ink);padding:9px 14px;font-size:.82rem;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--clay-ink);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:750;line-height:1.35}.lede{color:var(--ink-soft);font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.65}.section{padding-block:clamp(4.8rem,9vw,8rem)}#main>:first-child,.legal-page{padding-top:clamp(.75rem,2vw,1.5rem)}.section-alt{border-block:1px solid var(--line-soft);background:var(--paper-2)}.section-heading{max-width:760px;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.section-heading h2{margin-top:.65rem}.section-heading .lede{max-width:64ch;margin-top:1.2rem}.narrow-heading{max-width:700px}.site-header{z-index:100;border-bottom:1px solid var(--line-soft);background:var(--paper);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.site-header{-webkit-backdrop-filter:blur(14px)saturate(1.25)}.header-inner{min-height:var(--site-header-height);align-items:center;gap:1.25rem;display:flex}.brand-link,.header-brand{color:var(--ink);text-decoration:none}.header-brand{cursor:default;-webkit-user-select:none;user-select:none;font:inherit;text-align:left;background:0 0;border:0;flex:none;padding:0}.header-brand:focus-visible{outline:2px solid var(--clay);outline-offset:.35rem;border-radius:4px}.brand-lockup{align-items:center;display:inline-flex}.brand-logo{aspect-ratio:1004/480;flex:none;width:112px;line-height:0;display:inline-block;position:relative}.brand-logo-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .54s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.brand-logo-mist-accent{z-index:1;clip-path:inset(0 40% 0 39%);opacity:0;pointer-events:none;background-color:#3d5f85;transition:opacity .54s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;-webkit-mask-image:url(/brand/tacet-logo-light.png);mask-image:url(/brand/tacet-logo-light.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-theme=day] .brand-logo-layer-light,:root[data-theme=mist] .brand-logo-layer-light,:root[data-theme=dusk] .brand-logo-layer-dark,:root[data-theme=mist] .brand-logo-mist-accent{opacity:1}.brand-lockup-compact .brand-logo{width:156px}.primary-nav{align-items:center;gap:.1875rem;margin-left:auto;display:flex}.primary-nav a{color:var(--ink-soft);border-radius:10px;align-items:center;gap:.525rem;padding:.525rem .875rem;font-size:1.05rem;font-weight:650;text-decoration:none;display:inline-flex}.primary-nav a:hover{background:var(--quiet);color:var(--ink)}.primary-nav a.nav-icon-only{padding:.525rem}.primary-nav a[aria-current=page]{background:var(--clay-soft);box-shadow:inset 0 0 0 1px var(--clay)}@supports (color:color-mix(in lab, red, red)){.primary-nav a[aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--clay) 52%, var(--line))}}.primary-nav a[aria-current=page]{color:var(--clay-ink)}.product-icon{aspect-ratio:1;background:var(--panel);isolation:isolate;width:1.75rem;box-shadow:inset 0 0 0 1px var(--ink), 0 2px 5px var(--ink);border-radius:22%;flex:none;display:inline-block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.product-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), 0 2px 5px color-mix(in srgb, var(--ink) 12%, transparent)}}.product-icon-layer{z-index:0;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .54s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.product-icon-player .product-icon-layer{transform:translateY(13%)scale(1.55)}:root[data-theme=day] .product-icon-layer-day,:root[data-theme=mist] .product-icon-layer-mist,:root[data-theme=dusk] .product-icon-layer-dusk{opacity:1}.button{border:1px solid var(--line);background:var(--panel);min-height:42px;box-shadow:var(--shadow-button);color:var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.68rem 1.12rem;font-size:.84rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.button:hover{border-color:var(--quiet-line);background:var(--quiet);transform:translateY(-1px)}.button:active{box-shadow:none;transform:translateY(1px)scale(.985)}.button[aria-disabled=true]{cursor:not-allowed;opacity:.58;pointer-events:none}.button-small{min-height:36px;padding:.5rem .82rem;font-size:.78rem}.button-primary{border-color:var(--clay);background:var(--clay);color:var(--button-ink)}.button-primary:hover{border-color:var(--clay-hover);background:var(--clay-hover);color:var(--button-ink)}.button-secondary{background:var(--panel)}.button-ghost{box-shadow:none;color:var(--clay-ink);background:0 0;border-color:#0000}.button-ghost:hover{border-color:var(--quiet-line)}.button-dark{border-color:var(--dark-ink)}@supports (color:color-mix(in lab, red, red)){.button-dark{border-color:color-mix(in srgb, var(--dark-ink) 24%, transparent)}}.button-dark{background:var(--dark-panel)}@supports (color:color-mix(in lab, red, red)){.button-dark{background:color-mix(in srgb, var(--dark-panel) 76%, transparent)}}.button-dark{box-shadow:none;color:var(--dark-ink)}.button-dark:hover{border-color:var(--dark-ink)}@supports (color:color-mix(in lab, red, red)){.button-dark:hover{border-color:color-mix(in srgb, var(--dark-ink) 42%, transparent)}}.button-dark:hover{background:var(--dark-ink)}@supports (color:color-mix(in lab, red, red)){.button-dark:hover{background:color-mix(in srgb, var(--dark-ink) 8%, var(--dark-panel))}}.button-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.header-cta{white-space:nowrap;border-radius:12.5px;gap:.5625rem;min-height:45px;padding:.625rem 1.025rem;font-size:.975rem}.header-actions{align-items:center;gap:.55rem;display:flex}.header-offer-cta{border-color:var(--clay);min-height:45px}@supports (color:color-mix(in lab, red, red)){.header-offer-cta{border-color:color-mix(in srgb, var(--clay) 56%, var(--line))}}.header-offer-cta{background:var(--clay-soft);color:var(--clay-ink);white-space:nowrap;font-size:.9rem}.header-offer-cta:hover{border-color:var(--clay);background:var(--clay-soft)}@supports (color:color-mix(in lab, red, red)){.header-offer-cta:hover{background:color-mix(in srgb, var(--clay-soft) 72%, var(--panel))}}.header-offer-cta:hover{color:var(--clay-ink)}.header-about-link{color:var(--ink-soft);white-space:nowrap;border-radius:10px;padding:.625rem .7rem;font-size:1rem;font-weight:650;text-decoration:none}.header-about-link:hover,.header-about-link[aria-current=page]{background:var(--quiet);color:var(--ink)}.theme-control{align-items:center;gap:.5625rem;display:inline-flex}.language-control{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:.5rem;padding:.3rem .36rem .3rem .66rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.language-control{background:color-mix(in srgb, var(--panel) 82%, transparent)}}.language-control{box-shadow:var(--shadow-button)}.language-control label{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;font-size:.67rem;font-weight:750}.language-control select{max-width:9rem;min-height:31px;color:var(--ink);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 13px) 50% / 5px 5px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 8px) 50% / 5px 5px no-repeat, var(--panel-strong);font:inherit;appearance:none;border:1px solid #0000;border-radius:8px;padding:0 1.8rem 0 .62rem;font-size:.78rem;font-weight:700}.language-control select:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.theme-control.has-theme-callout{position:relative}.theme-callout{z-index:120;border:1px solid var(--clay);gap:.375rem;width:245px;padding:1rem 2.35rem 1rem 1rem;display:grid;position:absolute;top:calc(100% + 1.15rem);right:0}@supports (color:color-mix(in lab, red, red)){.theme-callout{border:1px solid color-mix(in srgb, var(--clay) 52%, var(--line))}}.theme-callout{background:var(--panel-strong);box-shadow:var(--shadow-window);color:var(--ink);border-radius:14px;animation:.42s cubic-bezier(.22,1,.36,1) theme-callout-enter}.theme-callout:before{border-top:1px solid var(--clay);width:12px;height:12px;position:absolute;top:-7px;right:34px}@supports (color:color-mix(in lab, red, red)){.theme-callout:before{border-top:1px solid color-mix(in srgb, var(--clay) 52%, var(--line))}}.theme-callout:before{border-left:1px solid var(--clay)}@supports (color:color-mix(in lab, red, red)){.theme-callout:before{border-left:1px solid color-mix(in srgb, var(--clay) 52%, var(--line))}}.theme-callout:before{background:var(--panel-strong);content:"";transform:rotate(45deg)}.theme-callout strong{font-family:var(--display);padding-right:.25rem;font-size:1.05rem;line-height:1.15}.theme-callout>span{color:var(--muted);font-size:.76rem;line-height:1.4}.theme-callout-close{z-index:1;width:1.65rem;height:1.65rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.15rem;line-height:1;display:grid;position:absolute;top:.5rem;right:.5rem}.theme-callout-close:hover{background:var(--quiet);color:var(--ink)}.theme-callout-action{width:max-content;color:var(--clay-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin-top:.35rem;padding:0;font-size:.77rem;font-weight:750;display:inline-flex}.theme-callout-action:hover{color:var(--clay-hover)}@keyframes theme-callout-enter{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}}.theme-name{min-width:3.125rem;color:var(--muted);letter-spacing:.1125em;text-align:right;text-transform:uppercase;font-size:.8rem;font-weight:750}.theme-name-value{animation:.46s cubic-bezier(.22,1,.36,1) theme-name-enter;display:inline-block}@keyframes theme-name-enter{0%{opacity:0;transform:translateY(.2rem)}}.theme-track{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;grid-template-columns:repeat(3,1fr);width:97.5px;height:35px;display:grid;position:relative}.theme-track button{z-index:2;color:#0000;cursor:pointer;background:0 0;border:0;min-width:32.5px;font-size:0;position:relative}.theme-track button:after{content:"";position:absolute;inset:-10px 0}.theme-thumb{z-index:1;background:linear-gradient(135deg,#ffe4ac,#d99a4e);border-radius:50%;width:25px;height:25px;transition:transform .38s cubic-bezier(.4,0,.2,1),background .28s;position:absolute;top:3.75px;left:3.75px;box-shadow:0 1px 3px #2b272140}.theme-thumb-mist{background:linear-gradient(135deg,#dcebfa,#7fa3c9);transform:translate(31.25px)}.theme-thumb-dusk{background:linear-gradient(135deg,#e8dcc4,#8a7a5c);transform:translate(62.5px)}.hero{padding-block:clamp(4.5rem,9vw,8.5rem)}.home-hero{padding-top:clamp(3rem,5.5vw,5.5rem)}.hero-grid{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(2.8rem,6vw,6.5rem);display:grid}.hero-copy>.brand-lockup{margin-bottom:1.8rem}.hero-copy h1{max-width:12ch;margin-top:.8rem}.hero-title-line{white-space:nowrap;display:block}.hero-copy h1 em{color:var(--clay-ink);font-style:italic}.hero-copy .lede{max-width:57ch;margin-top:1.5rem}.hero-copy .button-row{margin-top:2rem}.hero-note{color:var(--muted);margin-top:1.1rem;font-size:.8rem}.hero-product{min-width:0}.visual-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem .25rem;font-size:.7rem;font-weight:700}.product-hero{padding-top:clamp(4rem,7vw,6.5rem)}.product-hero .hero-copy h1{max-width:13ch;font-size:clamp(2.9rem,5.5vw,5.2rem)}.product-hero-icon{width:clamp(3.8rem,6vw,4.8rem);box-shadow:inset 0 0 0 1px var(--ink), 0 10px 24px var(--ink)}@supports (color:color-mix(in lab, red, red)){.product-hero-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), 0 10px 24px color-mix(in srgb, var(--ink) 16%, transparent)}}.product-hero-demo-link{border-radius:22%;width:max-content;margin-bottom:1.25rem;display:block}.product-hero-demo-link .product-icon{transition:transform .16s,box-shadow .16s}.product-hero-demo-link:hover .product-icon{box-shadow:inset 0 0 0 1px var(--ink), 0 14px 30px var(--ink)}@supports (color:color-mix(in lab, red, red)){.product-hero-demo-link:hover .product-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), 0 14px 30px color-mix(in srgb, var(--ink) 22%, transparent)}}.product-hero-demo-link:hover .product-icon{transform:translateY(-2px)}.product-icon-player,.product-hero-demo-link:hover .product-icon-player{box-shadow:none}.product-window{border:1px solid var(--line);background:var(--panel-strong);width:100%;box-shadow:var(--shadow-window);color:var(--ink);border-radius:16px;margin:0;position:relative;transform:rotate(.35deg)}.product-window:before{z-index:-1;background:var(--gold-soft);border-radius:50%;width:58%;height:46%;position:absolute;bottom:-9%;right:-5%}@supports (color:color-mix(in lab, red, red)){.product-window:before{background:color-mix(in srgb, var(--gold-soft) 75%, transparent)}}.product-window:before{content:"";filter:blur(28px);opacity:.6}.product-window-quiet{box-shadow:var(--shadow-card);transform:none}.window-bar{border-bottom:1px solid var(--line-soft);min-height:42px;color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:.85rem;font-size:.68rem;font-weight:700;display:grid}.window-dots{gap:.35rem;display:flex}.window-dots span{background:var(--line);border-radius:50%;width:7px;height:7px}.window-dots span:first-child{background:var(--clay)}.window-dots span:nth-child(2){background:var(--gold)}.window-dots span:nth-child(3){background:var(--sage)}.window-mode{color:var(--muted);justify-self:end}.player-layout{grid-template-columns:132px 1fr;min-height:420px;display:grid}.player-sidebar{border-right:1px solid var(--line-soft);background:var(--paper-2);min-width:0;color:var(--ink-soft);flex-direction:column;gap:.25rem;padding:1.05rem .8rem;font-size:.65rem;display:flex}.player-sidebar b,.player-sidebar>span:not(.sidebar-label):not(.sidebar-add){text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:.38rem .48rem;overflow:hidden}.player-sidebar b{background:var(--panel);color:var(--ink);box-shadow:inset 2px 0 0 var(--clay)}.sidebar-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem;font-size:.56rem;font-weight:750}.sidebar-add{color:var(--clay-ink);margin-top:auto;padding:.35rem .48rem}.player-main{background:var(--outer);grid-template-rows:1fr auto;min-width:0;display:grid}.score-sheet{border:1px solid var(--line);background:var(--panel-strong);border-radius:4px;width:calc(100% - 2.4rem);max-width:480px;margin:1.2rem auto;padding:1.2rem clamp(1.1rem,3vw,2.1rem) 1.5rem;box-shadow:0 8px 20px #2b272114}.score-meta{color:var(--muted);font-family:var(--display);letter-spacing:.08em;justify-content:space-between;align-items:center;padding-bottom:.85rem;font-size:.58rem;display:flex}.score-meta span:first-child{color:var(--ink);font-size:.72rem;font-weight:700}.music-staff{background:repeating-linear-gradient(to bottom, transparent 0, transparent 12px, var(--ink) 12px, var(--ink) 13px, transparent 13px, transparent 23px);height:94px;margin-top:.15rem;position:relative}@supports (color:color-mix(in lab, red, red)){.music-staff{background:repeating-linear-gradient(to bottom, transparent 0, transparent 12px, color-mix(in srgb, var(--ink) 44%, transparent) 12px, color-mix(in srgb, var(--ink) 44%, transparent) 13px, transparent 13px, transparent 23px)}}.music-staff-compact{background:repeating-linear-gradient(to bottom, transparent 0, transparent 8px, var(--ink) 8px, var(--ink) 9px, transparent 9px, transparent 17px);height:68px}@supports (color:color-mix(in lab, red, red)){.music-staff-compact{background:repeating-linear-gradient(to bottom, transparent 0, transparent 8px, color-mix(in srgb, var(--ink) 38%, transparent) 8px, color-mix(in srgb, var(--ink) 38%, transparent) 9px, transparent 9px, transparent 17px)}}.clef{font-family:var(--display);font-size:2.55rem;line-height:1;position:absolute;top:3px;left:2px}.music-staff-compact .clef{font-size:2rem;top:-1px}.note{color:var(--ink);font-size:.72rem;font-style:normal;line-height:1;position:absolute}.note:after{background:var(--ink);content:"";width:1px;height:24px;position:absolute;bottom:5px;left:8px}.music-staff-compact .note:after{height:17px}.note-1{top:31px;left:21%}.note-2{top:21px;left:32%}.note-3{top:43px;left:45%}.note-4{top:32px;left:58%}.note-5{top:16px;left:73%}.note-6{top:37px;left:86%}.music-staff-compact .note{transform-origin:50%;transform:scale(.85)}.music-staff-compact .note-1{top:22px}.music-staff-compact .note-2{top:13px}.music-staff-compact .note-3{top:31px}.music-staff-compact .note-4{top:22px}.music-staff-compact .note-5{top:9px}.music-staff-compact .note-6{top:27px}.annotation{color:var(--clay-ink);font-family:var(--display);font-size:.64rem;font-style:italic;position:absolute;top:66px;left:54%;transform:rotate(-4deg)}.transport{border-top:1px solid var(--line);background:var(--panel);padding:.85rem 1rem .75rem}.transport-top{color:var(--muted);align-items:center;gap:.55rem;font-size:.58rem;display:flex}.transport-top button{background:var(--clay);width:24px;height:24px;color:var(--button-ink);border:0;border-radius:50%;place-items:center;font-size:.55rem;display:grid}.transport-title{color:var(--ink-soft);margin-right:auto;font-weight:700}.waveform{align-items:center;gap:2px;height:54px;margin-block:.55rem;display:flex;position:relative;overflow:hidden}.waveform>span{width:100%;height:var(--wave-height);background:var(--clay);border-radius:2px}@supports (color:color-mix(in lab, red, red)){.waveform>span{background:color-mix(in srgb, var(--clay) 64%, var(--line))}}.loop-region{border:1px solid var(--clay);background:var(--clay);border-radius:4px;position:absolute;inset:3px 18% 3px 32%}@supports (color:color-mix(in lab, red, red)){.loop-region{background:color-mix(in srgb, var(--clay) 11%, transparent)}}.loop-region:before,.loop-region:after{background:var(--clay);content:"";border-radius:2px;width:3px;height:calc(100% + 6px);position:absolute;top:-3px}.loop-region:before{left:-2px}.loop-region:after{right:-2px}.playhead{background:var(--ink);width:1px;position:absolute;top:0;bottom:0;left:56%}.transport-controls{flex-wrap:wrap;gap:.32rem;display:flex}.transport-controls span{border:1px solid var(--line);color:var(--ink-soft);border-radius:5px;padding:.2rem .42rem;font-size:.54rem}.transport-controls .active-control{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-ink)}.product-window figcaption{color:var(--muted);text-align:center;font-size:.67rem;line-height:1.35;position:absolute;bottom:-1.8rem;left:0;right:0}.lesson-layout{grid-template-columns:1fr 156px;min-height:420px;display:grid}.lesson-main{background:var(--outer);grid-template-rows:auto 1fr;min-width:0;display:grid}.lesson-status{border-bottom:1px solid var(--line);background:var(--panel);color:var(--ink-soft);align-items:center;gap:.45rem;padding:.65rem .85rem;font-size:.58rem;display:flex}.status-light{background:var(--sage);width:6px;height:6px;box-shadow:0 0 0 3px var(--sage-soft);border-radius:50%}.status-spacer{margin-left:auto}.notation-stage{grid-template-rows:1fr auto;padding:1.25rem 1.1rem 1rem;display:grid}.lesson-staff{border:1px solid var(--line);background:var(--panel-strong);border-radius:5px;align-self:center;padding:1rem 1.2rem;box-shadow:0 8px 20px #2b272114}.keyboard{border:1px solid var(--line);background:var(--panel-strong);border-radius:5px;height:70px;margin-top:1.1rem;display:flex;overflow:hidden}.key{border-right:1px solid var(--line);background:var(--panel-strong);flex:1;position:relative}.key:last-child{border-right:0}.key:nth-child(3n+2):before,.key:nth-child(4n+3):before{z-index:1;background:var(--ink);content:"";border-radius:0 0 3px 3px;width:58%;height:58%;position:absolute;top:0;left:62%}.key-active{background:var(--clay-soft);box-shadow:inset 0 -4px 0 var(--clay)}.harmony-panel{border-left:1px solid var(--line-soft);background:var(--paper-2);flex-direction:column;padding:1.15rem .95rem;display:flex}.harmony-panel>strong{font-family:var(--display);margin-top:.55rem;font-size:1.95rem;font-weight:600}.harmony-panel>span:not(.sidebar-label){color:var(--ink-soft);font-size:.63rem}.harmony-detail{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:.5rem;padding-block:.55rem;font-size:.61rem;display:flex}.harmony-detail:first-of-type{border-top:1px solid var(--line-soft);margin-top:1rem}.harmony-detail span{color:var(--muted)}.harmony-panel button{border:1px solid var(--clay);color:var(--clay-ink);background:0 0;border-radius:7px;margin-top:auto;padding:.52rem;font-size:.6rem;font-weight:700}.fact-band{border-block:1px solid var(--line-soft);background:var(--paper-2)}.fact-grid{grid-template-columns:repeat(4,1fr);display:grid}.fact-grid>div{border-right:1px solid var(--line-soft);min-width:0;padding:1.45rem 1.25rem}.fact-grid>div:first-child{padding-left:0}.fact-grid>div:last-child{border-right:0;padding-right:0}.fact-grid span,.fact-grid strong{display:block}.fact-grid span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:700}.fact-grid .fact-icon{width:1.8rem;height:1.8rem;color:var(--clay);letter-spacing:0;text-align:center;margin-bottom:.7rem;font-size:1.25rem;line-height:1.8rem}.fact-grid .fact-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:100%;height:100%;display:block}.fact-grid strong{font-family:var(--display);margin-top:.3rem;font-size:1rem;font-weight:600}.split-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem);display:grid}.split-intro h2{max-width:12ch;margin-top:.65rem}.prose-lede{max-width:65ch;color:var(--ink-soft);align-self:end;font-size:clamp(1.02rem,1.5vw,1.16rem)}.products-section{padding-top:0}.product-story{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(3.6rem,7vw,6.5rem);display:grid}.product-story:last-child{padding-bottom:0}.product-story-reverse .product-story-copy{order:2}.product-story-reverse{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.product-story-reverse .real-product-shot,.product-story-reverse .product-window{order:1}.product-index{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.product-title-lockup{align-items:center;gap:.9rem;margin-top:.7rem;display:flex}.product-title-lockup .product-icon{width:clamp(2.7rem,4.5vw,3.5rem)}.product-story-copy h3{font-size:clamp(2.4rem,4.5vw,4rem)}.product-line{color:var(--clay-ink);font-family:var(--display);margin-top:.65rem;font-size:1.2rem;font-style:italic;line-height:1.35}.product-story-copy>p:not(.product-line){color:var(--ink-soft);margin-top:1.2rem}.bundle-offer-section{border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 12% 18%, var(--clay-soft), transparent 34%), var(--paper)}@supports (color:color-mix(in lab, red, red)){.bundle-offer-section{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--clay-soft) 78%, transparent), transparent 34%), var(--paper)}}.bundle-offer{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);display:grid;overflow:hidden}.bundle-offer-copy{padding:clamp(2rem,5vw,4.5rem)}.bundle-offer-copy h2{max-width:14ch;margin-top:.7rem;font-size:clamp(2.5rem,5vw,4.8rem)}.bundle-offer-copy h2 em{color:var(--clay-ink);font-style:italic}.bundle-offer-copy>p:not(.eyebrow){max-width:59ch;color:var(--ink-soft);margin-top:1.25rem;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.65}.bundle-offer-action{align-items:center;gap:1rem 1.2rem;margin-top:1.8rem;display:flex}.bundle-offer-action small{max-width:24ch;color:var(--muted);font-size:.72rem;line-height:1.45}.bundle-lesson-card{background:radial-gradient(circle at 88% 10%, var(--clay), transparent 38%), linear-gradient(145deg, var(--dark-panel-2), var(--dark-panel));flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.5rem);display:flex}@supports (color:color-mix(in lab, red, red)){.bundle-lesson-card{background:radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--clay) 26%, transparent), transparent 38%), linear-gradient(145deg, var(--dark-panel-2), var(--dark-panel))}}.bundle-lesson-card{color:var(--dark-ink)}.bundle-product-pair{align-items:center;gap:.8rem;display:flex}.bundle-product-pair .product-icon{width:3.25rem}.bundle-product-pair>span{color:var(--dark-soft);font-family:var(--display);font-size:1.5rem}.bundle-card-kicker{color:var(--dark-soft);letter-spacing:.14em;text-transform:uppercase;margin-top:2rem;font-size:.68rem;font-weight:750}.bundle-lesson-steps{gap:0;margin-top:.4rem;padding:0;list-style:none;display:grid}.bundle-lesson-steps li{border-bottom:1px solid var(--dark-ink);grid-template-columns:2rem 1fr;gap:.8rem;padding-block:1.15rem;display:grid}@supports (color:color-mix(in lab, red, red)){.bundle-lesson-steps li{border-bottom:1px solid color-mix(in srgb, var(--dark-ink) 13%, transparent)}}.bundle-lesson-steps li:last-child{border-bottom:0}.bundle-lesson-steps li>span{color:var(--dark-soft);padding-top:.14rem}@supports (color:color-mix(in lab, red, red)){.bundle-lesson-steps li>span{color:color-mix(in srgb, var(--dark-soft) 72%, transparent)}}.bundle-lesson-steps li>span{font-family:var(--display);font-size:.72rem}.bundle-lesson-steps strong,.bundle-lesson-steps small{display:block}.bundle-lesson-steps strong{font-family:var(--display);font-size:1.08rem;font-weight:600}.bundle-lesson-steps small{color:var(--dark-soft);margin-top:.28rem;font-size:.78rem;line-height:1.45}.bundle-affiliation-note{color:var(--muted);margin-top:.8rem;font-size:.66rem;line-height:1.45}.quiet-list,.detail-list{gap:.68rem;margin:1.35rem 0 1.55rem;padding:0;list-style:none;display:grid}.quiet-list li,.detail-list li{color:var(--ink-soft);grid-template-columns:10px 1fr;gap:.65rem;font-size:.85rem;display:grid}.quiet-list li:before,.detail-list li:before{background:var(--clay);content:"";border-radius:50%;width:5px;height:5px;margin-top:.58rem}.text-link{color:var(--clay-ink);text-underline-offset:3px;align-items:center;gap:.5rem;font-size:.86rem;font-weight:750;text-decoration-thickness:1px;display:inline-flex}.text-link span{transition:transform .15s}.text-link:hover span{transform:translate(3px)}.dark-panel{border:1px solid var(--gold);position:relative}@supports (color:color-mix(in lab, red, red)){.dark-panel{border:1px solid color-mix(in srgb, var(--gold) 24%, transparent)}}.dark-panel{border-radius:var(--radius-lg);background:radial-gradient(100% 130% at 88% -15%, var(--dark-panel-2), var(--dark-panel) 62%);color:var(--dark-ink);overflow:hidden;box-shadow:0 20px 55px #140f0933}.dark-panel .eyebrow{color:#d1a864}.dark-panel p{color:var(--dark-soft)}.quiet-panel{grid-template-columns:.85fr 1fr;gap:clamp(3rem,8vw,8rem);padding:clamp(2.5rem,6vw,5.5rem);display:grid}.quiet-panel h2{max-width:11ch;margin-top:.7rem;font-size:clamp(2.4rem,5vw,4.6rem)}.quiet-panel-copy{align-self:end;max-width:58ch}.quiet-panel-copy .button{margin-top:1.75rem}.principle-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.principle{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;padding:2rem 2rem 2rem 0;display:grid}.principle:nth-child(odd){border-right:1px solid var(--line);padding-right:3rem}.principle:nth-child(2n){padding-left:3rem}.principle>span{color:var(--muted);font-family:var(--display);font-variant-numeric:tabular-nums;font-size:.82rem}.principle h3{font-size:1.3rem}.principle p{color:var(--ink-soft);grid-column:2;margin-top:.7rem;font-size:.88rem}.founder-card{grid-template-columns:160px minmax(0,720px);justify-content:center;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.founder-mark{border:1px solid var(--line);background:var(--panel);width:160px;height:160px;box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid}.founder-mark .brand-mark{width:80px}.founder-card blockquote{max-width:25ch;font-family:var(--display);margin-top:.75rem;font-size:clamp(1.8rem,3.5vw,3rem);font-style:italic;line-height:1.3}.founder-card blockquote+p{max-width:62ch;color:var(--ink-soft);margin-top:1.4rem}.founder-card .text-link{margin-top:1.3rem}.final-cta-section{padding-top:clamp(3rem,6vw,5.5rem)}.pricing-section{border-top:1px solid var(--line-soft);background:radial-gradient(circle at 50% 0%, var(--clay), transparent 38%), var(--paper-2)}@supports (color:color-mix(in lab, red, red)){.pricing-section{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--clay) 10%, transparent), transparent 38%), var(--paper-2)}}.pricing-heading{text-align:center;margin-inline:auto}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.pricing-card{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:355px;box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;padding:clamp(1.6rem,3vw,2.25rem);display:flex}.pricing-card-featured{border-color:var(--clay)}@supports (color:color-mix(in lab, red, red)){.pricing-card-featured{border-color:color-mix(in srgb, var(--clay) 68%, var(--line))}}.pricing-card-featured{box-shadow:0 18px 45px var(--clay), inset 0 3px 0 var(--clay)}@supports (color:color-mix(in lab, red, red)){.pricing-card-featured{box-shadow:0 18px 45px color-mix(in srgb, var(--clay) 16%, transparent), inset 0 3px 0 var(--clay)}}.pricing-kicker{color:var(--clay-ink);letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:750}.pricing-card h2{margin-top:.65rem;font-size:clamp(1.65rem,2.7vw,2.25rem)}.pricing-price{color:var(--ink);font-family:var(--display);margin-top:1.35rem;font-size:1.15rem;font-style:italic}.pricing-card>p:not(.pricing-kicker):not(.pricing-price){color:var(--ink-soft);margin-top:.8rem;line-height:1.65}.pricing-card .button{width:100%;margin-top:auto}.pricing-note{max-width:72ch;color:var(--ink-muted);text-align:center;margin:1.5rem auto 0;font-size:.82rem;line-height:1.6}.final-cta{text-align:center;max-width:840px}.final-cta h2{margin-top:.7rem}.final-cta>p:not(.eyebrow){max-width:62ch;color:var(--ink-soft);margin:1.2rem auto 0}.final-cta .button-row{justify-content:center;margin-top:2rem}.final-cta>.button{margin-top:2rem}.capability-section{border-bottom:1px solid var(--line-soft)}.capability-sampler{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.capability-card{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;padding:clamp(1.35rem,3vw,2rem);display:flex}.capability-card button,.capability-card input{cursor:pointer}.capability-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.capability-card-head h3{max-width:20ch;margin-top:.55rem;font-size:clamp(1.45rem,2.5vw,2rem)}.capability-badge{border:1px solid var(--quiet-line);color:var(--sage-ink);background:var(--sage-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.62rem;font-weight:750}.voicing-buttons button{border:1px solid var(--line);background:var(--paper);min-height:38px;color:var(--ink-soft);border-radius:8px;padding:.5rem .7rem;font-size:.72rem;font-weight:700}.voicing-buttons button:hover{border-color:var(--clay);color:var(--ink)}.voicing-buttons button.is-active{border-color:var(--clay);background:var(--clay);color:var(--button-ink)}.practice-panel-capture{border:1px solid var(--line);background:#211d17;border-radius:12px;margin-top:1.7rem;overflow:hidden;box-shadow:0 12px 24px #30251b26}.practice-panel-capture img{width:100%;height:auto;display:block}.practice-panel-capture figcaption{color:#b5aa96;text-align:center;background:#292420;border-top:1px solid #3a332a;padding:.6rem .75rem;font-size:.62rem}.sampler-result{color:var(--ink-soft);margin:1.1rem 0 1rem;font-size:.75rem;line-height:1.55}.capability-card>.text-link{margin-top:auto}.voicing-buttons{gap:.45rem;margin-top:1.7rem;display:flex}.voicing-buttons button{min-width:78px}.voicing-display{border:1px solid var(--line);background:var(--paper-2);border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:1.2rem;margin-top:.9rem;padding:1rem;display:grid}.voicing-notes{align-items:center;gap:.4rem;display:flex}.voicing-notes span{aspect-ratio:1;border:1px solid var(--quiet-line);background:var(--panel-strong);width:clamp(36px,5vw,48px);color:var(--ink);font-family:var(--display);box-shadow:var(--shadow-button);border-radius:50%;place-items:center;font-size:1rem;display:grid}.voicing-name{text-align:right;min-width:92px;display:grid}.voicing-name span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.voicing-name strong{color:var(--clay-ink);font-family:var(--display);margin-top:.15rem;font-size:1.45rem}.harmony-readout{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:.9rem;display:grid;overflow:hidden}.harmony-readout>div{background:var(--panel-strong);padding:.75rem}.harmony-readout>div+div{border-left:1px solid var(--line)}.harmony-readout dt{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:750}.harmony-readout dd{color:var(--ink);margin-top:.2rem;font-size:.75rem;font-weight:650}.product-nav{z-index:90;top:var(--site-header-height);border-bottom:1px solid var(--line-soft);background:var(--paper-2);position:sticky}@supports (color:color-mix(in lab, red, red)){.product-nav{background:color-mix(in srgb, var(--paper-2) 92%, transparent)}}.product-nav{-webkit-backdrop-filter:blur(12px)}.product-nav .shell{scrollbar-width:none;align-items:center;gap:1rem;min-height:44px;display:flex;overflow-x:auto}.product-nav .shell::-webkit-scrollbar{display:none}.product-nav a,.product-nav-name{color:var(--ink-soft);flex:none;font-size:.72rem;font-weight:700;text-decoration:none}.product-nav a:hover{color:var(--clay-ink)}.product-nav-name{color:var(--ink);font-family:var(--display);letter-spacing:.005em;align-items:center;gap:.775rem;margin-right:auto;font-size:1.6rem;font-weight:600;display:inline-flex}.product-nav-name .product-icon{width:35px}.product-nav-action{color:var(--clay-ink)!important}.workflow-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.workflow-step{background:var(--panel);min-height:290px;padding:1.65rem 1.35rem}.workflow-step>span{color:var(--muted);font-family:var(--display);font-size:.78rem}.workflow-step .eyebrow{margin-top:2.6rem}.workflow-step h3{margin-top:.7rem;font-size:1.38rem}.workflow-step>p:last-child{color:var(--ink-soft);margin-top:.8rem;font-size:.84rem}.feature-chapters{padding-block:0}.feature-chapter{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding-block:clamp(5.5rem,10vw,9rem);display:grid}.feature-chapter:last-child{border-bottom:0}.feature-chapter-reverse .feature-copy{order:2}.feature-chapter-reverse .chapter-visual{order:1}.feature-copy h2{margin-top:.7rem;font-size:clamp(2.2rem,4.2vw,3.65rem)}.feature-copy>p:not(.eyebrow){color:var(--ink-soft);margin-top:1.2rem}.chapter-visual{min-width:0;position:relative}.score-chapter-visual{place-items:center;min-height:430px;display:grid}.score-chapter-visual .score-fragment{border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);grid-column:auto}.annotation-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);width:min(270px,72%);box-shadow:var(--shadow-card);padding:1rem 1.1rem;position:absolute;bottom:1rem;right:-1rem;transform:rotate(-2deg)}.annotation-card span,.annotation-card p{color:var(--muted);font-size:.68rem}.annotation-card strong{font-family:var(--display);margin-block:.35rem;font-size:1.05rem;display:block}.control-lab{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);padding:clamp(1.4rem,4vw,2.5rem)}.control-lab-head{color:var(--ink-soft);justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.control-lab-head strong{color:var(--ink)}.control-wave{align-items:center;gap:3px;height:110px;margin-block:1.4rem;display:flex;position:relative;overflow:hidden}.control-wave span{width:100%;height:calc(28% + (var(--index,1) * 1%));background:var(--clay);border-radius:2px;max-height:88%}@supports (color:color-mix(in lab, red, red)){.control-wave span{background:color-mix(in srgb, var(--clay) 62%, var(--line))}}.control-wave span:nth-child(3n){height:76%}.control-wave span:nth-child(4n){height:48%}.control-wave span:nth-child(5n){height:90%}.control-wave i{border:1px solid var(--clay);background:var(--clay);border-radius:6px;position:absolute;inset:4px 23% 4px 30%}@supports (color:color-mix(in lab, red, red)){.control-wave i{background:color-mix(in srgb, var(--clay) 11%, transparent)}}.control-row{border-top:1px solid var(--line-soft);color:var(--ink-soft);grid-template-columns:52px 1fr 42px;align-items:center;gap:.65rem;padding-block:.6rem;font-size:.72rem;display:grid}.control-row strong{color:var(--ink);text-align:right}.control-line{background:var(--line);border-radius:3px;height:3px;position:relative}.control-knob{border:3px solid var(--panel);background:var(--clay);width:13px;height:13px;box-shadow:0 0 0 1px var(--clay);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.speed-knob{left:38%}.pitch-knob{left:50%}.stem-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem;display:grid}.stem-grid span{border:1px solid var(--line);color:var(--ink-soft);border-radius:7px;padding:.6rem .7rem;font-size:.7rem}.stem-grid .stem-muted{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-ink)}.library-visual{min-height:410px}.setlist-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(420px,90%);min-height:330px;box-shadow:var(--shadow-card);padding:1.7rem;position:absolute}.setlist-card span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:700}.setlist-card strong{border-top:1px solid var(--line-soft);font-family:var(--display);margin-top:1.2rem;padding-top:1rem;font-size:1.05rem;display:block}.setlist-card p{color:var(--muted);margin-top:.25rem;font-size:.72rem}.setlist-audio{border-top:1px solid var(--line-soft);margin-top:1rem;padding-top:.8rem}.setlist-audio span{color:var(--ink-soft);letter-spacing:.04em;text-transform:none;margin-bottom:.45rem;font-size:.68rem;display:block}.setlist-audio audio{width:100%;height:32px;display:block}.setlist-card-front{z-index:2;top:0;left:0;transform:rotate(-1.2deg)}.setlist-card-back{z-index:1;background:var(--gold-soft);bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.setlist-card-back{background:color-mix(in srgb, var(--gold-soft) 34%, var(--panel))}}.setlist-card-back{transform:rotate(4deg)}.privacy-panel{grid-template-columns:.9fr 1fr;gap:clamp(3rem,8vw,8rem);padding:clamp(2.5rem,6vw,5.2rem);display:grid}.privacy-panel h2{max-width:12ch;margin-top:.7rem}.privacy-panel>div:last-child{align-self:end}.details-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.details-grid h2{margin-top:.7rem;font-size:clamp(2.3rem,4.5vw,3.8rem)}.details-grid .lede{margin-top:1.1rem}.spec-list{border-top:1px solid var(--line)}.spec-list>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:1.4rem;padding-block:1.1rem;display:grid}.spec-list dt{color:var(--ink);font-weight:700}.spec-list dd{color:var(--ink-soft)}.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(3rem,8vw,8rem);display:grid}.faq-grid>div:first-child>p:last-child{color:var(--ink-soft);margin-top:1.1rem}.faq-grid h2{margin-top:.7rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-family:var(--display);padding:1.2rem 2rem 1.2rem 0;font-size:1.13rem;font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--clay-ink);content:"+";font-family:var(--sans);font-size:1.25rem;font-weight:400;position:absolute;top:1.05rem;right:0}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:68ch;color:var(--ink-soft);padding:0 2rem 1.25rem 0;font-size:.9rem}.lessons-adaptive-section{border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 8% 12%, var(--clay-soft), transparent 34%), radial-gradient(circle at 92% 88%, var(--sage-soft), transparent 36%), var(--paper-2);scroll-margin-top:120px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lessons-adaptive-section{background:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--clay-soft) 70%, transparent), transparent 34%), radial-gradient(circle at 92% 88%, color-mix(in srgb, var(--sage-soft) 70%, transparent), transparent 36%), var(--paper-2)}}.lessons-adaptive-intro{grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);align-items:end;gap:clamp(2rem,7vw,7rem);margin-bottom:clamp(2rem,4vw,3rem);display:grid}.lessons-adaptive-intro h2{max-width:12ch;margin-top:.65rem;font-size:clamp(2.7rem,5.6vw,5.2rem)}.lessons-adaptive-intro .lede{max-width:52ch;color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.5vw,1.2rem)}.lessons-adaptive-video{border:1px solid var(--ink);margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lessons-adaptive-video{border:1px solid color-mix(in srgb, var(--ink) 46%, var(--line))}}.lessons-adaptive-video{background:var(--dark-panel);border-radius:22px;box-shadow:inset 0 1px #ffffff1f,0 34px 80px #2b27213d}.lessons-adaptive-video video{aspect-ratio:16/9;object-fit:cover;background:var(--paper);width:100%;height:auto;display:block}.lessons-hotkey-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);box-shadow:var(--shadow-card);grid-template-columns:repeat(5,1fr);gap:1px;margin-top:1.15rem;display:grid;overflow:hidden}.lessons-hotkey-strip>span{background:var(--panel);align-items:center;gap:.75rem;min-width:0;padding:.9rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.lessons-hotkey-strip>span{background:color-mix(in srgb, var(--panel) 93%, var(--clay-soft))}}.lessons-hotkey-strip kbd{border:1px solid var(--clay);flex:none;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.lessons-hotkey-strip kbd{border:1px solid color-mix(in srgb, var(--clay) 70%, var(--line))}}.lessons-hotkey-strip kbd{background:var(--clay);box-shadow:0 3px 0 var(--clay-ink);color:var(--button-ink);font:800 .72rem/1 var(--sans);border-radius:8px}.lessons-hotkey-strip .hotkey-icon{width:1.35rem;height:1.35rem;color:var(--clay-ink);flex:none;place-items:center;display:grid}.lessons-hotkey-strip .hotkey-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:100%;height:100%}.lessons-hotkey-strip strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:720;overflow:hidden}.learning-moments{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.learning-moments article{background:var(--panel);min-height:250px;padding:clamp(1.5rem,3vw,2.3rem)}.learning-moments article>span{color:var(--muted);font-family:var(--display);font-size:.78rem}.learning-moments h3{margin-top:2.2rem;font-size:1.75rem}.learning-moments p{color:var(--ink-soft);margin-top:.8rem;font-size:.88rem}.learning-line{grid-template-columns:12px 1fr 12px 1fr 12px;align-items:center;width:min(560px,90%);margin:2.1rem auto 0;display:grid}.learning-line span{border:3px solid var(--paper);background:var(--clay);width:12px;height:12px;box-shadow:0 0 0 1px var(--clay);border-radius:50%}.learning-line i{background:var(--clay);height:1px}.note-mirror{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:clamp(1.4rem,4vw,2.4rem);display:grid}.hand-shape{grid-template-columns:repeat(5,1fr);align-items:end;gap:.3rem;display:grid}.hand-shape span{border:1px solid var(--line);background:var(--panel-strong);min-height:120px;color:var(--ink-soft);box-shadow:inset 0 -4px 0 var(--clay-soft);border-radius:6px 6px 10px 10px;place-items:end center;padding-bottom:.7rem;font-size:.7rem;display:grid}.hand-shape span:nth-child(2),.hand-shape span:nth-child(4){background:var(--clay-soft);min-height:145px}.mirror-arrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;font-size:.62rem}.mirror-result{border-radius:var(--radius);background:var(--paper-2);text-align:center;flex-direction:column;justify-content:center;min-height:180px;padding:1.3rem;display:flex}.mirror-result strong{font-family:var(--display);font-size:clamp(1.8rem,4vw,3rem)}.mirror-result span,.mirror-result p{color:var(--ink-soft);font-size:.72rem}.mirror-result p{color:var(--clay-ink);margin-top:.7rem}.harmony-orbit{min-height:460px}.orbit-center,.orbit-item{z-index:2;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-card);text-align:center;border-radius:50%;place-items:center;display:grid;position:absolute}.orbit-center{width:140px;height:140px;color:var(--clay-ink);font-family:var(--display);font-size:1.7rem;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-item{width:88px;height:88px;color:var(--ink-soft);font-size:.7rem}.orbit-key{top:3%;left:40%}.orbit-scale{top:36%;right:2%}.orbit-notes{bottom:2%;right:30%}.orbit-voice{top:42%;left:1%}.orbit-ring{z-index:0;border:1px dashed var(--line);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring-one{width:280px;height:280px}.orbit-ring-two{border-color:var(--line-soft);width:410px;height:410px}.live-room-visual{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid}.room-person{color:var(--ink-soft);justify-items:center;gap:.5rem;font-size:.7rem;display:grid}.room-avatar{border:1px solid var(--line);background:var(--paper-2);width:64px;height:64px;color:var(--clay-ink);font-family:var(--display);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.room-connection{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;font-size:.58rem;display:grid}.room-connection i{background:var(--sage);height:1px}.room-score{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;grid-column:1/-1;padding:1rem}.lesson-principles{padding:clamp(2.5rem,6vw,5.2rem)}.lesson-principles>div:first-child{max-width:700px}.lesson-principles h2{margin-top:.7rem}.lesson-principle-grid{background:var(--dark-ink);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.lesson-principle-grid{background:color-mix(in srgb, var(--dark-ink) 14%, transparent)}}.lesson-principle-grid article{background:var(--dark-panel);padding:1.5rem}.lesson-principle-grid span{color:#d1a864;font-family:var(--display);font-size:.75rem}.lesson-principle-grid h3{margin-top:1.5rem;font-size:1.4rem}.lesson-principle-grid p{margin-top:.7rem;font-size:.84rem}.manifesto-hero{padding-bottom:clamp(4rem,8vw,7rem)}.manifesto-hero-inner{max-width:1000px}.manifesto-hero .brand-lockup{margin-bottom:2.5rem}.manifesto-hero h1{max-width:17ch;margin-top:.8rem;font-size:clamp(3rem,6.5vw,6.2rem)}.manifesto-hero h1 em{color:var(--clay-ink);font-style:italic}.manifesto-hero .lede{max-width:67ch;margin-top:1.6rem}.manifesto-opening{border-block:1px solid var(--line-soft);background:var(--paper-2);padding-block:clamp(3.5rem,7vw,6rem)}.manifesto-opening-grid{grid-template-columns:repeat(2,1fr);gap:clamp(3rem,8vw,8rem);display:grid}.manifesto-opening h2{margin-top:.7rem;font-size:clamp(2rem,3.5vw,3rem)}.manifesto-opening p:last-child{color:var(--ink-soft);margin-top:1.1rem}.origin-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(3rem,9vw,9rem);display:grid}.origin-note blockquote{max-width:12ch;color:var(--clay-ink);font-family:var(--display);margin-top:.75rem;font-size:clamp(2.1rem,4.3vw,3.8rem);font-style:italic;line-height:1.23}.manifesto-prose{max-width:64ch;color:var(--ink-soft);font-size:1.05rem}.manifesto-principles{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.manifesto-principles li{border-bottom:1px solid var(--line);grid-template-columns:78px 1fr;gap:clamp(1.5rem,4vw,3.5rem);padding-block:clamp(2rem,4vw,3.5rem);display:grid}.manifesto-number{color:var(--muted);font-family:var(--display);font-size:.86rem}.manifesto-principles h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}.principle-short{color:var(--clay-ink);font-family:var(--display);margin-top:.45rem;font-size:1.05rem;font-style:italic}.principle-copy>p:last-of-type{max-width:72ch;color:var(--ink-soft);margin-top:.8rem}.principle-visual{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-lg);background:#24211d;width:10rem;margin:0;overflow:hidden;box-shadow:0 1rem 2.5rem #231d171f}.principle-visual img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.principle-content.has-visual{grid-template-columns:minmax(0,1fr) 10rem;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.naming-section{border-block:1px solid var(--line-soft);background:var(--paper-2)}.naming-grid{grid-template-columns:220px minmax(0,700px);justify-content:center;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.naming-mark{width:220px;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.naming-mark .brand-mark{width:110px}.naming-grid h2{margin-top:.7rem}.naming-grid p:not(.eyebrow){color:var(--ink-soft);margin-top:1.15rem}.manifesto-question-section{padding-block:clamp(5rem,11vw,10rem)}.manifesto-question{text-align:center}.manifesto-question blockquote{max-width:27ch;font-family:var(--display);margin:1.2rem auto 0;font-size:clamp(2rem,5vw,4.8rem);font-style:italic;line-height:1.25}.maker-card{border-block:1px solid var(--line);grid-template-columns:120px minmax(0,720px);justify-content:center;align-items:start;gap:clamp(2rem,6vw,5rem);padding-block:clamp(2.4rem,5vw,4rem);display:grid}.maker-monogram{border:1px solid var(--line);background:var(--panel);width:120px;height:120px;color:var(--clay-ink);font-family:var(--display);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;font-size:2.4rem;display:grid}.maker-card h2{margin-top:.7rem;font-size:clamp(1.9rem,3.5vw,2.8rem)}.maker-card p:not(.eyebrow){color:var(--ink-soft);margin-top:1.1rem}.maker-card .text-link{margin-top:1.2rem}.access-hero{padding-bottom:clamp(3.8rem,7vw,6.5rem)}.access-hero-inner{max-width:900px}.access-hero h1,.access-hero h2{max-width:15ch;margin-top:.8rem;font-size:clamp(3rem,6.2vw,5.8rem)}.access-hero h1 em,.access-hero h2 em{color:var(--clay-ink);font-style:italic}.access-hero .lede{max-width:66ch;margin-top:1.5rem}.access-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.access-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:440px;box-shadow:var(--shadow-card);flex-direction:column;padding:clamp(1.7rem,4vw,3rem);display:flex}.access-index{color:var(--muted);font-family:var(--display);margin-bottom:2.5rem;font-size:.76rem}.access-card h2{margin-top:.7rem;font-size:clamp(2.2rem,4vw,3.4rem)}.access-description{color:var(--ink-soft);margin-top:1rem}.access-card .button{align-self:flex-start;margin-top:auto}.access-coming-soon{color:var(--muted);margin-top:.75rem;font-size:.72rem}.access-feedback{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,8rem);display:grid}.access-feedback h2{margin-top:.7rem}.access-feedback-copy p{color:var(--ink-soft)}.access-feedback-copy p+p{margin-top:1rem}.access-feedback-copy .button{margin-top:1.7rem}.access-direct{text-align:center;max-width:780px}.access-direct h1,.access-direct h2{margin-top:.7rem;font-size:clamp(2.6rem,6vw,5rem)}.contact-page-section{place-items:center;min-height:48vh;display:grid}.access-direct p:not(.eyebrow){max-width:58ch;color:var(--ink-soft);margin:1rem auto 0}.access-direct .button{margin-top:1.7rem}.instagram-section{overflow:hidden}.instagram-heading{text-align:center;margin-inline:auto;margin-bottom:clamp(2rem,4vw,3.5rem)}.instagram-heading .lede{margin-inline:auto}.social-platforms{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,2.5vw,1.5rem);width:min(100%,880px);display:grid}.social-platform{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;min-height:360px;box-shadow:var(--shadow-card);flex-direction:column;padding:clamp(1.1rem,2.5vw,1.5rem);display:flex}.social-card-header{align-items:center;gap:.75rem;margin-bottom:1.2rem;display:flex}.social-card-icon{aspect-ratio:1;border-radius:50%;flex:none;place-items:center;width:2.35rem;display:grid}.instagram-card-icon{background:var(--clay-soft);color:var(--clay-ink)}.social-card-header h3,.social-card-platform{color:var(--ink);margin:0;font-size:.95rem;font-weight:750;line-height:1.1}.social-card-header p:not(.social-card-platform){color:var(--muted);margin:.18rem 0 0;font-size:.82rem;font-weight:650}.instagram-post-grid{width:100%;display:block}.instagram-post{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;box-shadow:var(--shadow-card);color:var(--ink);aspect-ratio:16/9;text-decoration:none;display:block;position:relative;overflow:hidden;margin:0!important}.instagram-post img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.instagram-post:hover img{transform:scale(1.025)}.instagram-actions{margin-top:auto;padding-top:1.2rem;display:flex}.x-platform{align-items:flex-start}.x-platform-mark{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:1.3rem;font-weight:750;line-height:1}.social-image-preview{border:1px solid var(--line);border-radius:calc(var(--radius) - .25rem);background:var(--paper-2);width:100%;box-shadow:var(--shadow-card);aspect-ratio:16/9;margin-top:.25rem;display:block;overflow:hidden}.social-image-preview img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.social-image-preview:hover img{transform:scale(1.025)}.instagram-post img{object-position:center 38%}.x-platform .button{margin-top:auto}.facebook-platform{align-items:flex-start}.facebook-platform-mark{color:#fff;background:#1877f2;font-family:Arial,sans-serif;font-size:1.6rem;font-weight:800;line-height:1}.facebook-image-preview img{object-position:center}.facebook-platform .button{margin-top:auto}.facebook-mark{color:#1877f2;place-items:center;width:1rem;font-family:Arial,sans-serif;font-size:1.15rem;font-weight:800;line-height:1;display:inline-grid}.x-mark{place-items:center;width:1rem;font-size:1rem;font-weight:800;line-height:1;display:inline-grid}.instagram-logo{aspect-ratio:1;border:1.5px solid;border-radius:.28rem;width:1rem;position:relative}.instagram-logo:before,.instagram-logo:after{content:"";position:absolute}@media (width<=940px){.social-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.instagram-platform{grid-column:1/-1}}@media (width<=800px){.social-platforms{grid-template-columns:minmax(0,1fr)}.social-platform{min-height:0}.instagram-platform{grid-column:auto}}.instagram-logo:before{border:1.35px solid;border-radius:50%;inset:.2rem}.instagram-logo:after{aspect-ratio:1;background:currentColor;border-radius:50%;width:.15rem;top:.17rem;right:.17rem}.language-voice-section .section-heading{max-width:840px}.language-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-card);overflow-x:auto}.language-table{border-collapse:collapse;text-align:left;width:100%;min-width:820px}.language-table th,.language-table td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:1rem 1.1rem}.language-table thead th{color:var(--muted);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;font-size:.67rem;font-weight:800}.language-table tbody th{width:8.5rem;color:var(--ink);font-family:var(--display);font-size:1.02rem;font-weight:650}.language-table td{color:var(--ink-soft);font-size:.9rem;line-height:1.55}.language-table tr:last-child th,.language-table tr:last-child td{border-bottom:0}.site-footer{border-top:1px solid var(--line-soft);background:var(--paper-2);margin-top:clamp(2rem,5vw,5rem);padding-block:clamp(3.2rem,7vw,5.5rem) 2rem}.footer-grid{grid-template-columns:1.5fr .75fr .75fr;gap:3rem;display:grid}.footer-brand p{max-width:32ch;color:var(--ink-soft);margin-top:1rem}.footer-column{align-content:start;gap:.62rem;display:grid}.footer-column h2{color:var(--muted);font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:750}.footer-column a{color:var(--ink-soft);font-size:.84rem;text-decoration:none}.footer-column a:hover{color:var(--clay-ink);text-underline-offset:3px;text-decoration:underline}.footer-theme{border-top:1px solid var(--line);margin-top:2.4rem;padding-top:1.2rem;display:none}.footer-theme>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:750}.footer-theme .theme-control{margin-top:.8rem}.footer-base{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.2rem;font-size:.75rem;display:flex}.footer-legal{margin-left:auto;position:relative}.footer-legal summary{color:var(--ink-soft);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:7px;padding:.45rem .65rem;font-weight:750;list-style:none}.footer-legal summary::-webkit-details-marker{display:none}.footer-legal summary:after{content:"⌃";margin-left:.5rem;transition:transform .16s;display:inline-block}.footer-legal:not([open]) summary:after{transform:rotate(180deg)}.footer-legal summary:hover,.footer-legal summary:focus-visible{background:var(--quiet);color:var(--ink)}.footer-legal summary:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.footer-legal nav{z-index:20;border:1px solid var(--line);background:var(--panel-strong);min-width:245px;box-shadow:var(--shadow-card);border-radius:11px;display:grid;position:absolute;bottom:calc(100% + .55rem);right:0;overflow:hidden}.footer-legal a{color:var(--ink-soft);padding:.7rem .85rem;text-decoration:none}.footer-legal a:hover{background:var(--quiet);color:var(--ink)}.legal-page{padding-block:clamp(4rem,8vw,7rem)}.legal-document{max-width:760px}.legal-document h1{margin-top:.7rem;font-size:clamp(2.8rem,6vw,5.25rem)}.legal-updated{color:var(--ink-soft);margin-top:1rem;font-size:.82rem}.legal-content{color:var(--ink-soft);margin-top:clamp(2.5rem,5vw,4rem)}.legal-content section+section{margin-top:2.4rem}.legal-content h2{color:var(--ink);font-size:clamp(1.45rem,2.5vw,2rem)}.legal-content p,.legal-content li{line-height:1.75}.legal-content h2+p,.legal-content h2+ul{margin-top:.8rem}.legal-content ul{margin-bottom:0;padding-left:1.25rem}.legal-content a{color:var(--clay-ink)}@media (width<=1040px){.hero-grid,.product-story,.feature-chapter{grid-template-columns:1fr}.hero-copy,.hero-product{max-width:760px}.product-story-copy{max-width:700px}.product-story-reverse .product-story-copy,.product-story-reverse .product-window,.feature-chapter-reverse .feature-copy,.feature-chapter-reverse .chapter-visual{order:initial}.feature-copy{max-width:720px}.chapter-visual{width:min(720px,100%)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-step{min-height:240px}}@media (width<=1100px){.header-cta,.language-control label{display:none}}@media (width<=820px){.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:310px}.bundle-offer{grid-template-columns:1fr}.bundle-offer-copy h2{max-width:16ch}.site-header{position:relative}.header-inner{flex-wrap:wrap;padding-block:.875rem}.primary-nav{order:4;width:100%;margin:0 -.875rem;overflow-x:auto}.primary-nav a{flex:none}.header-actions,.language-control{margin-left:auto}.product-nav{position:relative;top:auto}html{scroll-padding-top:20px}.fact-grid{grid-template-columns:repeat(2,1fr)}.capability-sampler{grid-template-columns:1fr}.fact-grid>div{border-bottom:1px solid var(--line-soft);padding:1.25rem}.fact-grid>div:nth-child(2){border-right:0}.fact-grid>div:nth-child(3),.fact-grid>div:nth-child(4){border-bottom:0}.fact-grid>div:first-child{padding-left:1.25rem}.fact-grid>div:last-child{padding-right:1.25rem}.split-intro,.quiet-panel,.privacy-panel,.lessons-adaptive-intro,.details-grid,.faq-grid,.origin-grid,.access-feedback{grid-template-columns:1fr;gap:2.4rem}.lessons-adaptive-intro h2{max-width:14ch}.lessons-hotkey-strip{grid-template-columns:repeat(3,1fr)}.access-grid{grid-template-columns:1fr}.access-card{min-height:auto}.principle-grid{grid-template-columns:1fr}.principle,.principle:nth-child(odd),.principle:nth-child(2n){border-right:0;padding:1.7rem 0}.founder-card,.maker-card{grid-template-columns:1fr}.founder-mark{width:110px;height:110px}.founder-mark .brand-mark{width:58px}.lesson-principle-grid{grid-template-columns:1fr}.lesson-principle-grid article{border-bottom:1px solid var(--dark-ink)}@supports (color:color-mix(in lab, red, red)){.lesson-principle-grid article{border-bottom:1px solid color-mix(in srgb, var(--dark-ink) 14%, transparent)}}.manifesto-opening-grid{grid-template-columns:1fr}.naming-grid{grid-template-columns:1fr;justify-items:start}.naming-mark{width:150px;height:auto}.naming-mark .brand-mark{width:74px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=640px){.bundle-offer-action{flex-direction:column;align-items:stretch}.bundle-offer-action .button{width:100%}.bundle-offer-action small{text-align:center;max-width:none}.bundle-lesson-card{padding-inline:1.5rem}body{font-size:14px}.capability-card-head,.voicing-display{grid-template-columns:1fr;align-items:flex-start}.capability-card-head{display:grid}.capability-badge{width:max-content}.voicing-display{display:grid}.voicing-name{text-align:left}.harmony-readout{grid-template-columns:1fr}.harmony-readout>div+div{border-top:1px solid var(--line);border-left:0}.voicing-notes span{width:38px}.theme-name,.header-inner .theme-control{display:none}.language-control{order:3}.language-control select{max-width:7.2rem}.footer-theme{display:block}.hero{padding-top:3.5rem}.hero-copy h1,.product-hero .hero-copy h1{font-size:clamp(2.75rem,13vw,4.4rem)}.button-row{align-items:stretch}.button-row .button{flex:100%}.lessons-adaptive-video{margin-inline:calc(var(--gutter) * -.45);border-radius:14px}.lessons-hotkey-strip{grid-template-columns:repeat(2,1fr)}.lessons-hotkey-strip>span:last-child{grid-column:1/-1}.player-layout{grid-template-columns:88px 1fr;min-height:350px}.player-sidebar{padding-inline:.45rem}.score-sheet{width:calc(100% - 1.1rem);margin:.55rem auto;padding:.75rem}.score-meta span:last-child{display:none}.transport{padding-inline:.55rem}.transport-controls span:nth-child(n+3){display:none}.lesson-layout{grid-template-columns:1fr;min-height:370px}.harmony-panel{border-top:1px solid var(--line);border-left:0;grid-template-columns:1fr auto;gap:.25rem 1rem;display:grid}.harmony-panel .sidebar-label,.harmony-panel>strong,.harmony-panel>span{grid-column:1}.harmony-panel>strong{margin-top:.15rem}.harmony-panel button{grid-area:1/2/4;align-self:center;margin-top:0}.harmony-detail{display:none}.notation-stage{padding:.7rem}.lesson-staff{padding:.55rem}.keyboard{height:52px}.product-window figcaption{border-top:1px solid var(--line-soft);padding:.7rem;position:static}.fact-grid,.workflow-grid,.learning-moments{grid-template-columns:1fr}.fact-grid>div{border-right:0;border-bottom:1px solid var(--line-soft)!important}.fact-grid>div:last-child{border-bottom:0!important}.workflow-step,.learning-moments article{min-height:auto}.product-story{gap:2.3rem}.quiet-panel,.privacy-panel,.lesson-principles{padding:2rem 1.35rem}.stem-grid{grid-template-columns:1fr}.setlist-card{width:94%}.spec-list>div{grid-template-columns:1fr;gap:.25rem}.note-mirror{grid-template-columns:1fr}.mirror-arrow{writing-mode:initial;text-align:center}.hand-shape span{min-height:84px}.hand-shape span:nth-child(2),.hand-shape span:nth-child(4){min-height:108px}.harmony-orbit{transform-origin:50%;min-height:380px;transform:scale(.8)}.live-room-visual{grid-template-columns:auto 1fr auto;padding:1rem}.room-avatar{width:50px;height:50px}.room-connection span{display:none}.manifesto-principles li{grid-template-columns:44px 1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-base{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.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}.real-product-shot{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-window);background:#1f1a14;border-radius:16px;margin:0;position:relative;overflow:hidden}.real-product-shot img{aspect-ratio:1.53;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.real-product-shot figcaption{color:#cfc1ad;letter-spacing:.035em;background:#241e18;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:38px;padding:.58rem .8rem;font-size:.66rem;font-weight:650;display:flex}.hero-real-shot{--hero-product-mist:#e6ebf1;background:var(--hero-product-mist);border-color:#cfd9e3;overflow:visible;transform:rotate(.25deg)}.hero-product-layer-stack{aspect-ratio:1.53;background:#1f1a14;position:relative;overflow:hidden}.hero-real-shot .hero-product-layer-stack{background:radial-gradient(circle at 12% 12%, #ffffffe0, transparent 35%), linear-gradient(135deg, #f8fafc, var(--hero-product-mist))}.hero-real-shot figcaption{color:#26303c;background:#d8e0e8;border-top-color:#cfd9e3}.hero-visual-label,.demo-visual-label{z-index:3;color:#e7a084;text-shadow:0 1px 12px #0009;margin:0;position:absolute;top:-1.65rem;left:1.15rem}.demo-visual-toolbar{z-index:5;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:absolute;top:-2.55rem;left:0;right:0}.demo-visual-toolbar .demo-visual-label{text-shadow:none;margin:0;position:static}.demo-orientation-switch{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:3px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-orientation-switch{background:color-mix(in srgb, var(--panel) 92%, transparent)}}.demo-orientation-switch{box-shadow:0 8px 20px var(--ink)}@supports (color:color-mix(in lab, red, red)){.demo-orientation-switch{box-shadow:0 8px 20px color-mix(in srgb, var(--ink) 9%, transparent)}}.demo-orientation-switch button{min-height:28px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.66rem;font-weight:750;display:inline-flex}.demo-orientation-switch button:hover,.demo-orientation-switch button.is-active{color:#fff8f2;background:var(--clay)}.demo-orientation-icon{border:1.5px solid;border-radius:2px;width:11px;height:8px;display:inline-block}.demo-orientation-icon.is-portrait{width:7px;height:11px}.real-product-shot .hero-product-layer{aspect-ratio:1.53;object-fit:cover;border:0;border-radius:11px;width:66%;height:auto;display:block;position:absolute;box-shadow:0 1.4rem 2.5rem #00000059}.real-product-shot .hero-product-layer-player{z-index:1;filter:brightness(1.08)contrast(.96);top:6%;right:2%;transform:none;box-shadow:0 1.4rem 2.5rem #00000052}.real-product-shot .hero-product-layer-lessons{z-index:2;bottom:6%;left:2%;transform:none}.product-story>.real-product-shot{align-self:center}.demo-section{border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 92% 8%, var(--gold-soft), transparent 32%), var(--paper);padding-block:clamp(1.25rem,3vw,2.25rem)}@supports (color:color-mix(in lab, red, red)){.demo-section{background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--gold-soft) 56%, transparent), transparent 32%), var(--paper)}}#main>.player-demo-section,#main>.lessons-demo-section{padding-top:clamp(3rem,5vw,4rem)}.unmix-section,.player-details-group{background:var(--paper)}.player-details-group .unmix-section,.player-details-group .feature-chapters{background:0 0}.player-details-group .feature-chapters{border-top:1px solid var(--line-soft)}.unmix-grid{grid-template-columns:minmax(0,.8fr) minmax(360px,1fr);align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.unmix-window{color:#ece4d4;background-color:#292420;background-image:linear-gradient(165deg,#ffffff09 0%,#0000 46%,#00000029 100%);border:1px solid #3a332a;width:min(100%,390px);margin-inline:auto;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15.5px;overflow:hidden;box-shadow:-16px 0 40px #00000070}.unmix-window-bar{color:#ece4d4;background:#292420;border-bottom:1px solid #332d24;justify-content:space-between;align-items:center;gap:1rem;padding:19px 22px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,Times New Roman,serif;font-size:19px;font-weight:700;display:flex}.unmix-close{color:#b5aa96;width:40px;height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex}.unmix-close:hover,.unmix-close:focus-visible{color:#ece4d4;background:#1b1712}.unmix-panel-body{padding:16px}.unmix-parts-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.unmix-parts-label{color:#877d6b;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.unmix-confirmed{color:#c8c096;letter-spacing:.03em;background:#302e21;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:700;line-height:1.3}.unmix-parts-subtitle{color:#877d6b;font-size:13px}.unmix-track-list{position:relative}.unmix-track{border-bottom:1px solid #332d24;align-items:center;gap:10px;min-height:52px;padding:7px 0;display:flex}.unmix-track-icon{color:#b5aa96;background:#1b1712;border-radius:9px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.unmix-track-icon svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.unmix-track-name{color:#ece4d4;flex:none;width:88px;font-size:14px;font-weight:600;line-height:1.2}.unmix-track-mute{color:#b5aa96;cursor:pointer;background:#332c25;border:1px solid #463d33;border-radius:7.5px;flex:none;justify-content:center;align-items:center;padding:5px 9px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000038}.unmix-track-mute:hover,.unmix-track-mute:focus-visible{color:#ece4d4;border-color:#4e463b}.unmix-track-mute[aria-pressed=true]{color:#e09d80;background:#3d2c23;border-color:#0000}.unmix-track-fader{cursor:pointer;flex:1;min-width:40px;height:19px;display:block;position:relative}.unmix-track-fader:before{content:"";background:#1b1712;border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.unmix-track-fader input{z-index:3;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.unmix-fader-fill{pointer-events:none;background:#a49c70;border-radius:3px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.unmix-fader-thumb{pointer-events:none;background:#292420;border:2px solid #a49c70;border-radius:50%;width:19px;height:19px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000038}.unmix-clear,.unmix-restore{color:#b5aa96;cursor:pointer;background:#332c25;border:1px solid #463d33;border-radius:7.5px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:5px 10px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000038}.unmix-invite{background:#1b1712;border-radius:12px;padding:13px}.unmix-invite p{color:#b5aa96;margin:0 0 12px;font-size:13.5px;line-height:1.5}.unmix-invite strong{color:inherit}.unmix-invite .unmix-restore{color:#231c16;background:#c97f60;border-color:#c97f60;margin:0 0 9px}.unmix-invite>span{color:#877d6b;text-align:center;font-size:13px;display:block}.product-demo{min-width:0}.demo-intro{grid-template-columns:minmax(0,.9fr) minmax(280px,.65fr);align-items:end;gap:clamp(2rem,7vw,7rem);margin-bottom:clamp(.85rem,1.8vw,1.4rem);display:grid}.demo-intro h2{margin-top:.55rem}.demo-intro>p{max-width:50ch;color:var(--ink-soft);font-size:.92rem}.product-demo-replica>.demo-intro{text-align:center;display:block}.product-demo-replica>.demo-intro h2{max-width:24ch;margin-inline:auto}.product-demo-replica .demo-intro h2.demo-title-accent{color:var(--ink);font-family:var(--display);letter-spacing:-.018em;font-style:normal;font-weight:600}.player-demo-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.player-demo-layout>.demo-intro{text-align:left;margin:0;display:block}.player-demo-layout>.demo-intro h2{max-width:12ch;margin:0}.player-demo-layout .player-demo-description{max-width:43ch;margin:1rem 0 0}.player-demo-media{min-width:0;position:relative}.lessons-demo-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:.75rem clamp(2rem,5vw,5rem);display:grid}.lessons-demo-layout>.demo-intro-solo{text-align:left;max-width:none;margin:0;display:block}.lessons-demo-layout>.demo-intro-solo h2{max-width:12ch;margin:0}.lessons-demo-layout .lessons-demo-description{max-width:43ch;color:var(--ink-soft);margin:1rem 0 0;font-size:.94rem;line-height:1.65}.lessons-demo-description p{margin:0}.lessons-demo-layout>.demo-visual-frame{grid-column:2;min-width:0}.lessons-demo-layout>.tl-keymap{grid-column:2;width:100%;margin-top:0}.lessons-demo-layout>.lessons-demo-metadata{grid-column:2;width:100%}.demo-visual-frame,.unmix-demo-frame{position:relative}.player-demo-description{max-width:56ch;color:var(--ink-soft);margin:1.15rem auto 0;font-size:.94rem;line-height:1.65}.player-demo-description p{margin:0}.player-demo-description p+p{margin-top:.55rem}.player-demo-metadata{color:var(--ink-soft);letter-spacing:.04em;font-size:.78rem;line-height:1.6}.player-demo-metadata-below{text-align:center;margin:.9rem auto 0}.player-demo-metadata-below p{margin:0}.demo-product-lockup{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:.45rem;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.demo-product-lockup .tp-fermata{width:1.35rem;height:1.15rem}.player-demo-window,.lessons-demo-window{color:#e9dfcf;background:#211c16;border:1px solid #514538;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 30px 80px #2b27213d}.demo-app-bar{background:#282119;border-bottom:1px solid #463b30;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:58px;padding:.75rem 1rem;display:grid}.demo-app-bar>div:first-child{align-items:center;gap:.6rem;display:flex}.demo-app-bar strong{font-family:var(--display);font-size:1.03rem}.demo-mark{color:#d48663;font-size:1.65rem;font-weight:900;line-height:.5}.demo-app-note{color:#b6a894;letter-spacing:.05em;font-size:.7rem;font-weight:650}.demo-live-pill{color:#cdbda7;letter-spacing:.1em;text-transform:uppercase;border:1px solid #5a4d3e;border-radius:999px;justify-self:end;padding:.28rem .55rem;font-size:.58rem;font-weight:750}.player-demo-body{grid-template-columns:150px minmax(0,1fr) 164px;min-height:610px;display:grid}.demo-rail,.demo-practice-panel{background:#1d1813;flex-direction:column;gap:.3rem;min-width:0;padding:1rem .78rem;display:flex}.demo-rail{border-right:1px solid #40362c}.demo-practice-panel{border-left:1px solid #40362c}.demo-rail-heading{color:#9f917d;letter-spacing:.13em;text-transform:uppercase;margin:.4rem 0 .35rem;font-size:.56rem;font-weight:780}.demo-rail button,.demo-practice-panel button{color:#bfb19d;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;padding:.5rem .58rem;font-size:.68rem}.demo-rail button:hover,.demo-rail button.is-selected{color:#f0e8dc;background:#302820;border-color:#4f4235}.demo-rail button.is-selected{box-shadow:inset 2px 0 #d48663}.demo-practice-panel>strong{color:#eee5d8;font-family:var(--display)}.demo-practice-panel>p{color:#9f917d;margin-bottom:.35rem;font-size:.64rem;line-height:1.45}.demo-practice-panel button{background:#28211b;border-color:#40362c;justify-content:space-between;align-items:center;display:flex}.demo-practice-panel button b{color:#9cae86;text-transform:uppercase;font-size:.55rem}.demo-practice-panel button.is-muted{background:#b4654a24;border-color:#8c5a45}.demo-practice-panel button.is-muted b{color:#d48663}.demo-analysis{background:#28211b;border:1px solid #40362c;border-radius:9px;flex-direction:column;gap:.2rem;margin-top:auto;padding:.78rem;display:flex}.demo-analysis span,.demo-analysis small{color:#9f917d;font-size:.57rem}.demo-analysis strong{color:#eee5d8;font-family:var(--display);font-size:.9rem}.demo-player-stage{background:#1f1a15;grid-template-rows:auto minmax(300px,1fr) auto auto;min-width:0;display:grid}.demo-score-toolbar{color:#b9aa96;border-bottom:1px solid #40362c;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.55rem .8rem;display:flex}.demo-score-toolbar>div{align-items:center;gap:.42rem;display:flex}.demo-score-toolbar button,.demo-transport button{color:#cdbfae;cursor:pointer;background:#2d261f;border:1px solid #514438;border-radius:7px;min-height:30px;padding:.38rem .58rem;font-size:.63rem;font-weight:650}.demo-score-toolbar button:disabled{cursor:not-allowed;opacity:.4}.demo-tool-group button{text-transform:capitalize}.demo-score-toolbar button.is-active,.demo-transport button.is-active{color:#fff5e9;background:#7f4b38;border-color:#d48663}.demo-score-page{color:#2b2721;cursor:crosshair;text-align:left;background:#fffdf8;border:1px solid #d8cebc;border-radius:4px;width:min(76%,520px);min-height:330px;margin:1.2rem auto;padding:1.35rem 1.8rem;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000047}.demo-score-title{color:#453e35;font-family:var(--display);letter-spacing:.08em;justify-content:space-between;align-items:baseline;display:flex}.demo-score-title small{color:#756e62;font-family:var(--sans);letter-spacing:.04em;font-size:.52rem}.demo-staff{background:repeating-linear-gradient(#0000 0 10px,#2b27218f 10px 11px,#0000 11px 20px);height:78px;margin-top:1.25rem;position:relative}.demo-staff-compact{height:62px;margin-top:.7rem;transform:scaleY(.9)}.demo-clef{font-family:var(--display);font-size:2.6rem;position:absolute;top:-4px;left:2px}.demo-score-note{background:#332e28;border-radius:50%;width:10px;height:7px;position:absolute;transform:rotate(-15deg)}.demo-score-note:after{content:"";background:#332e28;width:1px;height:25px;position:absolute;bottom:4px;left:8px}.demo-score-note.is-active{background:#b5654a;box-shadow:0 0 0 4px #b5654a29}.demo-score-note.is-active:after{background:#b5654a}.demo-annotation{color:#a6573d;font-family:var(--display);font-size:.78rem;font-style:italic;position:absolute;bottom:22%;right:17%;transform:rotate(-4deg)}.demo-annotation-highlight{color:#54492e;font-family:var(--sans);background:#e7c15b66;padding:.1rem .24rem;font-style:normal;transform:none}.demo-input-lane{color:#a99b88;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #40362c;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.55rem .85rem;font-size:.58rem;font-weight:700;display:grid}.demo-input-lane i{opacity:.7;background:linear-gradient(90deg,#0000 0 2%,#6b5949 2% 4%,#0000 4% 7%,#6b5949 7% 8%,#0000 8%) 0/18px 100% repeat-x;height:18px}.demo-input-lane b{color:#9cae86;font-size:.52rem}.demo-transport{background:#29221b;border-top:1px solid #40362c;padding:.75rem .85rem .9rem}.demo-wave{align-items:center;gap:2px;height:58px;display:flex;position:relative;overflow:hidden}.demo-wave>span{opacity:.82;background:#8c5943;border-radius:2px;width:100%;min-width:2px}.demo-loop-region{border:1px solid #d48663;background:#d486631a;border-inline-width:3px;border-radius:4px;position:absolute;inset:4px 28% 4px 29%}.demo-moving-playhead{background:#f7ede0;width:2px;transition:left 60ms linear;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffffff73}.demo-transport-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.65rem;display:flex}.demo-transport-row>span{color:#9f917d;margin-left:auto;font-size:.6rem}.demo-transport .demo-play{color:#fff7ed;background:#b5654a;border-color:#c87959;min-width:64px}.demo-caption{max-width:88ch;color:var(--muted);margin-top:1rem;font-size:.72rem}.lessons-demo-window{color:#26303c;background:#e9eef4;border-color:#c7d2de}.lessons-demo-window.background-1{background:#ece8df}.lessons-demo-window.background-2{background:#e5ece8}.lessons-demo-bar{color:#26303c;background:#edf2f7;border-color:#cfd9e3}.lessons-demo-bar .demo-live-pill{color:#607083;border-color:#c6d3df}.demo-room-switch{justify-content:center;gap:.35rem;display:flex}.demo-room-switch button,.demo-media-controls button,.demo-panel-label button,.demo-piano-panel button,.demo-lesson-footer button,.meeting-return{color:#526174;cursor:pointer;background:#f8fafc;border:1px solid #c5d1dc;border-radius:999px;min-height:28px;padding:.34rem .54rem;font-size:.58rem;font-weight:700}.demo-room-switch button[aria-pressed=true]{color:#315b84;background:#dce8f3;border-color:#7797b8}kbd{background:currentColor;border:1px solid;border-radius:4px;place-items:center;min-width:1.5em;min-height:1.5em;padding:.08em .35em;display:inline-grid}@supports (color:color-mix(in lab, red, red)){kbd{background:color-mix(in srgb, currentColor 6%, transparent)}}kbd{font-family:var(--sans);font-size:.84em;font-weight:800;line-height:1}.lessons-demo-stage{grid-template-columns:minmax(0,1.5fr) minmax(170px,.58fr) minmax(210px,.72fr);gap:.55rem;min-height:390px;padding:.65rem;display:grid}.demo-camera-card,.demo-harmony-card,.demo-viewer-card,.demo-piano-panel,.demo-lesson-footer{background:#fafcfeeb;border:1px solid #cbd6e0;border-radius:12px;min-width:0;box-shadow:inset 0 1px #fffffff2}.demo-camera-card,.demo-harmony-card,.demo-viewer-card{padding:.68rem}.demo-camera-card.is-focused,.demo-viewer-card.is-focused,.demo-piano-panel.is-focused{outline-offset:-2px;outline:2px solid #668fb7}.demo-panel-label{color:#69798c;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.6rem;min-height:28px;font-size:.54rem;font-weight:780;display:flex}.demo-panel-label>div{gap:.35rem;display:flex}.demo-panel-label b{color:#7a8998;font-size:.5rem;font-weight:700}.demo-camera-still{color:#f1f5f8;background:linear-gradient(130deg,#ffffff14,#0000 40%),#1c2b34;border-radius:9px;place-items:center;min-height:290px;display:grid;position:relative;overflow:hidden}.demo-camera-still.is-mirrored .demo-person{transform:translate(-14%)scaleX(-1)}.photo-art-direction{color:#ffffffc2;letter-spacing:.05em;background:#0d181f8c;border:1px solid #ffffff38;border-radius:999px;padding:.28rem .45rem;font-size:.48rem;font-weight:700;position:absolute;top:.65rem;left:.7rem}.demo-person{width:92px;height:142px;transition:transform .18s;position:relative}.demo-person i{background:#8ca2ae;border-radius:50%;width:34px;height:34px;position:absolute;top:0;left:29px}.demo-person b{background:linear-gradient(140deg,#7894a3,#4c6979);border-radius:45px 45px 14px 14px;height:106px;position:absolute;bottom:0;left:5px;right:5px}.demo-camera-still>strong{font-family:var(--display);font-size:.76rem;position:absolute;bottom:.75rem;left:.8rem}.demo-studio-keys{background:repeating-linear-gradient(90deg,#f3f1e8 0 18px,#29333a 18px 20px);border:4px solid #40515a;border-radius:4px;width:58%;height:42px;position:absolute;bottom:14%;right:-5%;transform:rotate(-4deg)}.demo-media-controls{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.demo-media-controls button{border-radius:7px}.demo-harmony-card{flex-direction:column;display:flex}.demo-chord-name{font-family:var(--display);margin-top:.65rem;font-size:clamp(2.2rem,4vw,3.3rem);line-height:1}.demo-harmony-card>p{color:#5f6e7f;margin-top:.35rem;font-size:.68rem}.demo-theory-lines{border-top:1px solid #d4dde6;gap:.12rem;margin-top:1rem;padding-top:.7rem;display:grid}.demo-theory-lines span{color:#7b8997;letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem;font-size:.48rem;font-weight:750}.demo-theory-lines b{color:#536274;font-size:.58rem;font-weight:650}.demo-harmony-card .demo-staff{margin-top:auto}.demo-viewer-card{flex-direction:column;display:flex}.demo-panel-label button{min-height:23px;padding:.22rem .42rem}.demo-lesson-score{background:#fffdf8;border:1px solid #d9d7cf;border-radius:4px;flex:1;margin-top:.4rem;padding:.9rem;position:relative;overflow:hidden;box-shadow:0 5px 18px #26303c14}.demo-lesson-score>strong{font-family:var(--display);letter-spacing:.08em;font-size:.78rem;display:block}.demo-lesson-score>small{color:#7c7569;font-size:.48rem}.demo-lesson-score .demo-staff{height:58px;margin-top:.8rem}.demo-lesson-score em{color:#a65c42;font-family:var(--display);font-size:.58rem;position:absolute;bottom:.7rem;right:.7rem;transform:rotate(-3deg)}.demo-piano-panel{margin:0 .65rem .55rem;padding:.55rem .65rem .65rem}.demo-piano{background:#d2d9df;border:1px solid #c8d1da;border-radius:5px;align-items:flex-start;height:112px;display:flex;overflow:hidden}.demo-piano>button{background:linear-gradient(#fff,#edf0f2);border:0;border-right:1px solid #adb8c2;border-radius:0;flex:1 1 0;min-width:0;height:100%;padding:0;position:relative;box-shadow:inset 0 -6px 8px #5362741f}.demo-piano>button.is-black{z-index:2;color:#fff;background:linear-gradient(#1d252c,#34404a);max-width:5%;height:62%;margin-inline:-2.5%}.demo-piano>button.is-held{background:linear-gradient(#dbe8d6,#9db696);box-shadow:inset 0 -4px 7px #3e5e3833}.demo-piano>button.is-black.is-held{background:linear-gradient(#6f8c67,#405b3b)}.demo-piano>button span{color:#6e7b88;text-align:center;width:100%;font-size:.45rem;position:absolute;bottom:.3rem;left:0}.demo-piano>button.is-black span{color:#ced8df}.demo-lesson-footer{grid-template-columns:1fr auto minmax(220px,auto);align-items:center;gap:1rem;margin:0 .65rem .65rem;padding:.62rem .75rem;display:grid}.demo-lesson-footer>div{flex-direction:column;display:flex}.demo-lesson-footer>div span{color:#778695;letter-spacing:.1em;text-transform:uppercase;font-size:.48rem;font-weight:750}.demo-lesson-footer>div strong{font-family:var(--display);font-size:.82rem}.demo-lesson-footer button[aria-pressed=true]{color:#496242;background:#e1e9dc;border-color:#738c69}.demo-command-status{color:#687789;justify-self:end;font-size:.56rem}.demo-meeting-room{background:#1a2932;grid-template-columns:1fr 1fr;gap:.65rem;min-height:620px;padding:.65rem;display:grid;position:relative}.demo-meeting-room .demo-camera-still{border:1px solid #ffffff24;min-height:590px}.demo-meeting-room .is-remote{background:#263942}.meeting-return{position:absolute;bottom:1.2rem;right:1.2rem;box-shadow:0 5px 18px #00000038}.command-map{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-card);border-radius:14px;grid-template-columns:minmax(200px,.44fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);margin-top:1.2rem;padding:1.2rem;display:grid}.command-map h3{margin-top:.45rem}.command-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.command-grid button{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink-soft);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.45rem;padding:.48rem .55rem;font-size:.6rem;display:flex}.command-grid button:hover{border-color:var(--clay);color:var(--ink)}.command-grid kbd{min-width:2.2em;color:var(--clay-ink)}.photo-placeholder-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem;margin-bottom:clamp(2.2rem,5vw,4rem);display:grid}.photo-placeholder{border:1px dashed var(--quiet-line);background:var(--panel);min-height:350px;box-shadow:var(--shadow-card);border-radius:16px;grid-template-rows:1fr auto;display:grid;overflow:hidden}.photo-placeholder-scene{background:linear-gradient(135deg, var(--sage-soft), var(--clay-soft));min-height:220px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.photo-placeholder-scene{background:linear-gradient(135deg, color-mix(in srgb, var(--sage-soft) 60%, var(--paper)), color-mix(in srgb, var(--clay-soft) 66%, var(--paper)))}}.photo-placeholder-scene:after{border:1px solid var(--ink);position:absolute;inset:16px}@supports (color:color-mix(in lab, red, red)){.photo-placeholder-scene:after{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent)}}.photo-placeholder-scene:after{content:"";border-radius:10px}.photo-figure{z-index:2;background:var(--ink-soft);border-radius:36px 36px 12px 12px;width:60px;height:116px;position:absolute;bottom:20%;left:24%}@supports (color:color-mix(in lab, red, red)){.photo-figure{background:color-mix(in srgb, var(--ink-soft) 68%, var(--sage))}}.photo-figure:before{background:var(--ink-soft);border-radius:50%;width:34px;height:34px;position:absolute;top:-32px;left:14px}@supports (color:color-mix(in lab, red, red)){.photo-figure:before{background:color-mix(in srgb, var(--ink-soft) 58%, var(--gold))}}.photo-figure:before{content:""}.photo-figure-seated{height:96px;bottom:12%;left:27%;transform:rotate(-7deg)}.photo-figure-two{background:var(--clay);left:auto;right:21%}@supports (color:color-mix(in lab, red, red)){.photo-figure-two{background:color-mix(in srgb, var(--clay) 50%, var(--ink-soft))}}.photo-figure-two{transform:scaleX(-1)}.photo-instrument{z-index:3;border:7px solid var(--ink);width:48%;height:54px;position:absolute;bottom:16%;right:13%}@supports (color:color-mix(in lab, red, red)){.photo-instrument{border:7px solid color-mix(in srgb, var(--ink) 60%, transparent)}}.photo-instrument{background:repeating-linear-gradient(90deg,#f4efe3 0 21px,#2b2721 21px 23px);border-radius:5px;transform:rotate(-3deg)}.photo-screen{z-index:2;border:7px solid var(--ink);width:29%;height:37%;position:absolute;top:16%;right:12%}@supports (color:color-mix(in lab, red, red)){.photo-screen{border:7px solid color-mix(in srgb, var(--ink) 68%, transparent)}}.photo-screen{background:var(--paper);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.photo-screen{background:color-mix(in srgb, var(--paper) 88%, var(--sage-soft))}}.photo-screen{box-shadow:0 12px 26px #2b27212e}.photo-placeholder-duo .photo-instrument{width:76%;bottom:10%;right:12%}.photo-placeholder figcaption{border-top:1px solid var(--line-soft);padding:1rem}.photo-placeholder figcaption span{color:var(--clay-ink);letter-spacing:.11em;text-transform:uppercase;font-size:.58rem;font-weight:780}.photo-placeholder figcaption strong{font-family:var(--display);margin-top:.2rem;font-size:1.05rem;display:block}.photo-placeholder figcaption p{color:var(--ink-soft);margin-top:.35rem;font-size:.7rem;line-height:1.5}@media (width<=1020px){.player-demo-body{grid-template-columns:124px minmax(0,1fr)}.demo-practice-panel{border-top:1px solid #40362c;border-left:0;grid-column:1/-1;grid-template-columns:auto repeat(4,1fr) minmax(150px,1.25fr);align-items:center;display:grid}.demo-practice-panel>p,.demo-practice-panel>strong{display:none}.demo-analysis{margin-top:0}.lessons-demo-stage{grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)}.demo-viewer-card{grid-column:1/-1;min-height:260px}.demo-lesson-score{min-height:220px}.command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.demo-intro,.command-map,.photo-placeholder-grid,.player-demo-body{grid-template-columns:1fr}.demo-rail{display:none}.demo-practice-panel{grid-template-columns:repeat(2,1fr)}.demo-practice-panel .demo-rail-heading,.demo-analysis{grid-column:1/-1}.demo-app-bar{grid-template-columns:1fr auto}.demo-app-note{display:none}.demo-score-toolbar{flex-direction:column;align-items:flex-start}.demo-score-page{width:calc(100% - 1.2rem);min-height:310px;margin:.6rem auto;padding-inline:1rem}.demo-transport-row>span{width:100%;margin-left:0}.lessons-demo-bar{grid-template-columns:1fr}.demo-room-switch{justify-content:flex-start}.lessons-demo-bar .demo-live-pill{display:none}.lessons-demo-stage{grid-template-columns:1fr}.demo-camera-still{min-height:250px}.demo-viewer-card{grid-column:auto}.demo-lesson-footer{grid-template-columns:1fr}.demo-command-status{justify-self:start}.demo-meeting-room{grid-template-columns:1fr}.demo-meeting-room .demo-camera-still{min-height:300px}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-product-shot figcaption{flex-direction:column;align-items:flex-start;gap:.18rem}}@media (width<=480px){.demo-tool-group{width:100%}.demo-tool-group button{flex:1}.demo-score-title{flex-direction:column;align-items:flex-start;gap:.2rem}.demo-piano{height:92px}.demo-piano>button.is-black{max-width:7%;margin-inline:-3.5%}.command-grid{grid-template-columns:1fr}}@media (width<=760px){.unmix-grid{grid-template-columns:1fr}}@media (width<=480px){.unmix-window-bar{padding:8px 14px}.unmix-panel-body{padding:10px 12px}.unmix-parts-head{margin-bottom:5px}.unmix-track{gap:7px;min-height:38px;padding:3px 0}.unmix-track-icon{border-radius:8px;width:28px;height:28px}.unmix-track-name{width:72px;font-size:12.5px}.unmix-clear{margin-top:6px}.unmix-invite{padding:10px}.unmix-invite p{margin-bottom:8px;font-size:12px;line-height:1.35}.unmix-invite .unmix-restore{margin-bottom:6px}}.product-demo-replica>.replica-status,.player-demo-media>.replica-status{border:1px solid var(--line);background:var(--panel);width:min(100%,750px);min-height:38px;color:var(--ink-soft);opacity:1;text-align:center;margin-top:.75rem;border-radius:9px;justify-content:center;margin-inline:auto;padding:.55rem .75rem}.tp-app.theme-day{--tp-canvas:#f5f2ea;--tp-paper-2:#efece2;--tp-panel:#fbf9f4;--tp-ink:#2b2721;--tp-ink-soft:#6b6459;--tp-muted:#9c9484;--tp-line:#e5dfd2;--tp-line-soft:#ece7db;--tp-clay:#b5654a;--tp-clay-soft:#f2e2d9;--tp-clay-ink:#8f4a33;--tp-sage:#7d9070;--tp-amber:#bd9646;--tp-score-clay-base:#e9e0d3;--tp-score-clay-light:#fffbf58f;--tp-score-clay-shade:#754e361b;--tp-score-clay-bloom:#b5654a0d}.tp-app.theme-mist{--tp-canvas:#eef2f6;--tp-paper-2:#e6ebf1;--tp-panel:#f8fafc;--tp-ink:#26303c;--tp-ink-soft:#5a6a7c;--tp-muted:#8899a9;--tp-line:#d8e0e8;--tp-line-soft:#e2e8ee;--tp-clay:#5a7fa6;--tp-clay-soft:#dde7f0;--tp-clay-ink:#3d5f85;--tp-sage:#6f9a8d;--tp-amber:#b38d43;--tp-score-clay-base:#d9e2e8;--tp-score-clay-light:#fafdff8f;--tp-score-clay-shade:#374e6521;--tp-score-clay-bloom:#5a7fa613}.tp-app.theme-day,.tp-app.theme-mist{background:radial-gradient(110% 80% at 82% -10%, #ffcd7d1f, transparent 55%), var(--tp-canvas)}.tp-app.theme-day .tp-theme>i,.tp-app.theme-mist .tp-theme>i{background:var(--tp-clay-soft)}.tp-app.theme-day .tp-theme b{background:radial-gradient(circle at 35% 30%,#ffe4ac,#d99a4e);left:2px}.tp-app.theme-mist .tp-theme b{background:radial-gradient(circle at 35% 30%,#dcebfa,#7fa3c9);left:18.5px}.tp-app.theme-day .tp-top-actions>button,.tp-app.theme-day .tp-score-controls>button,.tp-app.theme-day .tp-segment button,.tp-app.theme-day .tp-input-lane>button,.tp-app.theme-day .tp-play-controls button,.tp-app.theme-day .tp-page-steppers button,.tp-app.theme-day .tp-leave-focus,.tp-app.theme-mist .tp-top-actions>button,.tp-app.theme-mist .tp-score-controls>button,.tp-app.theme-mist .tp-segment button,.tp-app.theme-mist .tp-input-lane>button,.tp-app.theme-mist .tp-play-controls button,.tp-app.theme-mist .tp-page-steppers button,.tp-app.theme-mist .tp-leave-focus{box-shadow:inset 0 1px #fff9,0 1px 2px #2b272114}.tp-repertoire-tiles{gap:7px;margin-top:6px;display:grid}.tp-repertoire-tiles>button{width:100%;color:var(--tp-ink);border:1px solid var(--tp-line);background:var(--tp-canvas);text-align:left;border-radius:9px;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.tp-repertoire-tiles>button:hover{border-color:var(--tp-clay);background:var(--tp-clay-soft)}.tp-repertoire-tiles button>i{background:var(--tp-paper-2);width:33px;height:33px;color:var(--tp-clay-ink);border-radius:8px;place-items:center;font-size:13px;font-style:normal;display:grid}.tp-repertoire-tiles button>span{gap:2px;display:grid}.tp-repertoire-tiles button strong{font-family:var(--replica-serif);font-size:13px;font-weight:650}.tp-repertoire-tiles button small{color:var(--tp-muted);font-size:8px}.tp-repertoire-tiles button>b{background:var(--tp-paper-2);min-width:19px;height:19px;color:var(--tp-muted);border-radius:999px;place-items:center;font-size:8px;display:grid}.tp-chart-footer{border-top:1px solid var(--tp-line-soft);gap:6px;margin-top:12px;padding-top:11px;display:flex}.tp-chart-footer button,.tp-drawer-back,.tp-use-demo,.tp-split-stems,.tp-clear-stems{min-height:27px;color:var(--tp-ink-soft);border:1px solid var(--tp-line);background:var(--tp-paper-2);border-radius:7px;padding:0 9px;font-size:9px;font-weight:650}.tp-chart-footer button:first-child,.tp-use-demo,.tp-split-stems{color:#231c16;border-color:var(--tp-clay);background:var(--tp-clay)}.tp-drawer-back{margin-top:13px}.tp-use-demo{width:100%;margin-top:8px}.tp-split-stems{width:100%;min-height:34px;margin-top:9px}.tp-clear-stems{width:100%;color:var(--tp-muted);margin-top:10px}.tp-rendering-card{color:#2b2721;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12%;display:flex;position:absolute;inset:0}.tp-rendering-card>strong{font-family:var(--replica-serif);font-size:1.2rem;font-weight:650}.tp-rendering-card>b{color:#6b6459;font-size:.68rem;font-weight:650}.tp-rendering-card>small{color:#8c8375;font-size:.56rem}.tp-rendering-staff{opacity:.62;background:repeating-linear-gradient(#0000 0 9px,#5f584d 10px,#0000 11px);border-left:1px solid #81796d;border-right:1px solid #81796d;width:78%;height:54px}.tp-play-controls .tp-record.is-recording{color:#fff1e9;border-color:var(--tp-clay);background:var(--tp-clay);animation:1s ease-in-out infinite tp-record-pulse}@keyframes tp-record-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--tp-clay) 22%, transparent)}}@media (width<=760px){.demo-visual-toolbar{justify-content:center}.demo-visual-toolbar .demo-visual-label{display:none}.player-demo-layout{grid-template-columns:1fr;gap:1.5rem}.player-demo-layout>.demo-intro{text-align:center}.player-demo-layout>.demo-intro h2,.player-demo-layout .player-demo-description{margin-inline:auto}.lessons-demo-layout{grid-template-columns:1fr;gap:1.5rem}.lessons-demo-layout>.demo-intro-solo{text-align:center}.lessons-demo-layout>.demo-intro-solo h2,.lessons-demo-layout .lessons-demo-description{margin-inline:auto}.lessons-demo-layout>.demo-visual-frame,.lessons-demo-layout>.tl-keymap,.lessons-demo-layout>.lessons-demo-metadata{grid-column:auto}.lessons-demo-layout>.tl-keymap{margin-top:0}.product-demo-replica .demo-intro{grid-template-columns:1fr;gap:1rem}.product-demo-replica>.replica-status{flex-direction:column;align-items:flex-start;gap:.2rem}.product-demo-replica .tl-keymap{grid-template-columns:1fr}}.tacet-metro{--tacet-metro-canvas:#f5f2ea;--tacet-metro-panel:#fbf9f4;--tacet-metro-paper-2:#efece2;--tacet-metro-ink:#2b2721;--tacet-metro-ink-soft:#6b6459;--tacet-metro-muted:#9c9484;--tacet-metro-line:#e5dfd2;--tacet-metro-line-soft:#ece7db;--tacet-metro-clay:#b5654a;--tacet-metro-clay-ink:#8f4a33;--tacet-metro-clay-soft:#f2e2d9;--tacet-metro-sage:#7d9070;width:100%;min-width:0;color:var(--tacet-metro-ink);flex-direction:column;gap:13px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.tp-metro-drawer{padding:0}.tp-metro-drawer .tacet-metro{--tacet-metro-canvas:var(--tp-canvas);--tacet-metro-panel:var(--tp-panel);--tacet-metro-paper-2:var(--tp-paper-2);--tacet-metro-ink:var(--tp-ink);--tacet-metro-ink-soft:var(--tp-ink-soft);--tacet-metro-muted:var(--tp-muted);--tacet-metro-line:var(--tp-line);--tacet-metro-line-soft:var(--tp-line-soft);--tacet-metro-clay:var(--tp-clay);--tacet-metro-clay-ink:var(--tp-clay-ink);--tacet-metro-clay-soft:var(--tp-clay-soft);--tacet-metro-sage:var(--tp-sage);min-height:100%;padding:16px}.tl-metronome .tacet-metro{--tacet-metro-canvas:var(--tl-paper);--tacet-metro-panel:var(--tl-card);--tacet-metro-paper-2:var(--tl-paper-2);--tacet-metro-ink:var(--tl-ink);--tacet-metro-ink-soft:var(--tl-ink-soft);--tacet-metro-muted:var(--tl-ink-mute);--tacet-metro-line:var(--tl-line);--tacet-metro-line-soft:var(--tl-line-soft);--tacet-metro-clay:var(--tl-clay);--tacet-metro-clay-ink:#8f4a33;--tacet-metro-clay-soft:#f2e2d9;--tacet-metro-sage:var(--tl-sage);padding:9px 10px 10px}.tacet-metro-header{border-bottom:1px solid var(--tacet-metro-line-soft);justify-content:space-between;align-items:flex-start;gap:10px;min-height:38px;padding-bottom:11px;display:flex}.tacet-metro-header-copy{gap:3px;min-width:0;display:grid}.tacet-metro-header-copy strong{font-family:var(--replica-serif);font-size:17px;font-weight:650}.tacet-metro-header-copy small{color:var(--tacet-metro-muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.tacet-metro-collapse,.tacet-metro-fader button,.tacet-metro-actions button{color:var(--tacet-metro-ink-soft);border:1px solid var(--tacet-metro-line);background:var(--tacet-metro-paper-2);box-shadow:none;justify-content:center;align-items:center;display:inline-flex}.tacet-metro-collapse{border-radius:7px;flex:none;width:27px;height:27px;padding:0;font-size:16px}.tacet-metro-workspace{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.tacet-metro-instrument{flex:none;width:150px;height:224px;position:relative;overflow:visible}.tacet-metro-case{border-radius:5px;position:absolute;inset:0;overflow:visible}.tacet-metro-case:before{z-index:0;border-radius:inherit;clip-path:polygon(31% 0,69% 0,100% 100%,0 100%);content:"";pointer-events:none;background:linear-gradient(158deg,#b56744 0%,#8a4a32 55%,#6f3a26 100%);position:absolute;inset:0;box-shadow:inset 0 2px #ffffff1f,inset 0 0 22px #00000047,0 12px 26px #2b272157}.tacet-metro-face{z-index:1;background:linear-gradient(#241812,#3a2618);border-radius:4px;width:22px;height:66%;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 6px #0009}.tacet-metro-scale{opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(#e9dcc080 0 1px,#0000 1px 11px);width:52px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.tacet-metro-arm{z-index:3;width:5px;height:172px;transform:translateX(-50%) rotate(var(--tacet-metro-arm-angle));transform-origin:bottom;transition:transform var(--tacet-metro-beat-duration) ease-in-out;background:linear-gradient(#f0e4c8,#cdb98f);border-radius:3px;position:absolute;bottom:-25px;left:50%}.tacet-metro-weight{z-index:5;top:var(--tacet-metro-weight-offset);outline-offset:3px;cursor:ns-resize;touch-action:none;background:linear-gradient(#e6d1a4,#c4a674);border:1px solid #9a7c4a;border-radius:2px;width:28px;height:15px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000004d}.tacet-metro-weight>span{background:#00000047;width:12px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #0000002e,0 -3px #0000002e}.tacet-metro-pivot{z-index:4;background:radial-gradient(circle at 35% 30%,#e6c98e,#a5793e);border-radius:50%;width:18px;height:18px;position:absolute;bottom:-29px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #6f3a26}.tacet-metro-readout{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.tacet-metro-beats{flex-wrap:wrap;justify-content:center;gap:8px;max-width:240px;min-height:13px;display:flex}.tacet-metro-beat{background:var(--tacet-metro-line);border-radius:50%;flex:none;width:10px;height:10px;transition:transform 70ms,background 70ms}.tacet-metro-beat.is-active{background:var(--tacet-metro-sage);transform:scale(1.3)}.tacet-metro-beat.is-accent.is-active{background:var(--tacet-metro-clay)}.tacet-metro-tempo{text-align:center;justify-items:center;gap:2px;display:grid}.tacet-metro-tempo>span{color:var(--tacet-metro-clay-ink);font-family:var(--replica-serif);font-size:13px}.tacet-metro-tempo>strong{font-family:var(--replica-serif);font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1}.tacet-metro-fader{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;width:100%;display:grid}.tacet-metro-fader button{border-radius:8px;width:34px;height:34px;padding:0;font-size:16px}.tacet-metro-fader input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.tacet-metro-fader input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tacet-metro-clay) 0, var(--tacet-metro-clay) calc(var(--tacet-metro-weight-ratio) * 100%), var(--tacet-metro-line) calc(var(--tacet-metro-weight-ratio) * 100%), var(--tacet-metro-line) 100%);border-radius:999px;height:4px}.tacet-metro-fader input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--tacet-metro-clay);background:var(--tacet-metro-panel);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #2b272129}.tacet-metro-fader input[type=range]::-moz-range-track{background:var(--tacet-metro-line);border-radius:999px;height:4px}.tacet-metro-fader input[type=range]::-moz-range-progress{background:var(--tacet-metro-clay);border-radius:999px;height:4px}.tacet-metro-fader input[type=range]::-moz-range-thumb{border:2px solid var(--tacet-metro-clay);background:var(--tacet-metro-panel);border-radius:50%;width:12px;height:12px}.tacet-metro-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tacet-metro-actions button{border-radius:8px;justify-content:space-between;gap:8px;min-height:34px;padding:0 11px;font-size:10px;font-weight:750}.tacet-metro-actions .tacet-metro-start{color:#fbf6f0;border-color:var(--tacet-metro-clay);background:var(--tacet-metro-clay)}.tacet-metro-actions .tacet-metro-start[aria-pressed=true]{color:var(--tacet-metro-clay-ink);background:var(--tacet-metro-clay-soft);border-color:#0000}.tacet-metro-actions kbd{color:inherit;opacity:.7;font-size:8px}.tacet-metro-meter{border:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;width:100%;margin:0;padding:0;display:grid}.tacet-metro-meter legend{width:100%;color:var(--tacet-metro-muted);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;align-items:baseline;margin:0 0 1px;padding:0;font-size:8px;font-weight:750;display:flex}.tacet-metro-meter legend small{letter-spacing:.08em;font-size:7px}.tacet-metro-meter-value,.tacet-metro-group{gap:4px;min-width:0;display:grid}.tacet-metro-meter-value>span,.tacet-metro-group>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tacet-metro-meter-value input,.tacet-metro-group input{width:100%;min-width:0;height:34px;color:var(--tacet-metro-ink);border:1px solid var(--tacet-metro-line);background:var(--tacet-metro-canvas);font-family:var(--replica-serif);text-align:center;border-radius:8px;outline:0;padding:5px 7px;font-size:18px;font-weight:600}.tacet-metro-meter-value input::-webkit-outer-spin-button{appearance:none;margin:0}.tacet-metro-meter-value input::-webkit-inner-spin-button{appearance:none;margin:0}.tacet-metro-meter-slash{color:var(--tacet-metro-muted);font-family:var(--replica-serif);padding-bottom:5px;font-size:22px}.tacet-metro-group{grid-column:1/-1}.tacet-metro-group input{text-align:left;padding-inline:10px;font-family:inherit;font-size:11px;font-weight:600}.tacet-metro-status{color:var(--tacet-metro-muted);text-align:center;margin:0;font-size:8px}.tacet-metro-compact{gap:8px}.tacet-metro-compact .tacet-metro-header{min-height:30px;padding-bottom:7px}.tacet-metro-compact .tacet-metro-header-copy{gap:1px}.tacet-metro-compact .tacet-metro-header-copy strong{font-size:13px}.tacet-metro-compact .tacet-metro-header-copy small{font-size:6.5px}.tacet-metro-compact .tacet-metro-collapse{width:23px;height:23px;font-size:13px}.tacet-metro-compact .tacet-metro-workspace{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;display:grid}.tacet-metro-compact .tacet-metro-instrument{width:90px;height:134px}.tacet-metro-compact .tacet-metro-case{transform-origin:0 0;width:150px;height:224px;transform:scale(.6)}.tacet-metro-compact .tacet-metro-readout{gap:8px}.tacet-metro-compact .tacet-metro-beats{gap:4px}.tacet-metro-compact .tacet-metro-beat{width:7px;height:7px}.tacet-metro-compact .tacet-metro-tempo>span{font-size:9px}.tacet-metro-compact .tacet-metro-tempo>strong{white-space:nowrap;font-size:24px}.tacet-metro-compact .tacet-metro-fader{grid-template-columns:24px minmax(18px,1fr) 24px;gap:5px}.tacet-metro-compact .tacet-metro-fader button{border-radius:6px;width:24px;height:24px;font-size:12px}.tacet-metro-compact .tacet-metro-actions{gap:6px}.tacet-metro-compact .tacet-metro-actions button{min-height:28px;padding:0 8px;font-size:8px}.tacet-metro-compact .tacet-metro-actions kbd{font-size:6px}.tacet-metro-compact .tacet-metro-meter{gap:5px}.tacet-metro-compact .tacet-metro-meter legend{font-size:6.5px}.tacet-metro-compact .tacet-metro-meter-value input,.tacet-metro-compact .tacet-metro-group input{border-radius:6px;height:27px;font-size:12px}.tacet-metro-compact .tacet-metro-group input{font-family:inherit;font-size:8px}.tacet-metro-compact .tacet-metro-status{display:none}.tl-metro-fold>span{align-items:center;gap:8px;display:inline-flex}.tl-metro-fold small{color:var(--tl-ink-mute);letter-spacing:.06em;font-size:6px;font-weight:700}.tl-metro-fold.is-running{color:#8f4a33;background:#f2e2d9}.tl-metronome{z-index:12;border:0;border-top:1px solid var(--tl-line);background:#f9fbfcfb;border-radius:10px 10px 0 0;padding:0;display:block;position:absolute;inset:50px 0 29px;overflow-y:auto;box-shadow:0 -8px 22px #29333b24}@media (prefers-reduced-motion:reduce){.tacet-metro-arm,.tacet-metro-beat{transition:none}}#main>.life-demo-section{background:radial-gradient(circle at 90% 4%, var(--clay-soft), transparent 30%), radial-gradient(circle at 8% 100%, var(--sage-soft), transparent 28%), var(--paper);padding-top:clamp(3rem,5vw,4rem)}@supports (color:color-mix(in lab, red, red)){#main>.life-demo-section{background:radial-gradient(circle at 90% 4%, color-mix(in srgb, var(--clay-soft) 76%, transparent), transparent 30%), radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--sage-soft) 60%, transparent), transparent 28%), var(--paper)}}.life-demo-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.life-demo-intro{text-align:left;min-width:0}.development-status{border:1px solid var(--clay);align-items:center;gap:.55rem;padding:.55rem .85rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.development-status{border:1px solid color-mix(in srgb, var(--clay) 50%, var(--line))}}.development-status{background:var(--clay-soft);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.development-status{background:color-mix(in srgb, var(--clay-soft) 58%, var(--panel))}}.development-status{box-shadow:var(--shadow-button);color:var(--clay-ink);letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:750;line-height:1.2}.development-status:before{background:var(--clay);content:"";width:.48rem;height:.48rem;box-shadow:0 0 0 4px var(--clay);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.development-status:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--clay) 16%, transparent)}}.demo-intro>.development-status{max-width:none;color:var(--clay-ink);margin:1.25rem 0 0;font-size:.7rem}.life-demo-intro h1{letter-spacing:-.045em;max-width:12ch;margin-top:0;font-size:clamp(2.7rem,4.5vw,4.25rem)}.life-demo-intro .lede{max-width:43ch;margin-top:1.25rem}.life-demo-intro>.development-status{margin-top:1.25rem}.life-app{--life-canvas:#121311;--life-panel:#191a17;--life-panel-2:#20211d;--life-line:#414238;--life-line-soft:#303129;--life-ink:#eee4d2;--life-soft:#b9ad99;--life-muted:#7e786b;--life-clay:#c86e4d;--life-sage:#919553;background:radial-gradient(circle at 72% 12%, #9195530e, transparent 24%), var(--life-canvas);min-height:700px;box-shadow:inset 0 1px 0 #ffffff0e, 0 30px 80px var(--ink);border:1px solid #4a493f;border-radius:18px;grid-template-columns:174px minmax(0,1fr) 238px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.life-app{box-shadow:inset 0 1px 0 #ffffff0e, 0 30px 80px color-mix(in srgb, var(--ink) 22%, transparent)}}.life-app{color:var(--life-ink)}.life-app-mist{--life-canvas:#eef2f6;--life-panel:#f8fafc;--life-panel-2:#f1f5f8;--life-line:#c9d5df;--life-line-soft:#dce4eb;--life-ink:#26303c;--life-soft:#536274;--life-muted:#7d8e9e;--life-clay:#5a7fa6;--life-sage:#638d80;border-color:var(--life-line);background:radial-gradient(circle at 72% 12%, #638d801a, transparent 28%), var(--life-canvas);box-shadow:inset 0 1px #ffffffe0,0 30px 80px #26303c29}.life-app-mist .life-app-sidebar{background:#f8fafcd6}.life-app-mist .life-app-sidebar nav>span.is-active{color:#3d5f85;background:#5a7fa626}.life-app-mist .life-month-grid>span.is-quiet{color:#a2afbb}.life-app-mist .life-event-panel{background:linear-gradient(145deg, #ffffffbf, transparent), var(--life-panel);box-shadow:0 12px 30px #26303c14}.life-app-mist .life-event-type{color:var(--life-clay)}.life-app-sidebar{border-right:1px solid var(--life-line);background:#10110fbd;flex-direction:column;min-width:0;display:flex}.life-app-brand{border-bottom:1px solid var(--life-line-soft);align-items:center;gap:.7rem;min-height:86px;padding-inline:1rem;display:flex}.life-app-brand .product-icon{width:2rem;box-shadow:none}.life-app-brand strong{font-family:var(--display);font-size:1.02rem}.life-app-sidebar nav{gap:.22rem;padding:.8rem;display:grid}.life-app-sidebar nav>span{min-height:42px;color:var(--life-soft);border-radius:8px;align-items:center;gap:.7rem;padding-inline:.7rem;font-size:.73rem;font-weight:650;display:flex}.life-app-sidebar nav>span.is-active{color:#f2aa8b;background:#c86e4d38}.life-nav-icon{border:1.4px solid;border-radius:3px;flex:none;width:15px;height:15px;display:inline-block;position:relative}.life-nav-icon-calendar:before,.life-nav-icon-calendar:after{content:"";background:currentColor;width:1.4px;height:5px;position:absolute;top:-3px}.life-nav-icon-calendar:before{left:3px}.life-nav-icon-calendar:after{right:3px}.life-nav-icon-event{border-radius:50%}.life-nav-icon-event:after,.life-nav-icon-task:after{content:"";border-bottom:1.4px solid;border-left:1.4px solid;width:6px;height:3px;position:absolute;top:3px;left:3px;transform:rotate(-45deg)}.life-nav-icon-crew{border-radius:50% 50% 45% 45%}.life-nav-icon-venue{border-radius:50% 50% 50% 0;transform:rotate(-45deg)scale(.8)}.life-nav-icon-file{border-radius:1px}.life-nav-icon-gear{border-radius:4px 4px 7px 7px}.life-calendar{min-width:0;padding:1.55rem}.life-calendar header{justify-content:space-between;align-items:flex-start;gap:1rem;min-height:62px;display:flex}.life-app-kicker{color:var(--life-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.55rem;font-weight:750}.life-calendar h2,.life-event-panel h2{color:var(--life-ink);margin-top:.2rem;font-size:clamp(1.55rem,3vw,2.2rem)}.life-calendar-actions{gap:.35rem;display:flex}.life-calendar-actions span{border:1px solid var(--life-line);min-width:34px;min-height:32px;color:var(--life-soft);border-radius:6px;place-items:center;padding-inline:.55rem;font-size:.64rem;display:inline-grid}.life-weekdays,.life-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.life-weekdays span{color:var(--life-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;padding-block:.8rem;font-size:.52rem;font-weight:750}.life-month-grid{border:1px solid var(--life-line);border-radius:9px;overflow:hidden}.life-month-grid>span{border-right:1px solid var(--life-line-soft);border-bottom:1px solid var(--life-line-soft);min-width:0;min-height:80px;color:var(--life-soft);align-content:start;justify-items:end;padding:.6rem;display:grid;position:relative}.life-month-grid>span:nth-child(7n){border-right:0}.life-month-grid>span:nth-last-child(-n+7){border-bottom:0}.life-month-grid b{aspect-ratio:1;width:1.55rem;font-family:var(--display);border-radius:50%;place-items:center;font-size:.9rem;font-weight:500;display:inline-grid}.life-month-grid>span.is-quiet{color:#5c5a51}.life-month-grid>span.is-active b{background:var(--life-clay);color:#fff7ef}.life-month-grid>span.is-selected{box-shadow:inset 0 0 0 1px var(--life-sage);background:#9195534d}.life-month-grid>span.is-selected b{box-shadow:inset 0 0 0 1px var(--life-sage)}.life-date-dot{background:var(--life-sage);border-radius:50%;width:5px;height:5px;margin:.35rem .65rem 0 0}.life-date-dot.is-show{background:var(--life-clay)}.life-event-panel{border:1px solid var(--life-line);background:linear-gradient(145deg, #ffffff08, transparent), var(--life-panel);border-radius:13px;align-self:stretch;margin:1rem 1rem 1rem 0;padding:1.4rem 1.2rem}.life-event-type{color:#e27f5a;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;display:inline-flex}.life-event-type i{aspect-ratio:1;background:var(--life-clay);border-radius:50%;width:.7rem}.life-event-date{color:var(--life-sage);align-items:baseline;gap:.45rem;margin-top:1.25rem;font-weight:700;display:flex}.life-event-date>span{letter-spacing:.08em;font-size:.58rem}.life-event-date strong{color:var(--life-ink);font-family:var(--display);font-size:2.8rem;font-weight:500;line-height:.9}.life-event-date sup{color:var(--life-sage);font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;vertical-align:super;margin-left:.08em;font-size:.25em;font-weight:750}.life-event-panel dl{border-top:1px solid var(--life-line);margin-top:2rem}.life-event-panel dl>div{border-bottom:1px solid var(--life-line-soft);padding-block:.8rem}.life-event-panel dt{color:var(--life-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.53rem;font-weight:750}.life-event-panel dd{color:var(--life-ink);font-family:var(--display);margin-top:.2rem;font-size:.95rem}.life-event-details{border-top:1px solid var(--life-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;display:grid}.life-event-details>div{border-bottom:1px solid var(--life-line-soft);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:.45rem;min-width:0;padding:.7rem .35rem .65rem 0;display:grid}.life-event-details>div:nth-child(2n){border-left:1px solid var(--life-line-soft);padding-left:.55rem;padding-right:0}.life-event-details i{aspect-ratio:1;border:1px solid var(--life-line);width:20px;color:var(--life-sage);border-radius:50%;place-items:center;font-size:.7rem;font-style:normal;line-height:1;display:grid}.life-event-details span{gap:.18rem;min-width:0;display:grid}.life-event-details small{color:var(--life-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.46rem;font-weight:750;line-height:1.25}.life-event-details strong{color:var(--life-soft);font-size:.58rem;font-weight:550;line-height:1.35}@media (width<=1100px){.life-app{grid-template-columns:116px minmax(0,1fr) 166px;min-height:640px}.life-app-brand{gap:.5rem;min-height:72px;padding-inline:.65rem}.life-app-brand strong{font-size:.86rem}.life-app-sidebar nav{padding:.5rem}.life-app-sidebar nav>span{gap:.5rem;min-height:38px;padding-inline:.45rem;font-size:.66rem}.life-calendar{padding:1rem .75rem}.life-calendar header{gap:.5rem}.life-calendar-actions span{min-width:28px;min-height:28px;padding-inline:.35rem}.life-month-grid>span{min-height:64px;padding:.35rem}.life-event-panel{grid-column:auto;margin:.65rem .65rem .65rem 0;padding:1rem .75rem}.life-event-panel dl{margin-top:1.25rem;display:block}.life-event-panel dl>div+div{border-left:0;padding-left:0}.life-event-details{grid-template-columns:1fr}.life-event-details>div:nth-child(2n){border-left:0;padding-left:0}}@media (width<=900px){.life-demo-layout{grid-template-columns:1fr;gap:1.5rem}.life-demo-intro{text-align:center}.life-demo-intro h1,.life-demo-intro .lede{margin-inline:auto}.life-app{grid-template-columns:146px minmax(0,1fr) 210px}.life-event-panel{margin:1rem 1rem 1rem 0;padding:1.4rem 1.2rem}.life-event-details{grid-template-columns:repeat(2,minmax(0,1fr))}.life-event-details>div:nth-child(2n){border-left:1px solid var(--life-line-soft);padding-left:.55rem}}@media (width<=680px){.life-app{grid-template-columns:1fr;min-height:0}.life-app-sidebar{border-right:0;border-bottom:1px solid var(--life-line)}.life-app-brand{min-height:64px}.life-app-sidebar nav{display:flex;overflow-x:auto}.life-app-sidebar nav>span{flex:none}.life-calendar{padding:1rem}.life-calendar-actions,.life-weekdays{display:none}.life-month-grid>span{min-height:54px;padding:.35rem}.life-date-dot{margin-right:.5rem}.life-event-panel{grid-column:auto;margin:1rem}}.life-fact-icon{border:1px solid var(--clay);place-items:center;display:grid!important}@supports (color:color-mix(in lab, red, red)){.life-fact-icon{border:1px solid color-mix(in srgb, var(--clay) 62%, var(--line))}}.life-fact-icon{font-family:var(--display);border-radius:7px;font-weight:700;font-size:.82rem!important;line-height:1!important}.life-workflow-section{border-bottom:1px solid var(--line-soft)}.life-workflow-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:clamp(2.5rem,8vw,8rem);display:grid}.life-workflow-intro h2,.life-production-copy h2{max-width:13ch;margin-top:.7rem;font-size:clamp(2.35rem,4.5vw,4rem)}.life-workflow-grid{background:var(--line);box-shadow:var(--shadow-card);border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(3rem,6vw,5rem);padding:1px;list-style:none;display:grid;overflow:hidden}.life-workflow-grid li{background:var(--panel);min-height:285px;padding:clamp(1.5rem,3vw,2.1rem)}.life-workflow-grid li>span{color:var(--clay-ink);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:750}.life-workflow-grid h3{max-width:13ch;margin-top:3rem;font-size:clamp(1.35rem,2.3vw,1.8rem)}.life-workflow-grid p{color:var(--ink-soft);margin-top:.9rem;font-size:.87rem}.life-production-section{overflow:hidden}.life-production-grid{grid-template-columns:minmax(0,.85fr) minmax(410px,1.15fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.life-production-copy>p:not(.eyebrow){color:var(--ink-soft);margin-top:1.2rem}.life-production-copy .detail-list{margin-top:1.6rem}.life-day-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-window);border-radius:16px;position:relative;overflow:hidden;transform:rotate(.7deg)}.life-day-card:before{background:var(--line-soft);content:"";width:1px;position:absolute;top:0;bottom:0;left:7.2rem}.life-day-card header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 100% 0%, var(--clay-soft), transparent 48%), var(--panel-strong);justify-content:space-between;align-items:center;gap:1rem;min-height:106px;padding:1.2rem 1.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.life-day-card header{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--clay-soft) 70%, transparent), transparent 48%), var(--panel-strong)}}.life-day-card header span:first-child{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.life-day-card h3{margin-top:.25rem;font-size:clamp(1.65rem,3vw,2.25rem)}.life-day-status{border:1px solid var(--sage);padding:.38rem .62rem}@supports (color:color-mix(in lab, red, red)){.life-day-status{border:1px solid color-mix(in srgb, var(--sage) 55%, var(--line))}}.life-day-status{background:var(--sage-soft);color:var(--sage-ink);border-radius:999px;font-size:.61rem;font-weight:750}.life-day-card ol{list-style:none}.life-day-card li{border-bottom:1px solid var(--line-soft);grid-template-columns:5.8rem 1fr;align-items:center;gap:1.7rem;min-height:82px;padding:.85rem 1.4rem;display:grid;position:relative}.life-day-card li:before{z-index:1;aspect-ratio:1;border:2px solid var(--panel);background:var(--clay);width:9px;box-shadow:0 0 0 1px var(--clay);content:"";border-radius:50%;position:absolute;top:50%;left:calc(7.2rem - 4px);transform:translateY(-50%)}.life-day-card li:first-child:before,.life-day-card li:nth-child(3):before{background:var(--sage);box-shadow:0 0 0 1px var(--sage)}.life-day-card time{color:var(--muted);font-size:.7rem;font-weight:700}.life-day-card li>div{min-width:0}.life-day-card li strong,.life-day-card li span{display:block}.life-day-card li strong{font-family:var(--display);font-size:1.06rem}.life-day-card li span{color:var(--muted);margin-top:.2rem;font-size:.66rem}.life-day-card footer{background:var(--gold-soft);justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:.9rem 1.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.life-day-card footer{background:color-mix(in srgb, var(--gold-soft) 24%, var(--panel))}}.life-day-card footer span,.life-day-card footer strong{font-size:.68rem}.life-day-card footer span{color:var(--muted);align-items:center;gap:.45rem;display:inline-flex}.life-day-card footer i{aspect-ratio:1;background:var(--gold);border-radius:50%;width:7px}.life-day-card footer strong{color:var(--clay-ink)}@media (width<=900px){.life-workflow-intro,.life-production-grid{grid-template-columns:1fr}.life-workflow-intro .lede,.life-production-copy{max-width:720px}.life-day-card{width:min(100%,720px)}}@media (width<=720px){.life-workflow-grid{grid-template-columns:1fr}.life-workflow-grid li{min-height:0}.life-workflow-grid h3{margin-top:1.8rem}}@media (width<=520px){.life-day-card:before{left:5.8rem}.life-day-card li{grid-template-columns:4.5rem 1fr;gap:1.3rem;padding-inline:1rem}.life-day-card li:before{left:calc(5.8rem - 4px)}.life-day-card footer{flex-direction:column;align-items:flex-start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
