.app{width:100%;min-width:min-content;height:100%;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));display:flex;flex-direction:column;gap:.7rem}.app-titlebar{display:flex;align-items:baseline;gap:.6rem;flex-wrap:nowrap;padding:0 .2rem}.app-titlebar h1{font-size:1.05rem;margin:0;white-space:nowrap}.app-version{color:var(--muted);font-size:.82rem;font-weight:500}.toolbar{display:flex;align-items:center;gap:.5rem .7rem;flex-wrap:nowrap;padding:.5rem .7rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.toolbar-app{justify-content:flex-end;gap:.4rem}.toolbar-app .btn{display:inline-flex;align-items:center;gap:.35rem}.help-menu-wrap{position:relative;display:inline-flex}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.help-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:41;min-width:210px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0006}.help-menu button{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;background:none;border:none;border-radius:6px;color:var(--text);font-size:.9rem;text-align:left;cursor:pointer}.help-menu button:hover{background:var(--line)}.qs-modal{max-width:640px}.qs-scroll{overflow-y:auto;padding:.5rem 1.25rem 1.25rem}.qs-section{padding:.85rem 0;border-bottom:1px solid var(--line)}.qs-section:last-child{border-bottom:none}.qs-h{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1rem;color:var(--accent)}.qs-h-icon{display:inline-flex;color:var(--accent)}.qs-h-icon svg{width:18px;height:18px}.qs-row.has-icon{display:flex;align-items:flex-start;gap:.55rem}.qs-row-icon{flex:0 0 auto;display:inline-flex;margin-top:.1rem;color:var(--muted)}.qs-row-icon svg{width:16px;height:16px}.qs-row-main{min-width:0}.qs-intro{margin:0 0 .75rem;color:var(--muted);line-height:1.55;font-size:.92rem}.qs-row{margin:0 0 .7rem}.qs-row:last-child{margin-bottom:0}.qs-row-title{font-weight:600;color:var(--text);font-size:.92rem;margin-bottom:.15rem}.qs-row-body{color:var(--muted);line-height:1.55;font-size:.9rem}.set-help-links{display:flex;gap:.5rem;margin:.5rem 0 .75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#11161d;color:var(--text);padding:.32rem .7rem;border-radius:8px;font-size:.82rem;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.btn-accept{background:#2e6f3e;border-color:#3a8a4e;color:#eafff0;font-weight:600}.tap-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap;flex-shrink:0}.tap-action{min-width:5.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap}.tap-action svg{flex-shrink:0}.btn-cancel{border-color:#c0772a;color:#f0a258}.btn-cancel:hover:not(:disabled){border-color:#e08a32}.btn.toggle.on{background:color-mix(in srgb,var(--accent) 22%,#11161d);border-color:var(--accent);color:var(--text)}.material-results h3{font-size:.82rem;margin:.75rem 0 .35rem;color:var(--accent);font-weight:600}.material-results h3:first-child{margin-top:0}.mat-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.22rem 0;border-bottom:1px solid var(--line);font-size:.88rem}.mat-label{color:var(--muted)}.mat-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.mat-value em{color:var(--muted);font-style:normal;font-weight:400;font-size:.82rem}.mat-hint{color:var(--muted);font-style:normal;font-weight:400;font-size:.78rem}.mat-peaks{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.5rem}.mat-peak-row{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.mat-peak-star{color:#0a84ff;font-size:.95rem}.mat-peak-info{display:flex;flex-direction:column}.mat-peak-freq{font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums}.mat-peak-mag{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}.mat-badges{margin-left:auto;display:flex;gap:.35rem}.mat-badge{min-width:1.9rem;text-align:center;padding:.2rem .4rem;border-radius:6px;font-size:.78rem;font-weight:700;background:var(--line);color:var(--muted)}.mat-section{margin-top:.6rem}.mat-divider{border:none;border-top:1px solid var(--line);margin:.45rem 0}.mat-freqs{color:var(--muted);font-size:.82rem;display:flex;flex-direction:column;gap:.1rem}.mat-prop,.mat-prop-block{padding:.22rem 0}.mat-prop{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.88rem}.mat-prop-title{font-weight:600;font-size:.86rem;margin-bottom:.15rem}.mat-lc{display:flex;gap:1rem;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.mat-lc-sub{color:var(--muted);font-size:.82rem;margin-top:.15rem;font-variant-numeric:tabular-nums}.analysis-bar{flex:none;display:flex;align-items:stretch;gap:.7rem;padding:.45rem .1rem .5rem;border-top:1px solid var(--line)}.analysis-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.08rem}.analysis-divider{width:1px;background:var(--line);align-self:stretch}.ac-cap{font-size:.66rem;color:var(--muted)}.ac-val-row{display:flex;align-items:baseline;gap:.35rem;min-width:0}.ac-val{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ac-qual{font-size:.78rem;font-weight:600;white-space:nowrap}.ac-sub{font-size:.64rem;color:var(--muted)}.mat-specmod{background:#7f7f7f1a;border-radius:8px;padding:.5rem .6rem;margin:.5rem 0}.mat-specmod-title{font-weight:600;font-size:.86rem;margin-bottom:.3rem}.mat-specmod-cols{display:flex;justify-content:space-between;gap:1rem}.mat-specmod-right{text-align:right}.mat-specmod-label{color:var(--muted);font-size:.78rem}.mat-specmod-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.mat-specmod-value em{font-style:normal;font-weight:400;font-size:.74rem;color:var(--muted)}.mat-specmod-quality{font-size:.78rem;font-weight:500}.mat-gore-thickness{font-size:2.1rem;font-weight:700;color:var(--accent);line-height:1.1;font-variant-numeric:tabular-nums}.mat-gore-thickness em{font-style:normal;font-size:1rem;color:var(--muted);font-weight:400}.mat-info,.mat-params{color:var(--muted);font-size:.76rem;margin:.2rem 0 0}.mat-overall .mat-value{font-size:1rem;font-weight:700}.mat-process-head{font-size:.82rem;font-weight:600;margin-bottom:.4rem}.mat-step{display:flex;gap:.45rem;margin-bottom:.45rem}.mat-step-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:.3rem}.mat-step-title{font-size:.78rem;font-weight:600}.mat-step-body{font-size:.76rem;color:var(--muted)}.mat-process-foot{font-size:.76rem;font-style:italic;color:var(--muted);margin:.3rem 0 0}.taps-toggle{margin-left:auto}.taps-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.multitap-table{display:flex;flex-direction:column;font-size:.82rem}.mt-row{display:grid;grid-template-columns:5.5rem 1fr 1fr 1fr;align-items:center;gap:.4rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.mt-head{color:var(--muted);font-weight:600}.mt-head .mt-cell{text-align:center}.mt-label{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.mt-cell{text-align:center;font-variant-numeric:tabular-nums}.mt-empty{color:var(--muted)}.mt-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.mt-square{width:9px;height:9px;border-radius:2px;flex:0 0 auto}.mt-avg{font-weight:700;border-bottom:none}.comparison-table .mt-row{grid-template-columns:minmax(0,1fr) 4.2rem 4.2rem 4.2rem}.comparison-table .mt-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meas-check{align-self:center;font-size:1.1rem;width:1.4rem;text-align:center;color:var(--accent)}.meas-row.selected{background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:8px}.meas-row.disabled{opacity:.4}.meas-row.disabled .meas-info{cursor:default}.type-badge.comparison{background:#b07ad8;color:#fff}.detail-section{margin-bottom:1rem}.detail-section h3{font-size:.85rem;margin:0 0 .4rem;color:var(--accent);font-weight:600}.detail-row{display:flex;justify-content:space-between;gap:1rem;padding:.22rem 0;border-bottom:1px solid var(--line);font-size:.88rem}.detail-label{color:var(--muted)}.detail-value{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.detail-notes{padding:.35rem 0}.detail-notes p{margin:.25rem 0 0;font-size:.86rem;white-space:pre-wrap}.detail-peaks{display:flex;flex-direction:column;gap:.25rem}.detail-peak{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.detail-peak.unselected{opacity:.4}.detail-peak-star{color:#0a84ff;font-size:.95rem;line-height:1.4}.detail-peak-body{flex:1;min-width:0}.detail-peak-line1{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.detail-peak-mode{font-weight:700;font-size:.9rem}.detail-peak-freq{font-variant-numeric:tabular-nums;font-weight:600}.detail-peak-pitch{color:#b07ad8;font-size:.8rem}.detail-peak-line2{display:flex;gap:1rem;margin-top:.15rem;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.field{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted)}.field label{white-space:nowrap}.field input[type=range]{width:130px;accent-color:var(--accent)}.field .val{font-variant-numeric:tabular-nums;color:var(--text);min-width:3.5rem}.field select{background:#0a0d12;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.3rem .4rem}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:50}.settings-modal{background:#0e1116;border:1px solid var(--line);border-radius:12px;width:100%;max-width:460px;max-height:92vh;display:flex;flex-direction:column}.alert-modal{max-width:420px;padding:1.25rem 1.4rem}.alert-title{margin:0 0 .4rem;font-size:1.05rem;font-weight:600;color:var(--text)}.alert-message{margin:0 0 1.1rem;color:var(--muted);line-height:1.5;font-size:.92rem}.alert-buttons{display:flex;justify-content:flex-end;gap:.5rem}.alert-modal .btn.primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.settings-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.settings-modal-head h2{margin:0;font-size:1.1rem}.set-head-buttons{display:flex;gap:.5rem}.settings-body{overflow-y:auto;padding:.5rem 1rem 1rem}.settings-body section{padding:.75rem 0;border-bottom:1px solid var(--line)}.settings-body section:last-child{border-bottom:none}.settings-body h3{font-size:.9rem;margin:0 0 .5rem;color:var(--accent)}.settings-body h4{font-size:.82rem;margin:.75rem 0 .4rem;color:var(--muted)}.set-select,.set-input-select{background:#0a0d12;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.35rem .5rem}.set-select{width:100%}.set-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem;margin:.35rem 0}.set-field.check{justify-content:flex-start;gap:.5rem}.set-input{display:inline-flex;align-items:center;gap:.3rem}.set-input input{width:5rem;background:#0a0d12;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.3rem .4rem;text-align:right;font-variant-numeric:tabular-nums}.set-input em{color:var(--muted);font-style:normal;font-size:.8rem;min-width:1.6rem}.set-readout{font-size:.85rem;color:var(--muted);margin:.5rem 0}.set-readout b{color:var(--text);font-variant-numeric:tabular-nums}.set-note{font-size:.78rem;color:var(--muted);margin:.4rem 0 0}.set-cal-actions{display:flex;gap:.4rem;margin-top:.4rem}.playfile-pick{display:flex;align-items:center;gap:.5rem}.playfile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.set-disclosure{background:none;border:none;color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center;gap:.4rem}.set-buttons{display:flex;gap:.5rem;margin-top:.4rem}.set-range{margin:.6rem 0}.set-range-title{font-size:.85rem;font-weight:500;margin-bottom:.3rem}.set-range-inputs{display:flex;align-items:center;gap:.5rem}.set-range-dash{color:var(--muted)}.set-desc{font-size:.78rem;color:var(--muted);margin:.25rem 0 0}.set-inline-desc{color:var(--muted);font-style:normal;font-size:.78rem}.set-field input[type=number]:disabled{opacity:.45}.mode-range-table{width:100%;border-collapse:collapse;font-size:.82rem}.mode-range-table td{padding:.2rem 0;border-bottom:1px solid var(--line)}.mode-range-table td:last-child{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.toolbar .divider{width:1px;align-self:stretch;min-height:20px;background:var(--line)}.stepper{display:flex;align-items:center;gap:.35rem}.btn.step{padding:.2rem .55rem;font-size:1rem;line-height:1}.step-val{min-width:1.4rem;text-align:center;color:var(--text);font-variant-numeric:tabular-nums}.thmeter{display:flex;align-items:center;gap:.5rem}.thmeter-canvas{width:220px;height:24px;flex:0 0 auto;cursor:ew-resize;touch-action:none}.thmeter-val{font-variant-numeric:tabular-nums;color:var(--text);min-width:3.5rem}.error{color:#ff8a7a;margin:0}.load-warning{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid #6b5a1e;background:#2a2410;color:#e6c558;border-radius:8px;font-size:.88rem}.load-warning span{flex:1 1 auto}.loaded-settings-banner{padding:.4rem .85rem;margin-top:.4rem;border:1px solid #6b4a1e;background:#2a1f10;color:#f0a258;border-radius:8px;font-size:.82rem;font-weight:500}.main{display:flex;gap:1rem;align-items:stretch;flex:1;min-height:0}.chart-pane{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.chart-wrap{width:100%;flex:1 1 auto;min-height:240px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0e1116}.chart-host{position:relative;width:100%;height:100%}.mat-instr{flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 12px}.mat-instr-head{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.mat-instr-phase{display:flex;align-items:center;gap:8px}.mat-instr-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.mat-instr-short{font-weight:600;font-size:13px}.mat-instr-step{margin-left:auto;font-size:12px;color:var(--muted)}.mat-instr-divider{height:1px;background:var(--line);margin:8px 0}.mat-instr-body{display:flex;align-items:flex-start;gap:12px}.mat-instr-icon{flex:0 0 30px;display:flex;justify-content:center;padding-top:1px}.mat-instr-text{min-width:0}.mat-instr-title{font-weight:500;font-size:13px;color:var(--text);margin-bottom:3px}.mat-instr-desc{font-size:12px;color:var(--muted);line-height:1.4}.chart-title{position:absolute;top:6px;left:10px;z-index:2;font-size:.82rem;font-weight:600;color:var(--muted);pointer-events:none}.spectrum-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none}.spectrum-canvas:active{cursor:grabbing}.chart-help{position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:#0e1116d9;color:var(--muted);font-size:.8rem;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;padding:0}.chart-help:hover{color:var(--text);border-color:var(--accent)}.chart-menu-btn{position:absolute;top:6px;right:32px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:#0e1116d9;color:var(--muted);font-size:.85rem;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;padding:0}.chart-menu-btn:hover{color:var(--text);border-color:var(--accent)}.chart-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4}.chart-legend{position:absolute;top:52px;right:22px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem .7rem;padding:.3rem .6rem;background:#0e1116d1;border:1px solid var(--line);border-radius:7px;z-index:2;pointer-events:none}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted)}.legend-swatch{width:14px;height:3px;border-radius:2px}.chart-help-pop{position:absolute;top:30px;right:8px;z-index:5;background:#11161d;border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;max-width:320px;box-shadow:0 6px 24px #00000080}.chart-help-pop h4{margin:0 0 .4rem;font-size:.85rem}.ctrl-row{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;padding:.12rem 0}.ctrl-row b{white-space:nowrap}.ctrl-row span{color:var(--muted);text-align:right}.chart-ctx{position:fixed;z-index:60;background:#11161d;border:1px solid var(--line);border-radius:8px;padding:.3rem;min-width:168px;box-shadow:0 6px 24px #00000080}.chart-ctx .ctx-title{font-size:.85rem;font-weight:600;padding:.25rem .5rem .35rem}.chart-ctx .ctx-header{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.3rem .5rem .15rem}.chart-ctx button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:.85rem;padding:.3rem .5rem;border-radius:5px;cursor:pointer}.chart-ctx button:hover{background:var(--accent);color:#06121f}.chart-ctx .ctx-sep{height:1px;background:var(--line);margin:.25rem 0}.results-pane{flex:0 0 320px;background:var(--panel);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.results-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:.75rem .9rem;display:flex;flex-direction:column}.results-scroll{flex:1;min-height:0;overflow-y:auto}.results-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.5rem .1rem .1rem;border-top:1px solid var(--line)}.foot-export{display:flex;gap:.4rem}.foot-status{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--muted);white-space:nowrap}.foot-status .foot-dot{font-size:.66rem;color:#8a8a8e}.foot-status.on{color:var(--text, #dfe4ea)}.foot-status.on .foot-dot{color:#3fb950}.results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.results-pane h2{font-size:.95rem;margin:0;color:var(--muted);font-weight:600}.type-badge{font-size:.75rem;padding:.1rem .5rem;border-radius:4px}.type-badge.guitar{background:#4ea1ff33;color:#9cc7ff}.type-badge.material{background:#f0a03a33;color:#f0c089}.results{width:100%;border-collapse:collapse;font-size:.88rem}.results th,.results td{text-align:right;padding:.32rem .4rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.results th{color:var(--muted);font-weight:600}.results th:first-child,.results td:first-child{text-align:left}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.empty{color:var(--muted);font-size:.85rem;margin:0}.results-mic{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted);margin-bottom:.4rem}.results-mic-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-sub{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.78rem;color:var(--muted)}.sel-buttons{display:flex;gap:.3rem}.btn.mini{padding:.12rem .45rem;font-size:.75rem}.btn.mini.icon{display:inline-flex;align-items:center;justify-content:center;padding:.2rem}.btn.mini.icon svg{width:14px;height:14px}.cards{display:flex;flex-direction:column;gap:.4rem}.peak-card{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;border-radius:8px;border-left:3px solid transparent}.star{background:none;border:none;cursor:pointer;color:#4ea1ff;font-size:1.05rem;line-height:1.2;padding:0}.mode-icon{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px}.mode-glyph{display:inline-flex;align-items:center;justify-content:center}.mode-glyph svg{width:16px;height:16px}.range-flag{font-size:.7rem;font-weight:700;line-height:1}.range-flag.ok{color:#5fd07a}.range-flag.warn{color:#f0a03a}.peak-info{flex:1;min-width:0}.peak-info .row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.mode-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;font-size:.95rem;font-weight:600;padding:0;cursor:pointer;max-width:60%}.mode-select.override{font-style:italic}.mode-select:focus{outline:none}.freq{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.pitch{color:#c79cf0;font-size:.82rem;font-weight:600;margin:.15rem 0}.note-icon{margin-right:.25rem}.details{font-size:.78rem;color:var(--muted);margin-top:.1rem}.kv{margin-right:.75rem}.kv b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.mag{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.statusbar{display:flex;align-items:center;gap:.85rem;padding:.5rem .85rem;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:8px;font-size:.85rem}.statusbar.state-listening{border-left-color:#d8b13a}.statusbar.state-listening .status-text{color:#e6c558}.statusbar.state-capturing{border-left-color:#4ea1ff}.statusbar.state-capturing .status-text{color:#6fb6ff}.statusbar.state-paused{border-left-color:#c0772a}.statusbar.state-paused .status-text{color:#f0a258}.status-text{min-width:14rem;font-weight:500}.sb-state-dot,.sb-active-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.sb-state-dot{background:var(--muted)}.sb-state-dot.complete{background:#3fb950}.sb-active-dot{background:#c0772a}.sb-active-dot.on{background:#3fb950}.sb-detect,.sb-sep{color:var(--muted);white-space:nowrap}.sb-msg{font-weight:500;color:var(--text);white-space:nowrap}.sb-msg.idle{color:#f0a258}.spacer{flex:1}.level,.rate{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.sb-progress{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent);white-space:nowrap}.sb-frozen{font-weight:600;color:#f0a258;white-space:nowrap}.sb-peak{font-variant-numeric:tabular-nums;color:#6fb6ff;white-space:nowrap}.metrics-modal{max-width:460px}.metric-group{border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.metric-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border-bottom:none}.metric-label{display:flex;flex-direction:column;gap:.1rem}.metric-name{font-size:.9rem}.metric-subtitle{font-size:.75rem;color:var(--muted)}.metric-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-status{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.85rem}.metric-dot{width:8px;height:8px;border-radius:50%;background:#6b727c}.metric-dot.on{background:#3bbf63}.save-modal{max-width:460px}.set-field.col{flex-direction:column;align-items:stretch;gap:.35rem}.set-field textarea,.meas-row textarea{width:100%;resize:vertical;font:inherit;background:#11161d;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem}.measurements-modal{max-width:560px}.measurements-modal .settings-modal-head{flex-direction:column;align-items:stretch;gap:.6rem}.measurements-modal .set-head-buttons{flex-wrap:wrap;justify-content:flex-end}.meas-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.meas-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:#11161d}.meas-row.editing{flex-direction:column;align-items:stretch}.meas-row.editing input,.meas-row.editing textarea{width:100%;font:inherit;background:#0e1116;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem}.meas-total{margin:0 0 .5rem;font-size:.78rem;color:var(--muted)}.meas-hint{margin:0 0 .6rem;padding:.5rem .6rem;font-size:.78rem;line-height:1.35;color:var(--muted);background:#7f7f7f1a;border:1px solid var(--line);border-radius:8px}.meas-hint b{color:var(--text)}.meas-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto;cursor:pointer}.meas-line1{display:flex;align-items:baseline;gap:.4rem;min-width:0}.meas-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meas-wave{color:#3bbf63;font-weight:700}.meas-date{margin-left:auto;font-size:.78rem;color:var(--muted);white-space:nowrap}.meas-meta{font-size:.78rem;color:var(--muted)}.meas-notes{font-size:.82rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meas-actions{display:flex;gap:.35rem;flex-shrink:0}.meas-menu-wrap{position:relative;flex-shrink:0}.meas-menu-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text);font-size:1.1rem;line-height:1;padding:.25rem .5rem;border-radius:8px;cursor:pointer}.meas-menu-btn:hover{border-color:var(--line);background:#161b22}.meas-menu{z-index:1000;min-width:12rem;display:flex;flex-direction:column;padding:.25rem;background:#161b22;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #00000073}.meas-menu button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text);text-align:left;font:inherit;padding:.45rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.55rem}.meas-ico{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.meas-menu button:hover{background:var(--accent);color:#06121f}.meas-menu button.danger{color:#e0584a}.meas-menu button.danger:hover{background:#e0584a;color:#fff}.meas-menu-sep{height:1px;margin:.25rem .3rem;background:var(--line)}@media (max-width: 820px){.main{flex-direction:column}.results-pane{flex-basis:auto;position:static;overflow:visible}.results-inner{position:static;overflow:visible}.status-text{min-width:0}.statusbar{flex-wrap:wrap}}.phone-only,.toolbar-app .btn.phone-only{display:none}@media (pointer: coarse) and ((max-width: 500px) or (max-height: 500px)){html,body,#root{overflow:hidden;height:100%}.app{min-width:0;overflow:hidden;gap:.4rem;padding:calc(.4rem + env(safe-area-inset-top)) calc(.5rem + env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) calc(.5rem + env(safe-area-inset-left))}.toolbar{flex-wrap:wrap;gap:.3rem}.toolbar-app .btn span{display:none}.toolbar-app .btn{padding:.4rem .5rem}.phone-only,.toolbar-app .btn.phone-only{display:inline-flex}div.phone-only{display:block}.results-pane{position:fixed;left:0;right:0;bottom:0;top:auto;height:80vh;height:80dvh;z-index:60;border-radius:16px 16px 0 0;border-bottom:none;overflow:hidden;transform:translateY(100%);transition:transform .25s ease}.results-pane.open{transform:translateY(0)}.results-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:1.1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));overflow:visible}.results-pane:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--line);z-index:1}.results-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:59}}@media (pointer: coarse) and (orientation: landscape) and (max-height: 500px){.app-titlebar,.loaded-settings-banner{display:none}.app{display:grid;grid-template-columns:190px 1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"appbar main" "taps   main" "status status";gap:.4rem}.toolbar-app{grid-area:appbar}.toolbar-taps{grid-area:taps;flex-direction:column;align-items:stretch;flex-wrap:nowrap;min-height:0;overflow-y:auto}.toolbar-taps .divider{display:none}.toolbar-taps .field,.toolbar-taps .tap-actions{width:100%}.main{grid-area:main;min-height:0}.statusbar{grid-area:status}.results-pane{top:0;right:0;bottom:0;left:auto;width:min(46%,420px);height:auto;border-radius:0;border-left:1px solid var(--line);transform:translate(100%);padding:0}.results-pane.open{transform:translate(0)}.results-pane:before{display:none}.results-inner{padding:calc(.75rem + env(safe-area-inset-top)) calc(.9rem + env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) .9rem}.analysis-bar,.results-mic{display:none}}:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--bg: #0b0e13;--panel: #141a22;--line: #222a33;--text: #e7ebf0;--muted: #8a96a5;--accent: #4ea1ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}