:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--topbar-height:76px;--ink:#142321;--muted:#5b6864;--paper:#fbfaf7;--panel:#fff;--line:#d9ddd5;--teal:#1f6f68;--teal-dark:#164c48;--clay:#a95636;--gold:#c29436;--blue:#3e6188;--green:#537b52;--error:#9f2d2d;--shadow:0 18px 50px #1423211a;letter-spacing:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}.brand{color:var(--ink);font-size:1.08rem;font-weight:800}.site-nav,.app-topbar{z-index:10;min-height:var(--topbar-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf7eb;border-bottom:1px solid #d9ddd5b8;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.site-nav>div,.app-topbar>div{align-items:center;gap:20px;display:flex}.site-nav a,.quiet-button{color:#263a37;font-weight:650}.nav-testing,.quiet-button{align-items:center;gap:8px;display:inline-flex}.quiet-button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 12px}.hero{background:#e8e1d6;align-items:center;min-height:92vh;padding:112px clamp(20px,6vw,88px) 72px;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.36;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:#f7f3ec9e;position:absolute;inset:0}.hero-content{z-index:1;max-width:760px;position:relative}.eyebrow{color:var(--clay);text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.hero h1{max-width:11ch;color:var(--ink);margin:0;font-size:clamp(4rem,10vw,8.5rem);line-height:.88}.hero-copy{color:#263a37;max-width:680px;margin:26px 0 30px;font-size:clamp(1.08rem,2vw,1.35rem)}.waitlist-inline{flex-wrap:wrap;align-items:stretch;gap:10px;max-width:680px;display:flex}.waitlist-inline input,.waitlist-form input,.waitlist-form select,.waitlist-form textarea,.login-panel input{background:var(--panel);color:var(--ink);border:1px solid #c8cfc5;border-radius:8px;min-height:48px;padding:13px 14px}.waitlist-inline input{flex:220px}.waitlist-inline button,.primary-action{background:var(--teal-dark);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:750;display:inline-flex}.price-note,.panel-copy{color:#334743}.price-note{margin:10px 0 0;font-weight:700}.hero-status{min-height:26px;margin-top:12px;font-weight:650}.hero-status span{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.error-text{color:var(--error)}.waitlist-section{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(20px,4vw,48px);max-width:1180px;margin:0 auto;padding:72px clamp(20px,4vw,44px);display:grid}.form-panel,.sound-preview,.stage-shell,.admin-band,.login-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.form-panel,.sound-preview{padding:clamp(20px,3vw,30px)}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.section-heading h2,.practice-actions h2{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}.price-pill{color:#604512;white-space:nowrap;background:#fff7df;border:1px solid #d7c08d;border-radius:999px;padding:6px 10px;font-size:.84rem;font-weight:750}.panel-copy{max-width:58ch;margin:-4px 0 20px}.waitlist-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.waitlist-form label,.login-panel label{color:#2b3b38;gap:7px;font-weight:700;display:grid}.waitlist-form textarea{resize:vertical;min-height:116px}.span-two{grid-column:1/-1}.sound-preview{align-self:start}.sound-preview-heading{margin-bottom:18px}.sound-preview-heading h2{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}.sound-preview-heading p:not(.eyebrow){color:#334743;margin:10px 0 0}.library-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:6px;padding:16px 0;display:grid}.library-stats div{gap:2px;display:grid}.library-stats strong{font-size:1.55rem;line-height:1}.library-stats span,.expansion-panel p,.learning-loop span{color:var(--muted);font-weight:750}.sound-list-row{border-bottom:1px solid var(--line);grid-template-columns:48px 64px minmax(0,1fr);align-items:baseline;gap:12px;padding:13px 0;display:grid}.sound-list-row strong{color:var(--teal-dark)}.sound-list-row span{color:#263a37;font-weight:750}.sound-list-row em{color:var(--muted);font-style:normal}.expansion-panel{padding-top:16px;position:relative}.expansion-panel p{margin:0 0 10px}.sound-token-wrap{min-width:0}.sound-token-row{white-space:nowrap;flex-wrap:nowrap;gap:7px;min-width:0;display:flex;overflow:hidden}.sound-token-measure{pointer-events:none;visibility:hidden;white-space:nowrap;gap:7px;height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.learning-loop{flex-wrap:wrap;gap:7px;display:flex}.sound-token-row span,.sound-token-measure span,.learning-loop span{color:#263a37;background:#f8f6f0;border:1px solid #d2d7ce;border-radius:999px;padding:6px 10px}.sound-token-row .more-token{color:#243f5d;background:#edf3f8;border-color:#c9d8e5;flex:none}.learning-loop{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.testing-login{background:#efe9df;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{gap:16px;width:min(100%,420px);padding:28px;display:grid}.login-panel h1{margin:8px 0 0;font-size:2rem}.testing-shell{min-height:100svh;padding-top:var(--topbar-height)}.loading-screen{place-items:center;min-height:260px;display:grid}.workspace{height:calc(100svh - var(--topbar-height));grid-template-columns:clamp(88px,9vw,128px) minmax(0,1fr) minmax(260px,340px);gap:clamp(10px,1.4vw,18px);min-height:0;padding:clamp(12px,2vw,24px);display:grid;overflow:hidden}.sound-rail{scrollbar-width:thin;align-self:start;gap:8px;min-height:0;max-height:100%;padding-right:4px;display:grid;overflow-y:auto}.rail-item{border:1px solid var(--line);background:var(--panel);min-height:clamp(58px,8svh,76px);color:var(--ink);border-radius:8px;place-items:center;gap:2px;display:grid}.rail-item strong{font-size:1.18rem}.rail-item span{color:var(--muted);font-weight:650}.rail-item.active{border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.practice-column{gap:18px;min-width:0;min-height:0;display:grid}.session-column{scrollbar-width:thin;align-self:start;gap:12px;min-width:0;max-height:100%;display:grid;overflow-y:auto}.stage-shell,.session-panel,.admin-band{padding:clamp(12px,1.5vw,18px)}.stage-shell{grid-template-rows:minmax(160px,1fr) auto minmax(22px,auto);gap:clamp(8px,1.4svh,14px);height:100%;min-height:0;display:grid;overflow:hidden}.video-frame{background:#111f1d;border-radius:8px;min-height:0;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-controls{gap:8px;display:flex;position:absolute;bottom:14px;left:14px}.icon-button{color:#fff;background:#142321c7;border:1px solid #ffffff6b;border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid}.practice-actions{text-align:center;justify-items:center;gap:clamp(8px,1.4svh,14px);width:100%;max-width:820px;margin:0 auto;display:grid}.practice-actions p{color:var(--muted);margin:6px 0 0}.mobile-mission-slot{display:none}.say-panel{color:#263a37;background:#fff8e5;border:1px solid #d7c08d;border-radius:8px;justify-items:center;gap:4px;width:min(100%,760px);margin-top:8px;padding:clamp(10px,1.8svh,16px) clamp(14px,2vw,22px);display:grid}.say-panel span{color:#604512;text-transform:uppercase;font-size:.82rem;font-weight:850}.say-panel strong{color:var(--ink);overflow-wrap:anywhere;text-align:center;font-size:clamp(1.7rem,3.4vw,3rem);line-height:1.08}.attempt-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,560px);display:grid}.result-button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);white-space:normal;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;padding:0 12px;font-weight:750;display:inline-flex}.result-button.accurate{color:#264d25;background:#eef7ed;border-color:#bfd2bd}.result-button.prompted{color:#5b4615;background:#fff8e5;border-color:#dfcf99}.result-button.emerging{color:#6b321d;background:#fff2eb;border-color:#d9b8a8}.game-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.game-panel>div:first-child{grid-column:1/-1}.game-panel>div,.measure-panel,.mission-card{border:1px solid var(--line);background:#faf8f2;border-radius:8px}.game-panel>div{gap:3px;padding:12px;display:grid}.game-panel span,.mission-card span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.game-panel strong{overflow-wrap:anywhere;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1}.measure-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;padding:12px;display:grid}.measure-panel div{gap:2px;display:grid}.measure-panel span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.measure-panel strong{color:var(--ink);font-size:1.25rem}.mission-card{grid-template-columns:1fr;align-items:center;gap:14px;padding:14px;display:grid}.mission-card p{color:#263a37;margin:3px 0 0}.next-sound-button{color:#264d25;background:#eef7ed;border:1px solid #bfd2bd;border-radius:8px;min-height:42px;padding:0 12px;font-weight:800}.stats-toggle{color:#263a37;background:#f5f8f7;border:1px solid #cad5d2;border-radius:8px;grid-column:1/-1;width:100%;min-height:42px;margin-top:10px;padding:0 12px;font-weight:800}.stats-modal-backdrop{z-index:50;background:#1423216b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.stats-modal{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(75vw,1060px);max-width:calc(100vw - 32px);height:min(75svh,760px);max-height:calc(100svh - 32px);display:grid;overflow:hidden;box-shadow:0 24px 80px #1423213d}.stats-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.stats-modal-header h2{margin:0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.05}.stats-close-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.stats-panel{background:#fbfaf7;grid-column:1/-1;grid-template-columns:minmax(210px,.45fr) minmax(0,1fr);gap:12px;min-height:0;padding:18px;display:grid;overflow:hidden}.stats-controls,.stats-visual{gap:12px;min-width:0;min-height:0;display:grid}.stats-controls{scrollbar-width:thin;align-content:start;padding-right:2px;overflow-y:auto}.stats-visual{grid-template-rows:minmax(0,1fr) auto}.stats-filter-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.stats-filter-tabs button,.sound-pick{background:var(--panel);color:#263a37;border:1px solid #cfd6ce;border-radius:8px;min-height:34px;padding:0 8px;font-size:.85rem;font-weight:750}.stats-filter-tabs button.active,.sound-pick.selected{border-color:var(--teal);color:var(--teal-dark);background:#eef7f5}.stats-custom-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-custom-range label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:.76rem;font-weight:800;display:grid}.stats-custom-range input{background:var(--panel);color:var(--ink);text-transform:none;border:1px solid #c8cfc5;border-radius:8px;min-width:0;min-height:38px;padding:8px}.sound-multi-select{scrollbar-width:thin;flex-wrap:wrap;gap:6px;max-height:180px;display:flex;overflow-y:auto}.sound-pick{flex:1 0 48px}.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-summary div{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:2px;padding:10px;display:grid}.stats-summary span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.stats-summary strong{color:var(--ink);font-size:1.3rem;line-height:1}.stats-chart{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-self:stretch;min-height:260px;padding:12px;display:grid;overflow:hidden}.stats-chart svg{align-self:stretch;width:100%;height:100%;min-height:0;display:block}.stats-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.stats-chart text{fill:var(--muted);font-size:.68rem;font-weight:800}.stats-grid-line{stroke:#e2e4df;stroke-width:1px}.stats-axis-line{stroke:#cdd4cb;stroke-width:1.2px}.stats-legend{flex-wrap:wrap;gap:8px 10px;display:flex}.stats-legend span{color:#263a37;align-items:center;gap:5px;font-size:.82rem;font-weight:750;display:inline-flex}.stats-legend i{border-radius:999px;width:8px;height:8px;display:inline-block}.sync-message{min-height:24px;color:var(--muted);text-align:center;margin:10px 0 0;font-weight:700}.session-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-self:start;min-width:0;overflow:visible}.session-panel-heading{margin-bottom:14px}.session-panel-heading h2{margin:0;font-size:1.35rem;line-height:1.08}.admin-band{align-self:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-tile{border:1px solid var(--line);border-radius:8px;gap:3px;padding:12px;display:grid}.metric-tile svg{color:var(--blue)}.metric-tile span{color:var(--muted);font-weight:700}.metric-tile strong{font-size:1.8rem;line-height:1}.admin-lists{gap:20px;margin-top:20px;display:grid}.admin-lists h3{margin:0 0 8px;font-size:1rem}.admin-lists p{color:var(--muted);margin:0}.metric-row{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:10px 0;display:flex}.metric-row span{color:var(--muted);overflow-wrap:anywhere;min-width:0}.skeleton{min-height:320px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.78s linear infinite spin;display:inline-block}.spin-icon{animation:.95s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.workspace{grid-template-columns:96px minmax(0,1fr) minmax(240px,300px)}}@media (height<=740px) and (width>=721px){:root{--topbar-height:64px}.site-nav,.app-topbar{padding-top:10px;padding-bottom:10px}.workspace{padding:10px}.rail-item{min-height:54px}.rail-item strong{font-size:1rem}.stage-shell{grid-template-rows:minmax(130px,1fr) auto 20px}.game-panel,.measure-panel,.mission-card{gap:8px;padding:10px}.mission-card p,.practice-actions p{font-size:.92rem}.sync-message{margin-top:0}}@media (width<=800px){:root{--topbar-height:66px}.site-nav,.app-topbar{padding:14px 18px}.site-nav>div{gap:12px}.hero{min-height:88vh;padding:104px 20px 52px}.hero h1{font-size:clamp(3.6rem,18vw,6.4rem)}.waitlist-section{grid-template-columns:1fr;padding:44px 18px}.waitlist-form{grid-template-columns:1fr}.span-two{grid-column:auto}.workspace{height:auto;min-height:calc(100svh - var(--topbar-height));grid-template-columns:1fr;padding:16px;overflow:visible}.sound-rail{gap:8px;max-height:none;padding:0 0 6px;display:flex;overflow:auto hidden}.rail-item{flex:0 0 78px;min-height:62px}.stage-shell{height:auto;overflow:visible}.video-frame{aspect-ratio:16/9}.session-column{display:contents}.session-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10px;max-height:none;display:grid;overflow:visible}.desktop-mission-card{display:none}.mobile-mission-slot{width:min(100%,760px);display:block}.mobile-mission-card{text-align:left;gap:10px;padding:12px}.mobile-mission-card p{font-size:.92rem;line-height:1.35}.session-panel-heading{grid-column:1/-1;margin:0}.game-panel,.measure-panel,.mission-card{margin-top:0}.mission-card{grid-column:1/-1}.stats-modal-backdrop{padding:12px}.stats-modal{width:min(100%,680px);height:min(86svh,760px)}.stats-panel{grid-template-columns:1fr;align-content:start;padding:14px;overflow-y:auto}.stats-controls{padding-right:0;overflow:visible}.sound-multi-select{max-height:78px}.stats-chart{min-height:240px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.site-nav,.app-topbar{padding-left:12px;padding-right:12px}.brand{font-size:.98rem}.site-nav a:not(.brand){font-size:.92rem}.waitlist-inline{display:grid}.library-stats{grid-template-columns:1fr;gap:12px}.sound-list-row{grid-template-columns:42px 56px minmax(0,1fr);gap:9px}.login-panel{padding:22px}.stage-shell,.session-panel,.admin-band{padding:14px}.workspace{gap:12px;padding:12px}.rail-item{flex-basis:68px;min-height:56px}.rail-item strong{font-size:1rem}.practice-actions{gap:10px}.say-panel strong{font-size:clamp(1.45rem,9vw,2.1rem)}.attempt-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.result-button{gap:4px;min-height:42px;padding:0 6px;font-size:.82rem}.result-button svg{flex:none;width:16px;height:16px}.section-heading{flex-direction:column}.game-panel,.measure-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.session-panel{grid-template-columns:1fr}.stats-modal-backdrop{padding:8px}.stats-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100svh - 16px);max-height:calc(100svh - 16px)}.stats-modal-header{padding:14px}.stats-panel{padding:12px}.stats-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-custom-range{grid-template-columns:1fr}.stats-chart{min-height:220px}}@media (width<=360px){.result-button{padding:0 4px;font-size:.78rem}}
