.metronome-page{--metro-accent:var(--metro-ink);--metro-cyan:var(--metro-ink);--metro-amber:var(--metro-ink);background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--metro-surface) 38%,transparent),transparent 65%),var(--metro-base);min-height:100dvh;color:var(--metro-ink);overflow:auto}.metronome-page:fullscreen{height:100dvh}.metro-nav{border-bottom:1px solid var(--metro-surface);justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:auto;padding:16px 36px;display:flex}.metro-nav>a:first-child{color:var(--metro-ink);align-items:center;gap:9px;min-height:44px;font-size:12px;display:flex}.metro-brand{letter-spacing:-1px;font:800 21px Manrope,sans-serif}.metro-brand b{color:var(--metro-accent)}.metro-nav>button{border:1px solid var(--metro-border);background:var(--metro-surface);border-radius:12px;place-items:center;min-width:44px;min-height:44px;display:grid}.metro-main{max-width:1210px;margin:auto;padding:38px 36px 24px}.metro-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.metro-eyebrow{color:var(--metro-ink);letter-spacing:1.5px;font-size:9px;font-weight:600}.metro-heading h1{letter-spacing:-1.6px;margin:10px 0;font:500 clamp(30px,4vw,42px) Manrope,sans-serif}.metro-heading p{color:var(--metro-muted);margin:8px 0;font-size:13px}.metro-session-tag{white-space:nowrap;border:1px solid var(--metro-border);color:var(--metro-ink);border-radius:100px;align-items:center;gap:8px;padding:12px 15px;font-size:10px;display:flex}.metro-session-tag>span{background:var(--metro-muted);border-radius:50%;width:6px;height:6px}.metro-session-tag>span.live{background:var(--metro-accent);box-shadow:0 0 10px color-mix(in srgb,var(--metro-ink) 33%,transparent)}.metro-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.metro-console,.metro-card{border:1px solid var(--metro-border);background:var(--metro-surface);border-radius:22px;padding:26px}.metro-console{background:linear-gradient(145deg,var(--metro-surface),var(--metro-surface) 65%);box-shadow:0 24px 70px color-mix(in srgb,var(--metro-base) 20%,transparent);text-align:center;padding:24px 28px}.metro-console-top{letter-spacing:1.3px;color:var(--metro-ink);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.metro-console-top>span:last-child{letter-spacing:0;color:var(--metro-muted);align-items:center;gap:6px;font-size:9px;display:flex}.metro-dial{aspect-ratio:1;background:conic-gradient(from -90deg,var(--metro-accent) var(--cycle-progress),var(--metro-border) 0);width:285px;max-width:100%;height:285px;box-shadow:0 0 65px color-mix(in srgb,var(--metro-ink) 4%,transparent);border-radius:50%;margin:28px auto 24px;padding:6px}.metro-dial-inner{background:radial-gradient(circle at 50% 25%,var(--metro-border),var(--metro-surface) 75%);border:8px solid var(--metro-surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.metro-dial-inner>svg{color:var(--metro-accent);opacity:.55;transition:opacity 80ms,transform 80ms}.metro-dial-inner>svg.beat{opacity:1;transform:scale(1.16)}.metro-dial-inner>span{letter-spacing:1.1px;color:var(--metro-ink);font-size:8px}.metro-dial-inner>strong{font-variant-numeric:tabular-nums;letter-spacing:-2px;color:var(--metro-ink);font:500 63px/1 Manrope,sans-serif}.metro-dial-inner>small{color:var(--metro-muted);font-size:10px}.metro-live-cues{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metro-live-cues>div{border:1px solid var(--metro-border);background:var(--metro-surface);text-align:left;border-radius:13px;align-items:center;gap:13px;min-height:88px;padding:16px;transition:background 70ms,border-color 70ms;display:flex}.metro-live-cues svg{color:var(--metro-accent);flex-shrink:0}.metro-live-cues span{color:var(--metro-ink);font-size:10px}.metro-live-cues strong{font-variant-numeric:tabular-nums;color:var(--metro-ink);margin-top:5px;font-size:22px;font-weight:500;line-height:1;display:block}.metro-live-cues small{color:var(--metro-ink);margin-left:5px;font-size:10px}.metro-live-cues i{background:var(--metro-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.metro-live-cues .metro-compression-cue.beat{background:var(--metro-border);border-color:var(--metro-ink)}.metro-live-cues .metro-ventilation-cue{background:var(--metro-surface);border-color:var(--metro-border)}.metro-ventilation-cue svg,.metro-ventilation-cue strong{color:var(--metro-cyan)}.metro-ventilation-cue span{color:var(--metro-ink)}.metro-ventilation-cue strong{align-items:center;min-height:22px;font-size:14px;display:flex}.metro-ventilation-cue i{background:var(--metro-muted)}.metro-live-cues .metro-ventilation-cue.breathing{background:var(--metro-border);border-color:var(--metro-ink)}.metro-stats{border-top:1px solid var(--metro-border);text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;padding:17px 0 0;display:grid}.metro-stats>div:last-child{text-align:right}.metro-stats span{letter-spacing:.7px;color:var(--metro-muted);font-size:8px;display:block}.metro-stats strong{font-variant-numeric:tabular-nums;color:var(--metro-ink);margin-top:7px;font:500 24px Manrope,sans-serif;display:block}.metro-controls{gap:10px;display:flex}.metro-controls button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:12px;display:flex}.metro-start{background:var(--metro-accent);color:var(--metro-surface);flex:1;font-weight:600}.metro-start:hover{background:var(--metro-ink)}.metro-reset{border:1px solid var(--metro-border);min-width:48px;color:var(--metro-ink)}.metro-end{border:1px solid var(--metro-muted);color:var(--metro-ink);background:color-mix(in srgb,var(--metro-border) 27%,transparent);padding:0 15px}.metro-auto-note{color:var(--metro-muted);justify-content:center;align-items:center;gap:7px;margin:17px 0 0;font-size:9px;display:flex}.metro-auto-note>span{background:var(--metro-ink);border-radius:50%;width:4px;height:4px}.metro-settings{gap:18px;display:grid}.metro-card h2{color:var(--metro-ink);margin:0;font:500 16px Manrope,sans-serif}.metro-card-heading{color:var(--metro-ink);align-items:center;gap:10px;margin-bottom:24px;display:flex}.metro-label{letter-spacing:1px;color:var(--metro-muted);font-size:8px}.metro-tempos{gap:9px;margin:12px 0 25px;display:flex}.metro-tempos button{border:1px solid var(--metro-border);font-variant-numeric:tabular-nums;min-height:50px;color:var(--metro-ink);border-radius:9px;flex:1;font-size:21px}.metro-tempos button[aria-pressed=true]{background:var(--metro-accent);color:var(--metro-surface);border-color:var(--metro-accent)}.metro-tempos small{margin-left:4px;font-size:9px}.metro-intubated{border:1px solid var(--metro-border);background:var(--metro-surface);cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:15px;display:flex}.metro-intubated input{width:22px;height:22px;accent-color:var(--metro-ink);flex-shrink:0;margin:0}.metro-intubated strong{color:var(--metro-ink);font-size:12px;font-weight:500;display:block}.metro-intubated small{color:var(--metro-ink);margin-top:4px;font-size:10px;line-height:1.6;display:block}.metro-intubated>svg{color:var(--metro-ink);flex-shrink:0;margin-left:auto}.metro-setting-note{color:var(--metro-muted);margin:11px 2px 20px;font-size:10px;line-height:1.7}.metro-sound-title{border-top:1px solid var(--metro-border);justify-content:space-between;align-items:center;gap:10px;padding-top:15px;display:flex}.metro-sound-title>span{color:var(--metro-ink);align-items:center;gap:8px;font-size:12px;display:flex}.metro-sound-title>button{border:1px solid var(--metro-muted);min-width:44px;min-height:44px;color:var(--metro-ink);border-radius:9px;place-items:center;display:grid}.metro-sound-title>button[aria-pressed=true]{background:var(--metro-border)}.metro-volume{color:var(--metro-ink);margin-top:11px;font-size:10px;display:block}.metro-volume output{float:right;color:var(--metro-ink)}.metro-volume input{width:100%;accent-color:var(--metro-accent);min-height:38px;margin:6px 0 0;display:block}.metro-volume-note{color:var(--metro-muted);margin:2px 0 15px;font-size:9px;line-height:1.6}.metro-test{border:1px solid var(--metro-border);width:100%;min-height:44px;color:var(--metro-ink);background:var(--metro-surface);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.metro-test:disabled{opacity:.5}.metro-guidance{background:var(--metro-surface);padding-top:24px;padding-bottom:18px}.metro-guidance h2{letter-spacing:-.4px;margin:10px 0 12px;font-size:20px}.metro-guidance>p{color:var(--metro-muted);font-size:11px;line-height:1.8}.metro-check-summary{border-top:1px solid var(--metro-border);border-bottom:1px solid var(--metro-border);color:var(--metro-ink);justify-content:space-between;align-items:center;gap:6px;margin:20px 0;padding:17px 0;display:flex}.metro-check-summary>span{align-items:center;gap:6px;font-size:9px;display:flex}.metro-check-summary>i{background:var(--metro-muted);width:12px;height:1px}.metro-check-summary>span:nth-of-type(2){color:var(--metro-amber)}.metro-guidance .metro-clinical-note{color:var(--metro-ink);margin-bottom:5px;font-size:9px}.metro-guidance a{color:var(--metro-ink);align-items:center;gap:7px;min-height:44px;font-size:10px;display:flex}.metro-footer{color:var(--metro-muted);border-top:1px solid var(--metro-surface);justify-content:space-between;gap:12px;margin-top:27px;padding-top:18px;font-size:9px;display:flex}.metro-error,.metro-notice{text-align:left;border:1px solid var(--metro-muted);background:var(--metro-surface);color:var(--metro-ink);border-radius:12px;margin-top:16px;padding:14px;font-size:11px;line-height:1.7}.metro-notice button{min-height:44px;margin-right:16px;text-decoration:underline}.metro-notice>span{display:block}.metro-assessment{text-align:left;border:1px solid var(--metro-muted);background:color-mix(in srgb,var(--metro-border) 40%,transparent);color:var(--metro-ink);border-radius:13px;padding:16px}.metro-assessment>strong{font-size:15px;font-weight:500}.metro-assessment p{margin:9px 0;font-size:11px;line-height:1.7}.metro-assessment button{min-height:44px;color:var(--metro-ink);align-items:center;gap:8px;font-size:12px;text-decoration:underline;display:flex}.is-checking .metro-dial{background:conic-gradient(var(--metro-amber),var(--metro-border))}.is-checking .metro-dial-inner{background:radial-gradient(circle at 50% 25%,var(--metro-border),var(--metro-surface) 75%)}.is-checking .metro-dial-inner>strong,.is-checking .metro-dial-inner>svg{color:var(--metro-ink);opacity:1}.is-checking .metro-dial-inner>span,.is-checking .metro-dial-inner>small{color:var(--metro-ink)}.is-checking .metro-session-tag{border-color:var(--metro-muted);color:var(--metro-ink)}.is-checking .metro-session-tag>span.live{background:var(--metro-ink)}.metro-nav a:focus-visible,.metro-main button:focus-visible{outline:2px solid var(--metro-ink);outline-offset:4px}@media (max-width:1000px){.metro-main{padding:30px 26px}.metro-nav{padding:12px 26px}.metro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}.metro-console,.metro-card{padding:22px}.metro-dial{width:235px;height:235px;margin:22px auto}.metro-dial-inner>strong{font-size:53px}.metro-live-cues>div{gap:9px;padding:12px}.metro-heading h1{font-size:34px}.metro-session-tag{padding:10px 12px;font-size:9px}.metro-live-cues>div>svg{width:19px}.metro-ventilation-cue strong{font-size:12px}.metro-controls{gap:7px}.metro-end{padding:0 10px}}@media (max-width:800px){.metro-main{padding:28px 22px}.metro-nav{padding:10px 22px}.metro-heading{align-items:start;gap:15px}.metro-heading h1{font-size:31px}.metro-grid{grid-template-columns:1fr}.metro-console{width:100%;max-width:580px;margin:auto;padding:26px}.metro-settings{grid-template-columns:1fr 1fr;gap:16px}.metro-dial{width:255px;height:255px}.metro-settings .metro-card{height:100%}.metro-heading{margin-bottom:23px}.metro-session-tag{margin-top:5px}.metro-footer{font-size:9px}.metro-check-summary{flex-wrap:wrap;justify-content:flex-start;gap:8px}}@media (max-width:560px){.metro-nav{padding:8px 16px}.metro-nav>a:first-child{gap:4px;font-size:10px}.metro-brand{font-size:17px}.metro-nav>button{min-width:40px;min-height:44px}.metro-main{padding:20px 16px max(20px,env(safe-area-inset-bottom))}.metro-heading{margin-bottom:20px;display:block}.metro-eyebrow{letter-spacing:1.2px;font-size:7px}.metro-heading h1{letter-spacing:-1px;margin:9px 0;font-size:28px}.metro-heading p{font-size:11px}.metro-session-tag{margin-top:6px;padding:7px 10px;font-size:8px;display:inline-flex}.metro-console,.metro-card{border-radius:18px;padding:20px}.metro-console-top{letter-spacing:.7px;font-size:9px}.metro-console-top>span:last-child{font-size:8px}.metro-dial{width:216px;height:216px;margin:20px auto}.metro-dial-inner{border-width:5px;gap:10px}.metro-dial-inner>strong{font-size:51px}.metro-dial-inner>span{letter-spacing:.5px;font-size:7px}.metro-dial-inner>small{font-size:9px}.metro-live-cues{gap:9px}.metro-live-cues>div{gap:9px;min-height:77px;padding:12px}.metro-live-cues>div>svg{width:19px}.metro-live-cues span{font-size:9px}.metro-live-cues strong{font-size:20px}.metro-ventilation-cue strong{font-size:11px}.metro-live-cues i{display:none}.metro-stats{gap:9px;margin:18px 0;padding-top:14px}.metro-stats span{letter-spacing:.2px;font-size:7px}.metro-stats strong{font-size:22px}.metro-controls{flex-wrap:wrap;gap:7px}.metro-controls button{min-height:48px;font-size:11px}.metro-start{min-width:100px}.metro-end{padding:0 10px;gap:5px!important}.metro-reset{min-width:44px}.metro-auto-note{gap:5px;margin-top:15px;font-size:8px}.metro-settings{grid-template-columns:1fr}.metro-tempos button{min-height:50px}.metro-card h2{font-size:17px}.metro-setting-note{font-size:11px}.metro-volume-note{font-size:10px}.metro-guidance>p{font-size:12px}.metro-guidance .metro-clinical-note{font-size:10px}.metro-check-summary{justify-content:space-between}.metro-footer{font-size:9px;line-height:1.8;display:block}.metro-footer>span{display:block}.metro-assessment{padding:13px}.metro-assessment p{font-size:11px}.metro-assessment>strong{font-size:13px}}@media (max-width:560px) and (max-height:780px){.metro-heading p{display:none}.metro-heading{margin-bottom:16px}.metro-dial{width:185px;height:185px;margin:17px auto}.metro-dial-inner>strong{font-size:44px}.metro-dial-inner>svg{width:22px;height:22px}.metro-dial-inner{gap:8px}.metro-live-cues>div{min-height:66px;padding:10px}.metro-stats{margin:15px 0}.metro-console{padding:18px}.metro-auto-note{font-size:7px}.metro-main{padding-top:17px}}@media (max-width:350px){.metro-brand{font-size:15px}.metro-console,.metro-card{padding-left:16px;padding-right:16px}.metro-heading h1{font-size:25px}.metro-controls .metro-end span{display:none}.metro-end{min-width:44px}.metro-live-cues>div{gap:7px;padding:10px}.metro-dial-inner>small{font-size:8px}.metro-console-top>span:last-child{font-size:7px}.metro-nav{gap:9px}}@media (prefers-reduced-motion:reduce){.metro-dial-inner>svg{transition:none;transform:none!important}.metro-live-cues>div{transition:none}}.metronome-page{--metro-base:#171719;--metro-surface:#242429;--metro-border:#3b3b43;--metro-muted:#a7a7b0;--metro-ink:#f0f0f3;--metro-accent:var(--metro-ink);--metro-cyan:#94d4e4;--metro-amber:#edc786;background:var(--metro-base)}.metronome-page.metro-theme-light{--metro-base:#fff;--metro-surface:#f3f3f6;--metro-border:#d9d9e2;--metro-muted:#65656f;--metro-ink:#25252b;--metro-cyan:#17647b;--metro-amber:#825311}.metro-nav-actions{gap:10px;display:flex}.metro-nav-actions>button{border:1px solid var(--metro-border);background:var(--metro-surface);min-width:44px;min-height:44px;color:var(--metro-ink);border-radius:12px;place-items:center;display:grid}@media (max-width:380px){.metro-nav{gap:8px;padding-left:12px;padding-right:12px}.metro-nav>a:first-child span{font-size:10px}.metro-brand{font-size:16px}.metro-nav-actions{gap:6px}.metro-nav-actions>button{min-width:38px;min-height:44px}}.metro-brand{align-items:center;gap:9px;display:flex}.metro-brand-symbol{background:var(--metro-ink);width:34px;height:34px;color:var(--metro-base);border-radius:10px;place-items:center;display:grid}@media (max-width:500px){.metro-brand-symbol{width:28px;height:28px}.metro-brand-symbol svg{width:23px;height:23px}.metro-brand{gap:6px}}.metro-trial-note{background:var(--metro-surface);border:1px solid var(--metro-border);color:var(--metro-muted);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:18px 20px;font-size:14px;line-height:1.6;display:flex}.metro-trial-note strong{color:var(--metro-ink)}.metro-trial-note a{color:var(--metro-ink);align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.metro-gate{background:var(--metro-base);color:var(--metro-ink);border:1px solid var(--metro-border);border-radius:24px;width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);padding:32px;overflow:auto;box-shadow:0 30px 100px #0005}.metro-gate::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.metro-gate-icon{background:var(--metro-surface);border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:22px;display:grid}.metro-gate h2{letter-spacing:-.8px;margin:0 0 14px;font-size:28px;line-height:1.2}.metro-gate>p{color:var(--metro-muted);font-size:16px;line-height:1.7}.metro-gate-price{background:var(--metro-surface);border-radius:14px;align-items:center;gap:18px;margin:24px 0;padding:20px;display:flex}.metro-gate-price strong{white-space:nowrap;font-size:30px}.metro-gate-price span{color:var(--metro-muted);font-size:13px;line-height:1.6}.metro-gate .metro-start{justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;display:flex}.metro-gate>a,.metro-gate-close{text-align:center;min-height:44px;color:var(--metro-ink);margin:8px auto 0;padding:14px;font-size:14px;display:block}.metro-gate>a{text-decoration:underline}.metro-gate-close{color:var(--metro-muted)}.metronome-page .metro-eyebrow,.metronome-page .metro-label,.metronome-page .metro-console-top,.metronome-page .metro-auto-note,.metronome-page .metro-stats span{letter-spacing:.7px;font-size:12px;line-height:1.6}.metronome-page .metro-setting-note,.metronome-page .metro-volume-note,.metronome-page .metro-clinical-note,.metronome-page .metro-footer{font-size:14px;line-height:1.7}.metronome-page .metro-intubated small,.metronome-page .metro-volume{font-size:14px}.metronome-page .metro-card-heading h2{font-size:20px}.metronome-page .metro-test{min-height:48px;font-size:15px}.metronome-page .metro-dial-inner>span,.metronome-page .metro-dial-inner small{font-size:12px;line-height:1.6}.metronome-page .metro-live-cues span{font-size:14px}.metronome-page .metro-nav>a:first-child{min-height:44px;font-size:14px}.metronome-page .metro-controls button{min-height:52px;font-size:16px}@media (max-width:600px){.metro-gate{padding:24px}.metro-gate-price{gap:12px;padding:16px}.metro-gate-price strong{font-size:27px}.metro-trial-note{padding:16px}.metronome-page .metro-console-top{gap:12px;font-size:11px}.metronome-page .metro-nav{gap:8px}.metronome-page .metro-brand{font-size:17px}.metronome-page .metro-nav-actions{gap:6px}.metronome-page .metro-nav>a:first-child span{font-size:12px}.metronome-page .metro-brand-symbol{display:none}}.metro-gate .metro-start{background:var(--metro-ink);color:var(--metro-base);border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600}.metro-error button{border:1px solid var(--metro-border);color:var(--metro-ink);border-radius:10px;margin-top:10px;padding:12px;font-size:14px;display:block}.metronome-page{grid-template-rows:64px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.metronome-page .metro-nav{width:100%;max-width:1200px;height:64px;padding:10px 24px}.metronome-page .metro-main{flex-direction:column;gap:10px;width:100%;max-width:860px;min-height:0;margin:0 auto;padding:14px 24px 12px;display:flex}.metronome-page .metro-heading{gap:12px;min-height:48px;margin:0}.metronome-page .metro-heading h1{margin:0;font-size:28px;line-height:1.2}.metronome-page .metro-heading p,.metronome-page .metro-heading .metro-eyebrow{display:none}.metronome-page .metro-session-tag{padding:10px 12px;font-size:12px}.metronome-page .metro-trial-note{border-radius:10px;justify-content:center;gap:10px;min-height:36px;margin:0;padding:8px 12px;font-size:12px;line-height:1.4}.metronome-page .metro-trial-note a{min-height:24px;font-size:12px}.metro-tool-actions{min-height:44px;color:var(--metro-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.metro-tool-actions button{border:1px solid var(--metro-border);min-height:44px;color:var(--metro-ink);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.metronome-page .metro-grid{flex:1;min-height:0;display:block}.metronome-page .metro-console{grid-template-rows:20px minmax(90px,1fr) 60px 40px 52px 18px;gap:10px;max-width:none;height:100%;margin:0;padding:16px 22px;display:grid;position:relative}.metronome-page .metro-console-top{font-size:12px}.metronome-page .metro-dial{aspect-ratio:1;place-self:center;width:auto;max-width:100%;height:100%;min-height:0;max-height:300px;margin:0;padding:5px}.metronome-page .metro-dial-inner{border-width:5px;gap:8px}.metronome-page .metro-dial-inner>strong{font-size:clamp(38px,6dvh,64px)}.metronome-page .metro-dial-inner>span{letter-spacing:.5px;font-size:11px}.metronome-page .metro-dial-inner>small{font-size:11px}.metronome-page .metro-live-cues>div{height:60px;min-height:0;padding:10px 14px}.metronome-page .metro-live-cues strong{margin-top:4px;font-size:22px}.metronome-page .metro-ventilation-cue strong{font-size:16px}.metronome-page .metro-stats{border:0;align-items:center;margin:0;padding:0}.metronome-page .metro-stats span{letter-spacing:.3px;font-size:11px}.metronome-page .metro-stats strong{margin-top:2px;font-size:20px}.metronome-page .metro-controls{flex-wrap:nowrap}.metronome-page .metro-controls button{height:52px;min-height:48px}.metronome-page .metro-auto-note{margin:0;font-size:11px;line-height:1.4}.metronome-page .metro-footer{border:0;min-height:18px;margin:0;padding:0;font-size:11px;line-height:1.4}.metronome-page .metro-assessment{justify-content:space-between;align-items:center;gap:10px;height:60px;padding:8px 12px;display:flex}.metronome-page .metro-assessment p{display:none}.metronome-page .metro-assessment strong{font-size:14px}.metronome-page .metro-notice,.metronome-page .metro-error{z-index:2;max-height:45%;margin:0;position:absolute;bottom:80px;left:16px;right:16px;overflow:auto;box-shadow:0 10px 30px #0004}.metro-tools-dialog{background:var(--metro-base);width:min(780px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--metro-ink);border:1px solid var(--metro-border);border-radius:20px;padding:22px;overflow:auto}.metro-tools-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.metro-tools-dialog>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.metro-tools-dialog>header h2{margin:0;font-size:21px}.metro-tools-dialog>header button{border:1px solid var(--metro-border);border-radius:10px;min-width:44px;min-height:44px}.metro-tools-dialog .metro-settings{grid-template-columns:1fr 1fr;gap:16px;display:grid}.metro-tools-dialog .metro-card{padding:20px}@media (max-width:800px){.metronome-page .metro-main{gap:8px;max-width:680px;padding:10px 16px}.metronome-page .metro-heading{justify-content:center;min-height:42px}.metronome-page .metro-heading h1{font-size:25px}.metronome-page .metro-session-tag{padding:8px 10px;font-size:11px}.metronome-page .metro-console{gap:8px;padding:14px 16px}.metronome-page .metro-footer{text-align:center;justify-content:center}.metronome-page .metro-footer>span:last-child{display:none}.metro-tool-actions>span{font-size:12px}.metro-tools-dialog .metro-settings{grid-template-columns:1fr}}@media (max-width:560px){.metronome-page{grid-template-rows:58px minmax(0,1fr)}.metronome-page .metro-nav{height:58px;padding:6px 12px}.metronome-page .metro-main{padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:8px}.metronome-page .metro-heading{flex-direction:column;gap:5px;min-height:0}.metronome-page .metro-heading h1{letter-spacing:-.7px;font-size:22px}.metronome-page .metro-session-tag{border:0;min-height:18px;padding:0;font-size:12px}.metronome-page .metro-trial-note{flex-wrap:nowrap;justify-content:space-between;gap:6px;padding:7px 10px;font-size:11px}.metronome-page .metro-trial-note a{white-space:nowrap;font-size:11px}.metro-tool-actions{justify-content:center;min-height:42px}.metro-tool-actions>span{display:none}.metro-tool-actions button{justify-content:center;width:100%;min-height:42px;padding:8px 12px;font-size:14px}.metronome-page .metro-console{border-radius:18px;grid-template-rows:20px minmax(90px,1fr) 58px 36px 50px 16px;gap:8px;padding:12px}.metronome-page .metro-console-top{font-size:11px}.metronome-page .metro-console-top>span:last-child{font-size:10px}.metronome-page .metro-dial{max-height:280px}.metronome-page .metro-live-cues{gap:8px}.metronome-page .metro-live-cues>div{gap:8px;height:58px;padding:8px 10px}.metronome-page .metro-live-cues span{font-size:12px}.metronome-page .metro-live-cues strong{font-size:21px}.metronome-page .metro-ventilation-cue strong{font-size:15px}.metronome-page .metro-stats span{font-size:10px}.metronome-page .metro-stats strong{font-size:18px}.metronome-page .metro-controls button{height:50px;font-size:14px}.metronome-page .metro-auto-note{font-size:10px}.metronome-page .metro-footer{min-height:14px;font-size:10px}.metro-tools-dialog{padding:16px}.metro-tools-dialog>header h2{font-size:18px}}@media (max-height:680px){.metronome-page .metro-main{gap:6px;padding-top:6px;padding-bottom:6px}.metronome-page .metro-console{grid-template-rows:18px minmax(80px,1fr) 48px 30px 44px 14px;gap:6px;padding:10px 12px}.metronome-page .metro-heading{min-height:30px}.metronome-page .metro-heading h1{font-size:22px}.metronome-page .metro-dial-inner>svg,.metronome-page .metro-dial-inner>small{display:none}.metronome-page .metro-dial-inner{gap:5px}.metronome-page .metro-dial-inner>strong{font-size:38px}.metronome-page .metro-live-cues>div,.metronome-page .metro-assessment{height:48px;padding:6px 10px}.metronome-page .metro-controls button{height:44px;min-height:44px}.metronome-page .metro-footer{display:none}.metronome-page .metro-stats strong{font-size:16px}.metronome-page .metro-trial-note{min-height:30px;padding:5px 8px}}@media (max-height:500px) and (min-width:480px){.metronome-page{grid-template-rows:48px minmax(0,1fr)}.metronome-page .metro-nav{height:48px;padding:2px 16px}.metronome-page .metro-heading,.metronome-page .metro-trial-note{display:none}.metronome-page .metro-main{max-width:1000px}.metronome-page .metro-console{grid-template-rows:18px 1fr 44px;grid-template-columns:1fr 1fr;gap:8px 24px;padding:10px 16px}.metronome-page .metro-console-top{grid-column:1/-1}.metronome-page .metro-dial{grid-area:2/1/4;max-height:210px}.metronome-page .metro-live-cues,.metronome-page .metro-assessment{grid-area:2/2;align-self:start}.metronome-page .metro-stats{grid-area:2/2;align-self:end;height:32px}.metronome-page .metro-controls{grid-area:3/2}.metronome-page .metro-auto-note{display:none}}@media (max-width:560px){.metronome-page .metro-heading{text-align:center;justify-content:center;align-items:center;display:flex}.metronome-page .metro-session-tag{justify-content:center}}.metronome-page{height:var(--chat-height,100dvh);width:100%;padding-top:env(safe-area-inset-top);overscroll-behavior:none;grid-template-rows:auto minmax(0,1fr)}.metronome-page .metro-nav{min-width:0;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));flex-shrink:0}.metronome-page .metro-main{padding-bottom:max(8px,env(safe-area-inset-bottom));min-width:0;overflow:hidden}.metronome-page .metro-heading{flex-shrink:0;display:flex}.metro-tool-actions,.metronome-page .metro-trial-note{flex-shrink:0}.metronome-page .metro-grid,.metronome-page .metro-console{min-width:0;min-height:0}.metronome-page .metro-console{grid-template-rows:20px minmax(0,1fr) 60px 40px 52px 18px;container-type:size}.metronome-page .metro-dial{place-self:center;width:min(100cqw,100cqh - 240px,300px);height:auto;min-height:0;max-height:100%}.metronome-page .metro-dial-inner{overflow:hidden}.metronome-page .metro-controls .metro-start{min-width:0}.metronome-page .metro-controls button{white-space:nowrap}.metronome-page .metro-live-cues>div{min-width:0}@media (max-width:560px){.metronome-page .metro-console{grid-template-rows:20px minmax(0,1fr) 58px 36px 50px 16px}.metronome-page .metro-dial{width:min(100cqw,100cqh - 220px,280px)}.metronome-page .metro-nav .metro-brand{font-size:15px}.metronome-page .metro-nav-actions>button{min-width:38px}.metronome-page .metro-auto-note{letter-spacing:0}.metronome-page .metro-live-cues small{margin-left:2px}}@media (max-height:680px){.metronome-page .metro-console{grid-template-rows:18px minmax(0,1fr) 48px 30px 44px 14px}.metronome-page .metro-dial{width:min(100cqw,100cqh - 184px,220px)}.metronome-page .metro-heading{flex-direction:row;justify-content:space-between;gap:8px}.metronome-page .metro-heading h1{font-size:19px}.metronome-page .metro-session-tag{white-space:normal;text-align:right;font-size:10px}.metronome-page .metro-trial-note{font-size:10px}.metronome-page .metro-dial-inner>strong{font-size:clamp(24px,7dvh,38px)}.metronome-page .metro-dial-inner>span{font-size:9px}}@media (max-height:500px) and (min-width:480px){.metronome-page .metro-heading,.metronome-page .metro-trial-note{display:none}.metronome-page .metro-console{grid-template-rows:18px minmax(0,1fr) 44px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.metronome-page .metro-dial{width:min(40cqw,100cqh - 20px,210px)}.metronome-page .metro-auto-note{display:none}}@media (max-height:540px) and (max-width:479px){.metronome-page .metro-heading,.metronome-page .metro-footer{display:none}.metronome-page .metro-main{gap:4px}.metronome-page .metro-console{grid-template-rows:16px minmax(0,1fr) 44px 28px 44px 12px;gap:4px;padding:8px}.metronome-page .metro-dial{width:min(100cqw,100cqh - 164px,180px)}.metronome-page .metro-live-cues>div{height:44px}.metronome-page .metro-live-cues span{font-size:11px}.metronome-page .metro-controls button{font-size:12px}.metronome-page .metro-auto-note{font-size:9px}}