/*! tailwindcss v4.3.0 | 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)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:host,:root{--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;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--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{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.min-h-\[calc\(100vh-100px\)\]{min-height:calc(100vh - 100px)}.w-full{width:100%}.min-w-full{min-width:100%}.flex-1{flex:1}.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}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.px-8{padding-inline:calc(var(--spacing) * 8)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@media (min-width:40rem){.sm\:items-center{align-items:center}.sm\:\!rounded-2xl{border-radius:var(--radius-2xl)!important}}}:root{--bg:#fff;--surface:#f2f2f7;--surface-elevated:#fff;--surface-tertiary:#e5e5ea;--text-primary:#000;--text-secondary:#3c3c4399;--text-tertiary:#3c3c434d;--accent:#007aff;--accent-hover:#0070e0;--success:#34c759;--success-bg:#34c7591f;--success-text:#248a3d;--error:#ff3b30;--error-bg:#ff3b301f;--error-text:#d70015;--warning:#ff9500;--separator:#3c3c431f;--focus-ring:#007aff4d;--accent-bg:#007aff1f;--brand-bg:radial-gradient(120% 90% at 50% 0%,#dfe7f7e6,transparent 62%),linear-gradient(170deg,#e6ebf6,#e3e8f2 56%,#e8eef1);--brand-ink:#050505;--brand-ink-muted:#050505a8;--brand-panel:#ffffffbd;--brand-panel-strong:#ffffffe6;--brand-panel-border:#ffffff80;--brand-dark-panel:#08080a;--brand-cta:#050505;--brand-cta-hover:#1c1c1f;--brand-shadow-sm:0 16px 40px #2a347c1f;--brand-shadow-md:0 26px 72px #2a347c2e;--brand-glow-blue:#8fb0ff61;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,system-ui,sans-serif;--font-display:var(--font-sans);--font-mono:"Geist Mono",monospace;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--ease:cubic-bezier(.25,.46,.45,.94);--spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.12s;--dur-med:.25s;--dur-slow:.4s;--dur-counter:.8s}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wrongShake{0%{transform:translate(0)}16%{transform:translate(-5px)}33%{transform:translate(5px)}50%{transform:translate(-3px)}66%{transform:translate(3px)}to{transform:translate(0)}}@keyframes attentionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.card-interactive{transition:background .12s var(--ease),transform .12s var(--ease)}.card-interactive:hover{background:var(--surface-tertiary)}.card-interactive:active{transform:scale(.98)}.brand-atmosphere{background:var(--brand-bg)}.brand-atmosphere:before{background:radial-gradient(38% 30% at 12% 6%,#7a9eff8c,#0000 60%),radial-gradient(36% 28% at 88% 12%,#ec9edc80,#0000 60%),radial-gradient(44% 36% at 50% 48%,#8ad6ff6b,#0000 62%),radial-gradient(42% 34% at 14% 90%,#96ebcd80,#0000 62%),radial-gradient(42% 34% at 88% 92%,#ffc6a575,#0000 62%)}.brand-atmosphere:after,.brand-atmosphere:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.brand-atmosphere:after{background:radial-gradient(40% 30% at 24% 16%,#fff6,#0000 72%),radial-gradient(36% 26% at 78% 72%,#ffffff4d,#0000 74%)}.brand-content{z-index:1;position:relative}.codexPage{isolation:isolate;color:#0b0f17;min-height:100vh;font-family:var(--font-sans);background:#f8fbff;position:relative;overflow-x:hidden}.codexAtmosphere,.soundLabCodexAtmosphere{z-index:0;opacity:.3;pointer-events:none;background:#2445dc url(/backgrounds/floral-a-poster.jpg) 50%/cover no-repeat;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden;transform:translate(0)}.codexAtmosphere__video,.codexAtmosphere__wash{position:absolute;inset:0}.codexAtmosphere__video{object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.02)brightness(1.03);width:100%;height:100%;transform:scale(1.01)}.codexAtmosphere__wash{background:radial-gradient(70% 50% at 46% 6%,#ffffff47,#ffffff14 56%,#0000 82%),radial-gradient(52% 42% at 84% 78%,#ffffff26,#0000 72%),linear-gradient(#f8fbff24,#f8fbff0a 48%,#f8fbff24)}.codexContent{z-index:1;position:relative}.codexSurface{background:#ffffffd6;border:1px solid #101c341f;box-shadow:0 14px 34px #3453841a}.codexSurface--passive{-webkit-backdrop-filter:blur(28px)saturate(150%);background:linear-gradient(145deg,#ffffff9e,#ffffff3d),#ffffff5c;border:1px solid #ffffffd1;box-shadow:0 34px 90px #3453842e,inset 0 1px #ffffffe6}.codexControl{appearance:none;color:#0b0f17c7;cursor:pointer;font:inherit;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);background:#ffffffd6;border:1px solid #101c341f;box-shadow:0 10px 24px #34538414}.codexControl:hover{background:#fff;border-color:#007aff57;box-shadow:0 12px 30px #34538421}.codexControl:disabled{cursor:not-allowed;opacity:.55}.codexControl:focus-visible,.codexInteractive:focus-visible{outline-offset:3px;outline:3px solid #007aff47}.homeModeSwitch a:focus-visible,.liquidLensButton:focus-visible,.sessionRadio:focus-visible,.trainControl:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.levelRow:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.codexControl[data-active=true],.codexControl[data-selected=true]{color:#fff;background:#007aff;border-color:#007aff;box-shadow:0 14px 34px #007aff40}.codexControl--dark,.codexControl[data-dark=true]{color:#fff;background:#0b0f17;border-color:#0b0f17;box-shadow:0 22px 48px #0b0f1738}.codexControl--pill{border-radius:var(--radius-pill)}.codexControl--primary{color:#fff;background:#007aff;border-color:#007aff;box-shadow:0 18px 42px #007aff47}.codexControl--primary:hover{background:#0070e0;border-color:#0070e0}.liquidLensButtonField{isolation:isolate;flex:none;place-items:center;display:grid;position:relative;overflow:visible}.liquidLensButton__pulse{pointer-events:none;z-index:1;opacity:0;background:0 0;border:1.5px solid #007aff80;border-radius:18%;width:134px;height:134px;position:absolute;transform:scale(.62);box-shadow:0 0 34px #007aff33,inset 0 0 22px #007aff1f}.liquidLensButton__pulse--low{border-color:#007aff42;box-shadow:0 0 42px #007aff2e,inset 0 0 22px #007aff14}.liquidLensButtonField[data-active=true] .liquidLensButton__pulse--boom{animation:bassPulsePrimary 1.12s var(--ease) infinite}.liquidLensButtonField[data-active=true] .liquidLensButton__pulse--after{animation:bassPulseSecondary 1.12s var(--ease) infinite}.liquidLensButtonField[data-active=true] .liquidLensButton__pulse--low{animation:bassPulseLow 1.12s var(--ease) infinite}.liquidLensButton{isolation:isolate;z-index:3;color:#fff;transition:opacity var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);background:radial-gradient(120% 95% at 50% 0,#ffffff38,#0000 55%),linear-gradient(165deg,#1a78e6,#0059c9 48%,#003f87);border:1px solid #ffffff47;border-radius:18%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #00347852,0 30px 66px #00286485,0 12px 26px #00225866,inset 0 1px 1px #fff6,inset 0 -14px 24px #001c5257}.liquidLensButton__content{z-index:6;color:currentColor;filter:drop-shadow(0 2px 4px #001e5a59);place-items:center;display:grid;position:relative}.liquidLensButton[data-state=loading],.liquidLensButton[data-state=playing]{background:radial-gradient(120% 95% at 50% 0,#ffffff52,#0000 56%),linear-gradient(165deg,#2f8cf6,#0a6fe0 52%,#0052a8);border-color:#ffffff73;box-shadow:0 0 0 4px #0a84ff38,0 30px 66px #0046aa80,0 12px 26px #0028645c,inset 0 1px 1px #fff9,inset 0 -14px 24px #0022604d}.liquidLensButton[data-state=countdown]{color:#fff}.liquidLensButton:disabled:not([data-countdown=true]){opacity:.45}@keyframes bassPulsePrimary{0%{opacity:.76;transform:scale(.54)}38%{opacity:.34;transform:scale(1.18)}to{opacity:0;transform:scale(2.05)}}@keyframes bassPulseSecondary{0%,15%{opacity:0;transform:scale(.58)}17%{opacity:.58;transform:scale(.66)}56%{opacity:.24;transform:scale(1.08)}to{opacity:0;transform:scale(1.78)}}@keyframes bassPulseLow{0%{opacity:.36;transform:scale(.74)}72%{opacity:.13;transform:scale(1.78)}to{opacity:0;transform:scale(2.28)}}.brand-panel{background:var(--brand-panel);box-shadow:var(--brand-shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-panel,.brand-panel-strong{border:1px solid var(--brand-panel-border)}.brand-panel-strong{background:var(--brand-panel-strong);box-shadow:var(--brand-shadow-md);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand-app-icon{background:var(--brand-dark-panel);color:#fff;width:92px;height:92px;box-shadow:var(--brand-shadow-md);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.brand-app-icon:after{content:"m";width:24px;height:24px;color:var(--brand-dark-panel);background:#fff;border-radius:50%;place-items:center;font-size:16px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:13px;right:15px}.brand-primary-button{background:var(--brand-cta);color:#fff}.brand-primary-button:hover{background:var(--brand-cta-hover)}.liquidGlass{--lg-radius:24px;--lg-padding:16px 20px;--lg-blur:30px;--lg-saturation:190%;--lg-x:50%;--lg-y:0%;--lg-tx:0px;--lg-ty:0px;--lg-scale-x:1;--lg-scale-y:1;--lg-press:1;--lg-angle:135deg;--lg-shine:.24;--lg-bg:#ffffff57;--lg-border:#ffffffd9;--lg-text:var(--brand-ink);--lg-shadow:0 10px 26px #2834601a;--lg-inner-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #ffffff4d;isolation:isolate;border-radius:var(--lg-radius);padding:var(--lg-padding);color:var(--lg-text);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow),var(--lg-inner-shadow);background:#ffffff0f;transition:none;position:relative;overflow:hidden}.liquidGlass--strong{--lg-bg:#ffffff75;--lg-border:#fffffff2;--lg-shadow:0 18px 44px #28346024;--lg-inner-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff6}.liquidGlass--dark{--lg-bg:#0a0a0ee0;--lg-border:#ffffff38;--lg-text:#fff;--lg-shadow:0 14px 34px #0a0a1e3d;--lg-inner-shadow:inset 0 1px 0 #ffffff47,inset 0 -1px 0 #ffffff0f}.liquidGlass--dark:before{opacity:.16}.liquidGlass--dark .liquidGlass__shine{opacity:.08}.liquidGlass--dark .liquidGlass__backdrop{background:radial-gradient(circle at var(--lg-x) var(--lg-y),#ffffff12,transparent 42%),var(--lg-bg)}.liquidGlass--accent{--lg-bg:#007aff7a;--lg-border:#ffffff7a;--lg-text:#fff;--lg-shadow:0 18px 48px #007aff3d}.liquidGlass--ghost{--lg-bg:#ffffff8c;--lg-border:#ffffffeb;--lg-text:var(--brand-ink);--lg-shadow:0 12px 30px #28346021}.liquidGlass--button{appearance:none;font:inherit;text-align:inherit;border-width:1px}.liquidGlass--button:not(:disabled),.liquidGlass--interactive{cursor:pointer}.liquidGlass--button:disabled{cursor:not-allowed;opacity:.62}.glassControl{--lg-bg:#ffffff8a;--lg-border:#fffffffa;--lg-shadow:0 16px 36px #28346024;--lg-inner-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #007aff1a;--lg-shine:.22}.glassControl:after{content:"";border-radius:var(--radius-pill);pointer-events:none;z-index:1;opacity:.78;background:linear-gradient(90deg,#0000,#007aff57,#0000);height:2px;position:absolute;bottom:5px;left:max(10px,12%);right:max(10px,12%)}.glassControl.liquidGlass--accent{--lg-bg:#007aff8f;--lg-border:#ffffff9e;--lg-shadow:0 18px 48px #007aff3d;--lg-inner-shadow:inset 0 1px 0 #ffffffb8,inset 0 -1px 0 #003c8c2e}.glassControl.liquidGlass--accent:after{background:linear-gradient(90deg,#0000,#ffffffb8,#0000)}.glassControl.liquidGlass--ghost:after{background:linear-gradient(90deg,#0000,#007aff6b,#0000)}.soundLabReadout{text-align:center;justify-content:center;align-items:center;width:100%;min-height:66px;padding:4px 12px;display:flex;position:relative}.soundLabReadout--bars{opacity:.72;align-items:flex-end;min-height:72px;padding:0 18px}.soundLabStatus{flex-direction:column;gap:4px;min-height:44px}.soundLabScore,.soundLabStatus{justify-content:center;align-items:center;display:flex}.soundLabScore{min-height:32px}.liquidGlassFilter{pointer-events:none;width:0;height:0;position:absolute}.liquidGlass__backdrop{z-index:0;background:radial-gradient(circle at var(--lg-x) var(--lg-y),#ffffff6b,transparent 36%),linear-gradient(145deg,#fff3,transparent 44%),var(--lg-bg);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturation)) contrast(1.08)}.liquidGlass:before,.liquidGlass__backdrop{border-radius:inherit;position:absolute;inset:0}.liquidGlass:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.74;background:radial-gradient(100% 80% at 18% 0,#ffffff5c,#0000 38%),radial-gradient(90% 70% at 86% 16%,#ffffff2e,#0000 42%),linear-gradient(135deg,#ffffff3d,#0000 30%,#ffffff14 56%,#0000 74%)}.liquidGlass__edge{z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--lg-angle),#fff0 0,#ffffff6b 34%,#80acff38 55%,#ff579024 72%,#fff0 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquidGlass__edge--screen{mix-blend-mode:screen;opacity:.48}.liquidGlass__edge--overlay{mix-blend-mode:overlay;opacity:.5}.liquidGlass__shine{z-index:1;border-radius:inherit;pointer-events:none;opacity:var(--lg-shine);background:radial-gradient(circle at var(--lg-x) var(--lg-y),#ffffffad,transparent 34%),linear-gradient(180deg,#ffffff5c,transparent 50%);mix-blend-mode:screen;position:absolute;inset:0}.liquidGlass__content{z-index:2;width:100%;position:relative}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.codexAtmosphere__video{display:none!important}}.homeAppPage{padding:24px}.homeAppShell{align-content:start;gap:16px;width:min(100%,1040px);min-height:calc(100vh - 48px);margin:0 auto;display:grid}.homeTopBar{justify-content:space-between;gap:18px}.homeIdentity,.homeTopBar{align-items:center;display:flex}.homeIdentity{gap:12px;min-width:0}.homeAppIcon{color:#fff;background:radial-gradient(circle at 30% 16%,#ffffff47,#0000 32%),#08080a;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 14px 32px #0b0f1733}.homeIdentity h1{color:var(--brand-ink);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:740;line-height:1.05}.homeIdentity p{color:var(--brand-ink-muted);margin:4px 0 0;font-size:14px;line-height:1.28}.homeQuickStats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.homeModeBadges span,.homeQuickStats span,.homeSessionPill{border-radius:var(--radius-pill);color:#0b0f17ad;background:#ffffffc2;border:1px solid #101c341a;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 8px 22px #34538412}.homeModeSwitch{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(18px);background:#ffffff75;border:1px solid #ffffffb3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;display:grid;box-shadow:0 16px 36px #34538417}.homeModeSwitch a{border-radius:var(--radius-pill);color:#0b0f17b3;min-height:42px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.homeModeSwitch a:hover,.homeModeSwitch a[data-active=true]{color:var(--brand-ink);background:#fffffff0;box-shadow:0 10px 22px #34538414}.homeHeroGrid,.homeModeCards,.homeProgressSection{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:stretch;gap:16px;display:grid}.homeInstrumentCard,.homeLevelCard,.homePracticeCard,.homeStreakCard{border-radius:22px;padding:22px}.homeLevelCard{text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:224px;text-decoration:none;display:flex}.homeOverline{color:#0b0f1770;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.homeLevelTitle{color:var(--brand-ink);font-family:var(--font-display);letter-spacing:-.03em;margin-top:8px;font-size:clamp(31px,4.8vw,54px);font-weight:740;line-height:.98}.homeLevelMeta{color:var(--text-secondary);margin-top:12px;font-size:15px;font-weight:600}.homeProgressTrack{border-radius:var(--radius-pill);background:#e5e5eacc;width:100%;height:6px;margin-top:18px;display:block;overflow:hidden}.homeProgressTrack span{border-radius:inherit;background:var(--accent);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.homeChangeLevel{color:var(--accent);margin-top:14px;font-size:14px;font-weight:650}.homePracticeCard{flex-direction:column;gap:18px}.homeCardTop,.homePracticeCard{justify-content:space-between;display:flex}.homeCardTop{align-items:flex-start;gap:16px}.homeCardTop h2{color:var(--brand-ink);letter-spacing:-.02em;margin:6px 0 0;font-size:26px;font-weight:740;line-height:1.05}.homeStartButton{letter-spacing:-.01em;justify-content:center;gap:8px;min-height:52px;padding:0 24px;font-size:17px;font-weight:650;display:flex}.homeLabCard,.homeStartButton{align-items:center;text-decoration:none}.homeLabCard{border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;min-height:96px;padding:18px 20px;display:grid}.homeModeIcon{width:46px;height:46px;color:var(--accent);background:#007aff1f;border-radius:15px;place-items:center;display:grid}.homeModeText,.homeModeTitle{display:block}.homeModeTitle{color:var(--brand-ink);letter-spacing:-.01em;font-size:18px;font-weight:720}.homeModeText{color:var(--text-secondary);margin-top:3px;font-size:14px;line-height:1.25}.homeModeBadges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.homeInstrumentCard{align-content:center;justify-items:center;gap:12px;display:grid}.homeStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.homeStreakCard{gap:18px;display:grid}@media (max-width:820px){.homeAppPage{padding:18px 16px 32px}.homeTopBar{align-items:flex-start}.homeQuickStats{display:none}.homeHeroGrid,.homeModeCards,.homeProgressSection{grid-template-columns:1fr}.homeLevelCard{min-height:190px}.homeModeBadges{display:none}}@media (max-width:540px){.homeAppShell{gap:14px;min-height:auto}.homeIdentity{align-items:flex-start}.homeIdentity h1{font-size:21px}.homeIdentity p{max-width:250px;font-size:13px}.homeModeSwitch{gap:4px;padding:4px}.homeModeSwitch a{gap:6px;min-height:40px;font-size:13px}.homeInstrumentCard,.homeLevelCard,.homePracticeCard,.homeStreakCard{border-radius:20px;padding:18px}.homeLabCard{border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;padding:16px}.homeStatsGrid{gap:8px}}@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}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}