:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#03090d;--bg-2:#07161a;--panel:#14171bd6;--panel-solid:#14171b;--line:#eeeee62e;--line-strong:#eeeee657;--text:#f1f0e8;--muted:#f1f0e8ad;--dim:#f1f0e870;--mint:#45efc3;--mint-2:#0fb39e;--yellow:#ffc248;--orange:#ff8246;--red:#f04848;--shadow:#0000006b;--radius:8px;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}html{scrollbar-gutter:stable}body{background:radial-gradient(circle at 50% 0,#45efc324,#0000 38rem),radial-gradient(circle at 50% 100%,#222a5559,#0000 34rem),linear-gradient(#03130f 0%,#050c12 48%,#0b0f1b 100%)}a{color:var(--mint);text-decoration:none}button,input,select{font:inherit}button{color:inherit}.app-frame{min-height:100svh;padding:calc(18px + env(safe-area-inset-top,0px)) clamp(18px, 4vw, 42px) calc(108px + var(--safe-bottom));flex-direction:column;gap:18px;display:flex;overflow-x:hidden}.brand-header{grid-template-columns:62px 1fr auto;align-items:center;gap:10px;width:min(100%,1560px);min-height:62px;margin:0 auto;display:grid}.brand-mark-link,.icon-link{border-radius:var(--radius);width:52px;height:52px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.icon-link{border:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;opacity:.84;justify-self:end;width:auto;min-width:72px;height:42px;padding:0 12px;font-size:11px;font-weight:800}.pick-logo{filter:drop-shadow(0 0 14px #45efc352);width:42px;height:42px}.wordmark{min-width:0;color:var(--text);flex-direction:column;justify-self:center;align-items:center;gap:0;display:flex}.wordmark-title{letter-spacing:.06em;align-items:baseline;font-size:clamp(24px,4vw,48px);line-height:1;display:flex}.wordmark-title strong{font-weight:850}.wordmark-title span{opacity:.88;font-weight:300}.wordmark-subtitle{letter-spacing:.62em;color:#f1f0e8b8;margin-top:4px;font-size:clamp(9px,1.2vw,14px);transform:translate(.31em)}.workspace-shell{flex:1;width:min(100%,1560px);margin:0 auto;display:flex}.tuner-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(270px,350px);align-items:start;gap:clamp(18px,4vw,44px);display:grid}.tuner-main{justify-items:center;gap:clamp(10px,1.7vw,18px);min-width:0;display:grid}.preset-pill{border:1px solid var(--line-strong);min-width:min(100%,390px);min-height:54px;box-shadow:inset 0 0 0 1px #ffffff08, 0 18px 44px var(--shadow);color:var(--muted);cursor:pointer;background:linear-gradient(#ffffff12,#ffffff06);border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:0 22px;display:inline-flex}.preset-pill strong{color:var(--text);font-weight:650}.gauge{isolation:isolate;justify-items:center;width:min(100%,820px);min-width:0;padding-top:4px;display:grid;position:relative}.gauge-svg{z-index:1;aspect-ratio:680/470;filter:drop-shadow(0 22px 34px #0000006b);width:100%;min-width:0;max-width:100%;position:relative;overflow:visible}.gauge-track,.gauge-flat,.gauge-sharp,.gauge-tuned-zone{fill:none;stroke-linecap:round}.gauge-track{stroke:#f1f0e829;stroke-width:18px}.gauge-flat{stroke:var(--yellow);stroke-width:5px;opacity:.92}.gauge-sharp{stroke:var(--orange);stroke-width:5px;opacity:.92}.gauge-tuned-zone{stroke:#45efc3b8;stroke-width:16px;opacity:.54}.gauge-tick{stroke:#f1f0e86b;stroke-width:1.3px}.gauge-tick-major{stroke:#f1f0e8db;stroke-width:3px}.gauge-tick-medium{stroke:#f1f0e89e;stroke-width:2px}.gauge-label{fill:var(--text);font-size:18px;font-weight:650}.needle{stroke:#f1f0e8e6;stroke-width:7px;stroke-linecap:round;transform:rotate(var(--needle-angle,0deg));transform-box:view-box;transform-origin:var(--gauge-center-x) var(--gauge-center-y);filter:drop-shadow(0 0 16px #45efc36b);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.needle-hub{fill:var(--mint)}.gauge-center-marker{stroke:#f1f0e8e6;stroke-width:6px;stroke-linecap:round}.gauge-cents{fill:var(--mint);letter-spacing:0;paint-order:stroke;stroke:#04080c85;stroke-width:5px;font-size:44px;font-weight:850}.gauge-cents-label{color:var(--text);fill:var(--text);letter-spacing:.18em;text-transform:uppercase;font-size:16px;font-weight:850}.gauge-status{fill:var(--mint);letter-spacing:.14em;font-size:15px;font-weight:800}.gauge.is-flat .needle{filter:drop-shadow(0 0 16px #ffc24861)}.gauge.is-sharp .needle{filter:drop-shadow(0 0 16px #ff824661)}.gauge-note-wheel{pointer-events:none}.gauge-note-wheel-rotor{transform:rotate(var(--wheel-rotation));transform-box:view-box;transform-origin:var(--wheel-center-x) var(--wheel-center-y);transition:transform .18s ease-out}.gauge-note-wheel .gauge-note-wheel-segment{fill:#0e1418b8;stroke:#f1f0e824;stroke-width:1.2px;opacity:.84}.gauge-note-wheel .gauge-note-wheel-center{fill:#45efc329;stroke:#45efc385;opacity:1}.gauge-note-wheel text{fill:#f1f0e8e6;letter-spacing:0;paint-order:stroke;stroke:#04080cd1;stroke-width:5px;font-size:26px;font-weight:820}.gauge-note-wheel .wheel-octave{fill:#45efc3e6;font-size:.62em}.gauge-note-wheel-labels text{opacity:.9}.app-frame.reduce-visual-effects .gauge-note-wheel-rotor{transition:none}.readout-grid{grid-template-columns:1fr minmax(160px,260px) 1fr;align-items:end;gap:12px;width:min(100%,820px);display:grid}.metric,.signal-meter{color:var(--muted);gap:3px;display:grid}.metric:last-child{text-align:right}.metric strong,.signal-meter strong{color:var(--text);font-size:clamp(22px,3vw,38px);font-weight:680}.signal-meter{text-align:center;justify-items:center}.signal-bars{align-items:center;gap:5px;height:26px;display:flex}.signal-bars i{background:#f1f0e838;border-radius:999px;width:9px;height:24px;transform:skew(-10deg)}.signal-bars i.is-lit{background:var(--mint);box-shadow:0 0 12px #45efc36b}.headstock{aspect-ratio:480/640;width:min(100%,610px);overflow:visible}.headstock-shadow{fill:#0000008c;filter:blur(18px);transform:translateY(12px)}.headstock-body{fill:url(#wood);stroke:#f1f0e86b;stroke-width:2.1px}.headstock-edge{fill:none;stroke:#45efc3b8;stroke-width:1.7px;filter:drop-shadow(0 0 14px #45efc38a)}.wood-sheen,.neck-grain{fill:none;stroke:#f1f0e814;stroke-width:1.2px}.headstock-logo-word{fill:var(--text);letter-spacing:.05em;font-size:19px;font-weight:780}.headstock-mini-pick path:first-child{fill:#45efc370;stroke:#45efc3b3;stroke-width:1.2px}.headstock-mini-pick path:last-child{fill:none;stroke:#050d11e6;stroke-width:6px;stroke-linecap:round}.headstock-byline-by,.headstock-byline-name{dominant-baseline:central;fill:#45efc3eb;paint-order:stroke;stroke:#03080b94;stroke-width:2px}.headstock-byline-by{font-size:11px;font-weight:560}.headstock-byline-name{font-size:16px;font-weight:680}.nut{fill:url(#chrome)}.neck{fill:#3e2c23d1;stroke:#f1f0e833;stroke-width:1px}.fret{stroke:url(#chrome);stroke-width:4px;stroke-linecap:round}.peg-button{cursor:pointer;outline:none}.peg-hit-area{fill:#0000}.peg-stem{stroke:url(#chrome);stroke-width:8px;stroke-linecap:round}.post-halo{fill:#45efc32e;stroke:#45efc3c7;stroke-width:2px;filter:drop-shadow(0 0 15px #45efc3db)}.post-rim{fill:url(#chrome);stroke:#ffffff6b;stroke-width:1.4px}.post{fill:url(#chrome);stroke:#0a0c0eb3;stroke-width:2px}.post-slot{stroke:#05090c94;stroke-width:3px;stroke-linecap:round}.tuner-key{fill:url(#chrome);stroke:#ffffff59;stroke-width:1px}.tuner-assembly{pointer-events:none;filter:drop-shadow(0 3px 4px #00000080)}.tuner-key-glow{fill:#45efc33d;filter:blur(7px)drop-shadow(0 0 13px #45efc3d1);pointer-events:none}.tuner-key-label{fill:#010507fa;letter-spacing:0;paint-order:stroke;stroke:#ffffffe0;stroke-width:3.6px;font-size:18px;font-weight:850}.string,.neck-string{stroke:#eeeee6db;stroke-width:var(--string-width,2px);stroke-linecap:round;filter:drop-shadow(0 0 2px #00000080)}.string-winding line{stroke:#fff5d29e;stroke-width:min(1px, calc(var(--string-width,2px) * .28));stroke-linecap:round}.is-selected-string .post{stroke:var(--mint)}.is-selected-string .post-rim,.is-selected-string .tuner-key,.is-selected-string .tuner-assembly{stroke:var(--mint);filter:drop-shadow(0 0 10px #45efc38c)}.is-active-string .post,.is-active-string .post-rim,.is-active-string .tuner-key,.is-active-string .tuner-assembly{fill:url(#activeChrome);filter:drop-shadow(0 0 14px #45efc3d9);stroke:var(--mint)}.is-active-string .tuner-key-label{fill:#010507fa;stroke:#e8fffaeb}.is-active-string .string,.is-active-string .neck-string{stroke:var(--mint);filter:drop-shadow(0 0 11px #45efc3e6)}.is-active-string .string-winding line{stroke:#cbfff0f0}.string-buttons{grid-template-columns:repeat(6,minmax(54px,1fr));gap:clamp(8px,1.2vw,16px);width:min(100%,720px);display:grid}.string-button{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:80px;color:var(--text);cursor:pointer;background:linear-gradient(#ffffff14,#ffffff06);place-items:center;display:grid;position:relative}.string-button span{font-size:clamp(28px,4vw,44px);font-weight:760;line-height:1}.string-button small{color:var(--muted);font-size:clamp(18px,2.6vw,26px);line-height:1}.string-button.is-selected{border-color:var(--mint);box-shadow:inset 0 0 0 1px #45efc3cc,0 0 24px #45efc329}.string-button.is-tuned{color:var(--mint)}.tool-row{grid-template-columns:1fr 112px 1fr;align-items:center;gap:clamp(10px,2vw,28px);width:min(100%,720px);margin-top:2px;display:grid}.pill-button,.auto-orb,.primary-button,.secondary-button,.tempo-button,.play-button,.text-button{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);cursor:pointer;background:linear-gradient(#ffffff14,#ffffff06)}.pill-button{min-height:58px;color:var(--mint);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:760;display:inline-flex}.pill-button span{font-size:28px}.auto-orb{color:#031018;text-transform:uppercase;background:linear-gradient(160deg,#72ffda,#07b99e);border-radius:50%;place-items:center;gap:0;width:112px;height:112px;padding:16px 0;font-weight:800;display:grid;box-shadow:0 18px 42px #00000073,0 0 26px #45efc352}.auto-orb:not(.is-active){color:var(--muted);box-shadow:none;background:linear-gradient(#ffffff14,#ffffff06)}.auto-orb span{font-size:42px;line-height:1}.control-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 26px 60px var(--shadow);gap:16px;padding:18px;display:grid;position:sticky;top:18px}.primary-button{color:#031018;background:linear-gradient(160deg,#72ffda,#08baa0);border-color:#45efc3b8;width:100%;min-height:52px;padding:0 18px;font-weight:800}.primary-button.is-stop{background:#f1f0e8;border-color:#f1f0e8}.range-control{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:8px;font-size:13px;font-weight:700;display:grid}.range-control span{color:var(--text);letter-spacing:0;text-transform:none;font-size:18px}input[type=range]{width:100%;accent-color:var(--mint)}.analyzer,.strobe-panel{border:1px solid var(--line);border-radius:var(--radius);background:#05080cb8;width:min(100%,820px);padding:12px}.analyzer.is-dimmed{opacity:.72}.section-heading{min-height:38px;color:var(--mint);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;font-weight:800;display:flex}.fx-button{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--mint);letter-spacing:-.05em;background:#ffffff0d;border-radius:50%;font-family:Cambria Math,STIX Two Math,Times New Roman,serif;font-size:15px;font-weight:700;line-height:1}.fx-button>span{display:block;transform:translate(-.03em)}.fx-button.is-active{border-color:var(--mint);background:var(--mint);color:var(--bg);box-shadow:0 0 18px #45efc33d}.analyzer-svg{width:100%;height:auto;display:block}.spectrum-line{fill:none;stroke:var(--mint);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #45efc35c)}.spectrum-line-fourier{stroke:var(--yellow);filter:drop-shadow(0 0 10px #fbcf4a4d)}.analyzer line{stroke:#f1f0e857;stroke-width:1px}.analyzer text{fill:#f1f0e8b8;font-size:14px;font-weight:700}.analyzer .is-fundamental text{fill:var(--text);paint-order:stroke;stroke:#03090dd6;stroke-width:4px;font-size:24px;font-weight:850}.strobe-lines{border-radius:calc(var(--radius) - 4px);background:#0000004d;grid-template-rows:repeat(7,1fr);gap:5px;height:168px;padding:8px 0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.strobe-lines i{background-image:repeating-linear-gradient(90deg,#0000 0 22px,#f1f0e814 22px 27px,#45efc3f0 27px 67px,#f1f0e814 67px 72px,#0000 72px 96px);background-position:var(--band-offset) 0;min-height:16px;opacity:var(--band-opacity);filter:drop-shadow(0 0 8px #45efc352);background-size:96px 100%;border-radius:4px;display:block}.strobe-lines.is-flat i{filter:drop-shadow(0 0 8px #ffc24847);background-image:repeating-linear-gradient(90deg,#0000 0 22px,#ffc248eb 27px 67px,#0000 72px 96px)}.strobe-lines.is-sharp i{filter:drop-shadow(0 0 8px #ff824647);background-image:repeating-linear-gradient(90deg,#0000 0 22px,#ff8246eb 27px 67px,#0000 72px 96px)}.strobe-lines.is-moving.is-flat i{animation:strobe-drift-left var(--strobe-period) linear infinite;animation-delay:var(--band-delay)}.strobe-lines.is-moving.is-sharp i{animation:strobe-drift-right var(--strobe-period) linear infinite;animation-delay:var(--band-delay)}.strobe-lines.is-idle i{opacity:.24;filter:none}.strobe-status{color:var(--muted);letter-spacing:.04em;text-align:center;margin:9px 0 1px;font-size:13px;font-weight:720}@keyframes strobe-drift-left{0%{background-position:var(--band-offset) 0}to{background-position:calc(var(--band-offset) - 96px) 0}}@keyframes strobe-drift-right{0%{background-position:var(--band-offset) 0}to{background-position:calc(var(--band-offset) + 96px) 0}}@media (prefers-reduced-motion:reduce){.strobe-lines.is-moving i{animation:none}}.metronome-page{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:clamp(28px,4vw,58px);width:min(100%,1120px);margin:0 auto;display:grid;position:relative}.metronome-primary{align-content:center;justify-items:center;gap:clamp(12px,1.8svh,22px);min-width:0;display:grid}.tempo-row{grid-template-columns:96px 1fr 96px;align-items:center;gap:clamp(12px,3vw,38px);width:min(100%,560px);display:grid}.tempo-button{justify-self:center;width:64px;height:64px;font-size:38px}.tempo-display{text-align:center}.tempo-display span,.tempo-display small{color:var(--mint);font-weight:750;display:block}.tempo-display strong{font-size:clamp(78px,11svh,118px);font-weight:860;line-height:.86;display:block}.tempo-display small{color:var(--muted);margin-top:5px;font-size:22px}.beat-ring{aspect-ratio:1;filter:drop-shadow(0 0 24px #45efc31a);place-items:center;width:min(39svh,340px);display:grid;position:relative}.beat-ring svg{width:100%;height:100%;overflow:visible}.beat-ring-track,.beat-ring-progress{fill:none;stroke-linecap:round}.beat-ring-track{stroke:#f1f0e82b;stroke-width:2px}.beat-ring-progress{stroke:var(--mint);stroke-width:17px;transform-origin:160px 160px;filter:drop-shadow(0 0 8px #45efc394);transition:stroke-dasharray 80ms linear;transform:rotate(-90deg)}.beat-tick{stroke:#f1f0e847;stroke-width:1.5px;stroke-linecap:round}.beat-tick.accent-downbeat{stroke:#45efc3cc;stroke-width:3px}.beat-tick.accent-secondary{stroke:#45efc39e;stroke-width:2.6px}.beat-tick.accent-group{stroke:#f1f0e880;stroke-width:2.2px}.beat-tick.accent-subdivision{stroke:#f1f0e82e;stroke-width:1px}.beat-tick.is-active{stroke:var(--mint);stroke-width:4px}.beat-ring-dot{fill:var(--mint);filter:drop-shadow(0 0 6px #45efc3cc)}.beat-ring-content{background:radial-gradient(circle,#071015f5,#03090dd6);border-radius:50%;align-content:center;place-items:center;gap:5px;display:grid;position:absolute;inset:21%}.beat-ring-content>span{color:var(--mint);font-size:52px;font-weight:760}.beat-ring-content>small{color:var(--muted);font-weight:800}.beat-ring-content>strong{color:var(--mint);font-size:76px;line-height:.9}.beat-ring-content>strong.is-pulsing{animation:.12s ease-out beat-number-pulse}@keyframes beat-number-pulse{0%{transform:scale(1.08)}to{transform:scale(1)}}.meter-pulse-strip{justify-content:center;align-items:center;gap:4px;min-height:11px;display:flex}.meter-pulse-strip i{background:#f1f0e857;border-radius:50%;width:6px;height:6px}.meter-pulse-strip i.accent-downbeat{background:#45efc3c2;width:10px;height:10px}.meter-pulse-strip i.accent-secondary{background:#45efc39e;border-radius:1px;width:9px;height:9px;transform:rotate(45deg)}.meter-pulse-strip i.accent-group{background:#f1f0e880;width:8px;height:8px}.meter-pulse-strip i.is-active{background:var(--mint);box-shadow:0 0 8px #45efc3cc}.metronome-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;overflow:hidden}.metronome-option-grid{grid-template-columns:1fr 1fr;display:grid}.metronome-option-grid label,.metronome-option-button{min-width:0;min-height:112px;color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#ffffff05;border:1px solid #f1f0e81c;border-top:0;border-left:0;align-content:center;place-items:center;gap:10px;padding:14px;font-weight:800;display:grid}.metronome-option-grid>:nth-child(2n){border-right:0}.metronome-option-grid span,.metronome-option-button span{font-size:10px}.metronome-option-button strong{color:var(--mint);letter-spacing:.02em;text-transform:none;font-size:23px}.metronome-option-grid select{border-radius:var(--radius);border:1px solid var(--line-strong);width:min(100%,150px);height:46px;color:var(--text);background:#0d1115;padding:0 12px}.metronome-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:12px 16px;display:grid}.metronome-volume{min-width:0;color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.metronome-volume>span{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.metronome-toggle,.accent-master-toggle{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.metronome-toggle input,.accent-master-toggle input{width:20px;height:20px;accent-color:var(--mint)}.metronome-transport{grid-template-columns:minmax(0,1fr) 106px minmax(0,1fr);align-items:center;gap:18px;width:min(100%,560px);display:grid}.transport-side-button{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:54px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffffff12,#ffffff06);justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:820;display:inline-flex}.transport-side-button span{color:var(--mint);font-size:20px}.transport-side-button.is-active{border-color:var(--mint);color:var(--mint);background:#45efc31f}.secondary-button{min-height:48px;color:var(--mint);text-transform:uppercase;font-weight:760}.primary-button,.secondary-button,.text-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.play-button{border-color:var(--mint);color:#031018;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(160deg,#72ffda,#07b99e);border-radius:50%;width:106px;height:106px;font-size:15px;font-weight:850;box-shadow:0 0 34px #45efc33d}.metronome-flash{z-index:1;pointer-events:none;background:#45efc333;animation:.13s ease-out forwards metronome-flash;position:fixed;inset:0}.metronome-flash.accent-normal{background:#f1f0e814}.metronome-flash.accent-group{background:#45efc321}.metronome-flash.accent-secondary{background:#45efc32b}@keyframes metronome-flash{0%{opacity:1}to{opacity:0}}.accent-dialog-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.accent-dialog{border:1px solid var(--line-strong);background:#0b1115;border-radius:14px;width:min(100%,650px);max-height:min(720px,100svh - 40px);padding:22px;overflow:auto;box-shadow:0 28px 80px #0009}.accent-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.accent-dialog header span{color:var(--mint);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:820}.accent-dialog h2{margin:2px 0 0;font-size:32px}.accent-dialog header button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:50%;font-size:28px}.accent-master-toggle{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;justify-content:space-between;margin-top:20px;padding:16px}.accent-master-toggle>span{gap:4px;display:grid}.accent-master-toggle strong{color:var(--text);font-size:15px}.accent-master-toggle small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:11px;font-weight:500}.accent-beat-grid{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;margin-top:16px;display:grid}.accent-beat-grid.is-disabled{opacity:.46}.accent-beat-grid button{border:1px solid var(--line);border-radius:var(--radius);min-height:96px;color:var(--text);cursor:pointer;background:#ffffff09;align-content:center;place-items:center;gap:4px;display:grid}.accent-beat-grid button:disabled{cursor:default}.accent-beat-grid strong{font-size:24px}.accent-beat-grid small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800}.accent-dialog-actions{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.accent-dialog-actions .solid-action{min-width:92px;display:inline-flex}.play-button.is-playing{background:var(--text);color:var(--mint-2)}.bottom-nav{left:max(14px, env(safe-area-inset-left,0px));right:max(14px, env(safe-area-inset-right,0px));bottom:calc(12px + var(--safe-bottom));border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:20;background:#040609eb;grid-template-columns:repeat(6,1fr);width:min(920px,100% - 28px);min-height:76px;margin:0 auto;display:grid;position:fixed;overflow:hidden;box-shadow:0 -12px 34px #0000006b}.nav-item{min-width:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:4px;font-size:clamp(10px,1.8vw,12px);font-weight:830;display:grid;position:relative}.nav-item.is-active{color:var(--mint)}.premium-panel,.legal-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(100%,760px);box-shadow:0 26px 60px var(--shadow);margin:0 auto;padding:clamp(22px,5vw,42px)}.premium-panel h1,.legal-panel h1{margin:6px 0 12px;font-size:clamp(38px,6vw,72px);line-height:.94}.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.13em;margin:0;font-weight:850}.muted,.fine-print{color:var(--muted);line-height:1.55}.legal-page{min-height:100svh;padding:calc(18px + env(safe-area-inset-top,0px)) clamp(18px, 4vw, 42px) 42px}.legal-back{margin-bottom:22px;display:inline-flex}.modal-backdrop,.sheet-backdrop{z-index:40;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal,.tuning-sheet{border:1px solid var(--line-strong);border-radius:var(--radius);background:#101418;width:min(100%,520px);padding:24px;position:relative;box-shadow:0 34px 80px #0000009e}.auth-modal h2{margin:6px 0 10px;font-size:36px}.modal-close{border:1px solid var(--line);border-radius:var(--radius);letter-spacing:.05em;text-transform:uppercase;background:0 0;place-items:center;width:auto;min-width:56px;height:38px;padding:0 10px;font-size:10px;font-weight:800;display:inline-grid;position:absolute;top:12px;right:12px}.auth-form{gap:14px;display:grid}.oauth-button{border:1px solid var(--line-strong);border-radius:var(--radius);color:#071015;background:#f1f0e8;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin:18px 0 12px;font-weight:850;text-decoration:none;display:inline-flex}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:760;display:grid}.auth-divider span{background:var(--line);height:1px}.auth-divider em{font-style:normal}.auth-form label{color:var(--muted);gap:8px;display:grid}.auth-form input{border:1px solid var(--line-strong);border-radius:var(--radius);height:48px;color:var(--text);background:#080c10;padding:0 12px}.form-error{color:#ffb0a4;margin:0}.text-button{color:var(--mint);background:0 0;border:0;padding:12px 0 0}.sheet-backdrop{align-items:end}.tuning-sheet{grid-template-rows:auto auto minmax(0,1fr);gap:16px;width:min(100%,680px);max-height:min(84svh,780px);padding:16px;display:grid}.sheet-handle{background:#f1f0e857;border-radius:999px;justify-self:center;width:84px;height:7px}.tuning-sheet header{justify-content:space-between;align-items:center;display:flex}.tuning-sheet h2{margin:0}.tuning-sheet header button{border:1px solid var(--line);color:var(--mint);background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;display:inline-flex}.tuning-list{gap:10px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.tuning-option{border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;background:#ffffff09;justify-content:space-between;align-items:center;min-height:82px;padding:16px;display:flex}.tuning-option>span:first-of-type{flex:1}.tuning-option-status{color:var(--mint);letter-spacing:.06em;text-transform:uppercase;flex:none;margin-left:14px;font-size:9px;font-weight:820}.tuning-option.is-active{border-color:var(--mint);background:#45efc31f}.tuning-option strong,.tuning-option small{display:block}.tuning-option strong{font-size:22px}.tuning-option small{color:var(--muted);margin-top:6px}@media (max-width:980px){.app-frame{gap:12px;padding-inline:14px}.brand-header{grid-template-columns:50px 1fr auto;min-height:56px}.wordmark-title{font-size:clamp(26px,8vw,42px)}.tuner-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.control-panel{grid-template-columns:1fr 1fr;width:min(100%,720px);margin:0 auto;position:static}}@media (max-width:650px){.app-frame{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(92px + var(--safe-bottom))}.brand-mark-link,.icon-link{width:44px;height:44px}.pick-logo{width:34px;height:34px}.wordmark-subtitle{letter-spacing:.42em;transform:translate(.21em)}.preset-pill{min-height:42px;font-size:14px}.readout-grid{grid-template-columns:1fr 1.2fr 1fr;gap:8px}.metric strong,.signal-meter strong{font-size:18px}.metric span,.signal-meter span{font-size:13px}.signal-bars{gap:3px}.signal-bars i{width:6px;height:20px}.headstock{width:min(100%,380px)}.string-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.string-button{min-height:64px}.tool-row{grid-template-columns:1fr 86px 1fr;gap:9px}.pill-button{gap:6px;min-height:48px;font-size:12px}.pill-button span{font-size:22px}.auto-orb{width:86px;height:86px;font-size:13px}.auto-orb span{font-size:32px}.control-panel{grid-template-columns:1fr;gap:10px;padding:12px}.tempo-row{grid-template-columns:68px 1fr 68px;gap:10px}.tempo-button{height:68px;font-size:38px}.metronome-card{grid-template-columns:1fr}.play-button{width:108px;height:108px}.bottom-nav{min-height:72px}.nav-item{letter-spacing:.03em}}@media (min-width:1180px){.workspace-shell,.tuner-layout{align-items:center}.tuner-main{gap:16px}}.app-frame{gap:0;padding:0}.sf-container{width:min(100% - 48px,1420px);margin-inline:auto}.top-bar{z-index:25;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#03090de6;border-bottom:1px solid #f1f0e816;width:100%;min-height:78px;padding:0;display:block;position:sticky;top:0}.top-bar-inner{grid-template-columns:minmax(290px,330px) minmax(620px,1fr) max-content;align-items:center;gap:clamp(18px,2vw,28px);min-height:78px;display:grid}.top-brand{min-width:0;color:var(--text);align-items:center;gap:14px;display:inline-flex}.top-brand .pick-logo{flex:none;width:44px;height:44px}.top-wordmark{gap:5px;min-width:0;line-height:1;display:grid}.top-wordmark>span{letter-spacing:.03em;align-items:baseline;font-size:clamp(25px,2.1vw,34px);display:flex}.top-wordmark strong{font-weight:850}.top-wordmark em{font-style:normal;font-weight:300}.top-wordmark small{color:var(--mint);letter-spacing:.46em;text-transform:uppercase;font-size:11px;font-weight:800}.desktop-nav{justify-content:center;gap:clamp(18px,2vw,34px);min-width:0;display:flex;overflow:visible}.desktop-nav-item{min-height:54px;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 0 2px;font-size:14px;font-weight:800;display:inline-flex;position:relative}.desktop-nav-item.is-active{color:var(--mint);border-bottom-color:var(--mint)}.nav-lock,.mobile-lock{width:auto;height:auto;color:var(--dim);letter-spacing:.04em;flex:none;justify-content:center;align-items:center;font-size:7px;font-weight:760;display:inline-flex}.nav-lock:before,.mobile-lock:before,.nav-lock:after,.mobile-lock:after{content:none}.nav-lock.is-placeholder,.mobile-lock.is-placeholder{visibility:hidden}.nav-lock{position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.top-actions{grid-template-columns:minmax(82px,1fr) minmax(82px,auto) minmax(84px,auto);align-items:center;gap:12px;width:clamp(300px,27vw,390px);display:grid}.top-actions.has-app-store-link{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px}.action-placeholder{min-height:40px}.app-startup-curtain{z-index:1000;background:radial-gradient(circle at 50% 18%,#45efc329,#0000 30rem),linear-gradient(#03130f 0%,#050c12 52%,#0b0f1b 100%);place-items:center;display:grid;position:fixed;inset:0}.startup-brand{color:var(--text);justify-items:center;display:grid}.startup-brand .pick-logo{width:72px;height:72px;margin-bottom:14px}.startup-brand>span{letter-spacing:.015em;font-size:clamp(28px,5vw,46px);line-height:1}.startup-brand strong,.startup-brand em{font-style:normal;font-weight:880}.startup-brand em{color:var(--mint)}.startup-brand small{color:var(--muted);letter-spacing:.34em;margin-top:7px;font-size:10px;font-weight:760}.outline-action,.solid-action,.app-store-action,.settings-action{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--mint);letter-spacing:.06em;text-transform:uppercase;background:#ffffff08;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:850;display:inline-flex}.outline-action,.solid-action{gap:7px}.solid-action{color:#031018;background:linear-gradient(160deg,#72ffda,#08baa0);border-color:#0000}.settings-action{width:auto;color:var(--muted);padding:0 12px;font-size:11px}.app-store-action{min-width:0;color:var(--mint);white-space:nowrap;padding:0 10px;font-size:11px}.account-avatar{background:conic-gradient(from -40deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);border-radius:50%;justify-self:center;place-items:center;width:40px;height:40px;padding:2px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 8px 24px #00000047}.account-avatar-initial{border-radius:inherit;color:#4285f4;text-transform:uppercase;background:#fff;place-items:center;width:100%;height:100%;font-size:18px;font-weight:800;line-height:1;display:grid}.account-avatar img{border-radius:inherit;object-fit:cover;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.workspace-shell{padding:28px 0 56px;display:block}.bottom-nav{display:none}.tuner-layout{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:24px;width:100%;display:grid}.tuner-toolbar,.tuner-workbench{grid-column:1}.tuner-toolbar{grid-template-columns:minmax(470px,.36fr) minmax(0,.64fr);align-items:center;gap:clamp(32px,2.6vw,40px);display:grid}.selector-pill,.a4-pill{min-height:56px;color:var(--muted);cursor:pointer;background:#ffffff08;border:1px solid #f1f0e833;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:0 22px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff06}.combined-selector{justify-content:flex-start;justify-self:start;width:min(100%,520px)}.selector-copy{gap:4px;min-width:0;display:grid}.selector-copy strong{align-items:center;gap:16px;min-width:0;display:flex}.selector-pill strong,.a4-pill strong{color:var(--text);font-weight:660}.selector-pill small,.a4-pill small{color:var(--mint);letter-spacing:.22em;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:760;display:block}.a4-pill{border-radius:var(--radius);text-align:left;justify-self:end;min-height:44px;padding-inline:16px}.a4-pill>span:first-child{display:grid}.tuner-workbench{grid-template-columns:minmax(470px,.36fr) minmax(0,.64fr);align-items:start;gap:clamp(32px,2.6vw,40px);width:100%;min-width:0;min-height:0;display:grid}.instrument-panel{grid-template-rows:auto auto;align-items:start;gap:22px;min-width:0;min-height:0;display:grid}.headstock-stage{grid-template-columns:minmax(76px,86px) minmax(0,1fr) minmax(76px,86px);justify-content:center;align-items:center;gap:8px;height:clamp(470px,100svh - 360px,540px);min-height:0;display:grid;container-type:size}.headstock-stage>.headstock{filter:drop-shadow(0 0 32px #45efc333);place-self:center;width:auto;max-width:100%;height:100%;max-height:100%}.mobile-string-bank{display:none}.headstock-side{pointer-events:none;align-self:stretch;min-height:0;padding-top:0;display:block;position:relative}.headstock-side-left{justify-items:end}.headstock-side-right{justify-items:start}.side-note-card{top:var(--note-card-top,50%);border-radius:var(--radius);width:100%;min-height:76px;color:var(--muted);cursor:pointer;pointer-events:auto;background:#ffffff08;border:1px solid #f1f0e829;place-items:center;gap:4px;padding:10px;display:grid;position:absolute;transform:translateY(-50%)}.side-note-card strong{color:var(--text);align-items:baseline;gap:2px;font-size:clamp(24px,2vw,32px);line-height:1;display:inline-flex}.side-note-card strong small{color:var(--mint);font-size:.56em;font-weight:800}.side-note-card span{font-size:13px}.side-note-card.is-selected{border-color:var(--mint);background:#45efc31f;box-shadow:0 0 22px #45efc324}.side-note-card.is-tuned strong,.side-note-card.is-selected strong,.side-note-card.is-tuned strong small,.side-note-card.is-selected strong small,.side-note-card.is-selected span{color:var(--mint)}@media (prefers-reduced-motion:reduce){.gauge-note-wheel-rotor{transition:none}}.meter-stack{grid-template-rows:auto auto;gap:18px;width:100%;min-width:0;min-height:0;display:grid}.meter-card{border-radius:var(--radius);background:radial-gradient(circle at 52% 44%,#45efc31f,#0000 34%),#04080cb8;border:1px solid #f1f0e824;grid-template-rows:minmax(300px,auto) auto auto;grid-template-columns:minmax(145px,.25fr) minmax(430px,.5fr) minmax(145px,.25fr);align-items:center;gap:12px clamp(18px,2.2vw,28px);width:100%;min-width:0;min-height:420px;padding:clamp(22px,2vw,32px);display:grid;box-shadow:0 22px 58px #00000052}.meter-visual{aspect-ratio:680/470;place-self:center;align-items:stretch;width:min(100%,540px);min-width:0;min-height:300px;display:grid}.meter-card .gauge{align-self:center;width:min(100%,540px);min-width:0;max-width:100%}.meter-visual .analyzer,.meter-visual .strobe-panel{width:100%;min-width:0;height:100%;min-height:0;display:grid}.meter-visual .analyzer{grid-template-rows:auto minmax(0,1fr)}.meter-visual .analyzer-svg{height:100%;min-height:0}.meter-visual .strobe-panel{grid-template-rows:auto minmax(0,1fr) auto}.meter-visual .strobe-lines{height:auto;min-height:132px}.meter-card .gauge-svg{aspect-ratio:680/470}.meter-card .gauge-note-wheel text{font-size:clamp(21px,1.5vw,26px)}.meter-card .gauge-note-wheel .is-center text{opacity:1;font-size:clamp(34px,2.3vw,40px)}.meter-side{align-self:start;padding-top:26px}.meter-side-target{justify-items:end;display:grid}.readout-note{gap:7px;display:grid}.readout-note.is-right{text-align:right;justify-items:end}.readout-note>span{color:#b0cfcfcc;letter-spacing:.07em;font-size:14px}.readout-note strong{color:var(--text);align-items:baseline;line-height:.86;display:flex}.readout-note.is-right strong{justify-content:flex-end}.readout-note strong span{font-size:clamp(44px,4.2vw,68px);font-weight:780}.readout-note strong small{color:var(--text);font-size:clamp(30px,2.8vw,48px);font-weight:680}.readout-note em{color:var(--mint);font-size:clamp(16px,1.4vw,20px);font-style:normal;font-weight:760}.string-context{color:var(--muted);align-items:center;gap:9px;margin:10px 0 0;font-size:14px;display:inline-flex}.string-context span{border:1px solid var(--mint);width:22px;height:22px;color:var(--mint);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.tone-circle{border:1px solid var(--mint);width:58px;height:58px;color:var(--text);cursor:pointer;background:#45efc30f;border-radius:50%;justify-self:end;font-size:30px}.tone-circle.is-active{background:var(--mint);color:#031018}.signal-strip{border-radius:var(--radius);background:#ffffff06;border:1px solid #f1f0e81c;grid-column:1/-1;align-items:center;min-height:62px;padding:10px 14px;display:grid}.signal-strip.is-start{place-items:center}.signal-strip.is-monitoring{grid-template-columns:minmax(0,1fr)}.listen-toggle{border-radius:var(--radius);color:#031018;text-transform:uppercase;cursor:pointer;background:linear-gradient(160deg,#72ffda,#08baa0);border:1px solid #45efc3a3;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 24px;font-weight:850;display:inline-flex}.signal-strip .signal-meter{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center stretch;gap:14px}.signal-strip .signal-meter>span,.signal-strip .signal-meter strong{white-space:nowrap}.signal-strip .signal-meter strong{color:var(--mint);font-size:16px}.signal-strip .signal-bars{width:100%}.signal-strip .signal-bars i{flex:1 1 0;min-width:5px;height:18px}.meter-error{grid-column:1/-1}.popular-tunings{border-radius:var(--radius);background:#04080c75;border:1px solid #f1f0e81a;gap:14px;padding:16px 18px;display:grid}.popular-tunings header{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:850;display:flex}.popular-tunings header button{color:var(--mint);text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-weight:850}.popular-tuning-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.popular-tuning-card{border-radius:var(--radius);min-height:78px;color:var(--muted);text-align:left;cursor:pointer;background:#ffffff07;border:1px solid #f1f0e81c;align-content:center;gap:4px;padding:12px 16px 20px;display:grid;position:relative}.popular-tuning-lock{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;width:auto;height:auto;font-size:8px;font-weight:800;position:absolute;bottom:9px;right:10px}.popular-tuning-card.is-active{border-color:var(--mint);color:var(--mint);background:#45efc314}.popular-tuning-card strong{color:var(--text);font-size:16px}.popular-tuning-card small{color:currentColor;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.settings-sheet{border:1px solid var(--line-strong);border-radius:var(--radius);background:#101418;gap:18px;width:min(100%,540px);padding:24px;display:grid;box-shadow:0 34px 80px #0000009e}.settings-sheet header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-sheet h2{margin:4px 0 0;font-size:28px}.settings-sheet header button{border:1px solid var(--line);min-height:42px;color:var(--mint);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:0 18px}.settings-page{border-radius:var(--radius);background:radial-gradient(circle at 88% 0,#45efc31f,#0000 32%),#04080cc2;border:1px solid #f1f0e824;gap:24px;width:min(100%,1120px);margin:0 auto;padding:clamp(24px,4vw,46px);display:grid;box-shadow:0 26px 68px #0000005c}.settings-page-header,.settings-page-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.settings-page-header h1{margin:5px 0 10px;font-size:clamp(42px,6vw,70px);line-height:.96}.settings-page-header p:last-child,.settings-page-footer p{max-width:660px;color:var(--muted);margin:0;line-height:1.55}.settings-saved{min-width:202px;min-height:44px;color:var(--mint);background:#45efc312;border:1px solid #45efc357;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.settings-saved.is-loading,.settings-saved.is-saving{color:var(--muted);background:#ffffff09;border-color:#f1f0e833}.settings-saved.is-error{color:#ffb4aa;background:#ff594814;border-color:#ff776961}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-control{border-radius:var(--radius);background:#ffffff06;border:1px solid #f1f0e81f;align-content:space-between;gap:20px;min-width:0;min-height:190px;padding:22px;display:grid}.settings-control-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-control-heading>span{gap:7px;min-width:0;display:grid}.settings-control-heading strong{color:var(--text);font-size:18px}.settings-control-heading small{color:var(--muted);font-size:13px;line-height:1.45}.settings-control output{color:var(--mint);white-space:nowrap;flex:none;font-size:18px;font-weight:820}.settings-control input[type=range]{min-height:30px;margin:0}.settings-range-bounds{color:var(--dim);justify-content:space-between;display:flex}.settings-options{align-content:start}.settings-toggle,.settings-choice{min-height:48px;color:var(--text);justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:720;display:flex}.settings-toggle>span{gap:3px;display:grid}.settings-toggle small{color:var(--muted);font-size:11px;font-weight:600}.settings-toggle input{width:42px;height:24px;accent-color:var(--mint)}.settings-choice select{border:1px solid var(--line);border-radius:var(--radius);min-width:148px;min-height:42px;color:var(--text);background:#ffffff0b;padding:0 12px}.display-mode-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.display-mode-buttons button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:64px;color:var(--mint);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffff09;align-content:center;place-items:center;gap:5px;font-size:11px;font-weight:820;display:grid}.display-mode-buttons button:hover,.display-mode-buttons button:focus-visible{border-color:var(--mint);background:#45efc317}.app-frame.reduce-visual-effects .strobe-lines.is-moving i{animation:none}.settings-page-footer{padding-top:4px}.settings-page-footer .secondary-button{width:auto;min-width:180px;padding-inline:20px}.string-buttons,.tool-row{display:none}.desktop-tool-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:none;margin:0;display:grid}.desktop-tool-row .pill-button,.desktop-tool-row .auto-orb{border-radius:var(--radius);width:100%;height:54px;min-height:54px;box-shadow:none;gap:7px;padding:8px;font-size:12px}.desktop-tool-row .pill-button span,.desktop-tool-row .auto-orb span{font-size:22px}.desktop-tool-row .pill-button.is-active,.desktop-tool-row .auto-orb.is-active{border-color:var(--mint);color:var(--mint);background:#45efc324}.mobile-tool-row{display:none}.analyzer,.strobe-panel{width:100%}@media (max-height:820px) and (min-width:981px){.headstock-stage{height:clamp(430px,100svh - 330px,500px)}.meter-card{min-height:385px}.popular-tunings{padding-block:14px}}@media (max-width:1320px){.top-bar-inner{grid-template-columns:minmax(215px,285px) minmax(0,1fr) auto;gap:14px}.desktop-nav{gap:12px}.desktop-nav-item{font-size:12px}.tuner-toolbar,.tuner-workbench{grid-template-columns:minmax(420px,.37fr) minmax(0,.63fr)}.meter-card{grid-template-columns:minmax(120px,.25fr) minmax(360px,.5fr) minmax(120px,.25fr);padding-inline:20px}.popular-tuning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.app-frame{padding-bottom:calc(92px + var(--safe-bottom))}.sf-container{width:min(100% - 28px,920px)}.top-bar{min-height:76px;padding:0}.top-bar-inner{min-height:76px;padding-top:env(safe-area-inset-top,0px);grid-template-columns:1fr auto}.top-brand{justify-self:start}.top-brand .pick-logo{width:38px;height:38px}.top-wordmark>span{font-size:clamp(23px,6vw,32px)}.top-wordmark small{letter-spacing:.34em;font-size:9px}.desktop-nav,.outline-action,.solid-action{display:none}.top-actions{width:auto;display:flex}.action-placeholder{display:none}.app-store-action,.settings-action{width:auto;min-width:68px;min-height:44px;padding-inline:10px;font-size:9px}.workspace-shell{padding:14px 0 0}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr));width:calc(100% - 28px);max-width:920px;display:grid}.nav-item{letter-spacing:.02em;font-size:9px}.tuner-layout{gap:12px;min-height:0;display:grid}.tuner-toolbar{grid-template-columns:1fr;gap:8px}.combined-selector{width:100%}.selector-pill,.a4-pill{justify-self:stretch;width:100%;min-height:46px}.tuner-workbench{flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;display:flex}.instrument-panel{display:none}.meter-stack{order:1;width:100%;min-width:0;max-width:100%}.mobile-string-bank{order:2;justify-items:center;display:grid}.mobile-string-bank .headstock{width:auto;max-width:100%;height:clamp(340px,48svh,500px)}.string-buttons{grid-template-columns:repeat(var(--string-count), minmax(0, 1fr));order:3;width:100%;display:grid}.tool-row{order:4;width:100%;display:grid}.desktop-tool-row{display:none}.mobile-tool-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-tool-row .pill-button,.mobile-tool-row .auto-orb{border-radius:var(--radius);width:100%;height:58px;min-height:58px;box-shadow:none;gap:6px;padding:8px;font-size:11px}.mobile-tool-row .pill-button span,.mobile-tool-row .auto-orb span{font-size:21px}.mobile-tool-row .pill-button.is-active,.mobile-tool-row .auto-orb.is-active{border-color:var(--mint);color:var(--mint);background:#45efc324}.meter-card{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;max-width:100%;min-height:0;padding:14px;overflow:hidden}.meter-visual{grid-area:1/1/auto/-1;width:100%;max-width:680px;min-height:0;overflow:hidden}.meter-card .gauge{grid-area:1/1/auto/-1;justify-self:center;width:100%;min-width:0;max-width:100%;overflow:hidden}.meter-side-detected{grid-area:2/1}.meter-side-target{grid-area:2/2}.signal-strip{grid-row:3;grid-template-columns:1fr}.signal-strip .signal-meter{grid-template-columns:auto minmax(0,1fr) auto}.tone-circle{width:50px;height:50px;font-size:25px}.popular-tunings{display:none}.settings-page{padding:24px}.settings-page-header,.settings-page-footer{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:1fr}}@media (max-width:650px){.top-brand{gap:8px}.top-wordmark small{letter-spacing:.22em}.selector-pill,.a4-pill{padding-inline:14px}.readout-note strong span{font-size:38px}.readout-note strong small{font-size:26px}.string-context{display:none}.meter-card .gauge{padding-inline:0}.meter-card .gauge-svg{width:min(100%,100vw - 56px);left:auto}.gauge-label{font-size:17px}.meter-card .gauge-note-wheel path{fill:#0e1418b8}.meter-card .gauge-note-wheel text{stroke-width:4px;font-size:16px}.meter-card .gauge-note-wheel .is-center text{font-size:24px}.signal-strip .signal-bars i{min-width:4px}.string-button{min-height:60px}.string-button span{font-size:24px}.string-button small{font-size:16px}.pill-button{min-width:0}.settings-page{gap:18px;padding:20px 16px}.settings-page-header h1{font-size:44px}.settings-saved{min-height:40px}.settings-control{min-height:176px;padding:18px}.settings-control-heading{display:grid}.settings-page-footer .secondary-button{width:100%}}@media (max-width:430px){.top-wordmark>span{font-size:22px}.top-wordmark small{letter-spacing:.24em;font-size:8px}.settings-action{width:auto;min-width:64px;min-height:40px}.bottom-nav{min-height:72px}.nav-item{letter-spacing:0;gap:3px;font-size:8px}}.app-frame.app-feature-metronome{height:100svh;min-height:100svh;overflow:hidden}.app-feature-metronome .workspace-shell{align-items:stretch;min-height:0;padding-block:clamp(12px,2svh,24px);display:flex}.app-feature-metronome .metronome-page{align-content:center;height:100%;min-height:0}@media (min-width:981px){.app-feature-metronome .metronome-page{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(220px,.72fr) minmax(240px,.9fr) minmax(290px,1fr);gap:clamp(10px,1.6svh,18px) clamp(18px,3vw,42px);width:min(100%,1180px)}.app-feature-metronome .tempo-row{grid-area:1/1;grid-template-columns:54px minmax(0,1fr) 54px;gap:10px}.app-feature-metronome .tempo-button{height:64px;font-size:36px}.app-feature-metronome .tempo-display strong{font-size:clamp(72px,11svh,120px)}.app-feature-metronome .tempo-display small{margin-top:6px;font-size:18px}.app-feature-metronome .beat-ring{grid-area:1/2;width:min(29vw,43svh,330px)}.app-feature-metronome .metronome-card{grid-area:1/3/span 2;align-self:center}.app-feature-metronome .play-button{grid-area:2/2;width:clamp(74px,10svh,96px);height:clamp(74px,10svh,96px);font-size:38px}.app-feature-metronome .metronome-error{grid-area:2/1/auto/span 2;align-self:center;margin:0}}@media (max-width:980px){.app-feature-metronome .workspace-shell{padding-block:clamp(6px,1.2svh,12px)}.app-feature-metronome .metronome-page{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);place-content:center;gap:clamp(5px,1.1svh,9px);width:min(100%,560px)}.app-feature-metronome .tempo-row{grid-template-columns:54px minmax(0,1fr) 54px;gap:9px}.app-feature-metronome .tempo-button{height:54px;font-size:34px}.app-feature-metronome .tempo-display strong{font-size:clamp(52px,9svh,72px);line-height:.82}.app-feature-metronome .tempo-display small{margin-top:3px;font-size:13px}.app-feature-metronome .beat-ring{gap:2px;width:clamp(126px,24svh,190px)}.app-feature-metronome .beat-ring span{font-size:clamp(27px,5svh,36px)}.app-feature-metronome .beat-ring strong{font-size:clamp(38px,7svh,54px)}.app-feature-metronome .metronome-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;padding:9px 11px}.app-feature-metronome .metronome-card label{gap:4px;font-size:10px}.app-feature-metronome .metronome-card select{min-width:0;height:34px;padding-inline:8px}.app-feature-metronome .secondary-button{min-height:34px}.app-feature-metronome .play-button{width:clamp(60px,9svh,76px);height:clamp(60px,9svh,76px);font-size:28px}.app-feature-metronome .metronome-error{inset:auto 14px calc(86px + var(--safe-bottom));z-index:30;background:#03090df0;margin:0;padding:8px;position:absolute}}@media (max-width:980px) and (max-height:560px) and (orientation:landscape){.app-feature-metronome .top-bar,.app-feature-metronome .top-bar-inner{min-height:60px}.app-feature-metronome .metronome-page{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(170px,.7fr) minmax(122px,.5fr) minmax(270px,1.2fr);gap:4px 12px;width:100%}.app-feature-metronome .tempo-row{grid-area:1/1/span 2}.app-feature-metronome .beat-ring{grid-area:1/2;width:min(34svh,148px)}.app-feature-metronome .metronome-card{grid-area:1/3/span 2;align-self:center}.app-feature-metronome .play-button{grid-area:2/2;width:48px;height:48px;font-size:22px}}.app-feature-metronome .metronome-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-content:center;align-items:center;gap:0 clamp(28px,4vw,58px)}.app-feature-metronome .metronome-primary,.app-feature-metronome .metronome-card,.app-feature-metronome .tempo-row,.app-feature-metronome .beat-ring,.app-feature-metronome .play-button{grid-area:auto}.app-feature-metronome .metronome-card{align-self:center}.app-feature-metronome .play-button{width:clamp(82px,11svh,106px);height:clamp(82px,11svh,106px);font-size:clamp(32px,5svh,42px)}.app-feature-metronome .metronome-error{z-index:4;width:min(100%,620px);margin:0 auto;position:absolute;bottom:0;left:0;right:0}@media (max-width:980px){.app-feature-metronome .metronome-page{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(6px,1svh,10px);width:min(100%,600px)}.app-feature-metronome .metronome-primary{gap:clamp(4px,.9svh,8px)}.app-feature-metronome .tempo-row{grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;width:min(100%,500px)}.app-feature-metronome .tempo-button{width:52px;height:52px;font-size:32px}.app-feature-metronome .tempo-display strong{font-size:clamp(48px,8.2svh,68px);line-height:.84}.app-feature-metronome .tempo-display small{margin-top:2px;font-size:12px}.app-feature-metronome .beat-ring{width:clamp(132px,23svh,188px)}.app-feature-metronome .beat-ring-content{gap:2px}.app-feature-metronome .beat-ring-content>span{font-size:clamp(25px,4.8svh,34px)}.app-feature-metronome .beat-ring-content>strong{font-size:clamp(34px,6.4svh,50px)}.app-feature-metronome .meter-pulse-strip{gap:2px;transform:scale(.8)}.app-feature-metronome .metronome-transport{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:8px;width:min(100%,500px)}.app-feature-metronome .transport-side-button{min-height:42px;padding-inline:8px;font-size:9px}.app-feature-metronome .transport-side-button span{font-size:16px}.app-feature-metronome .play-button{width:68px;height:68px;font-size:27px}.app-feature-metronome .metronome-card{padding:0;display:block}.app-feature-metronome .metronome-option-grid label,.app-feature-metronome .metronome-option-button{min-height:clamp(54px,7svh,66px);font-size:inherit;gap:4px;padding:6px 9px}.app-feature-metronome .metronome-option-grid span,.app-feature-metronome .metronome-option-button span{font-size:8px}.app-feature-metronome .metronome-option-grid select{min-width:0;height:30px;padding-inline:7px;font-size:11px}.app-feature-metronome .metronome-option-button strong{font-size:17px}.app-feature-metronome .metronome-card-footer{gap:10px;min-height:42px;padding:6px 10px}.app-feature-metronome .metronome-toggle{gap:5px;font-size:8px}.app-feature-metronome .metronome-toggle input{width:17px;height:17px}.app-feature-metronome .metronome-error{position:absolute;inset:auto 0 0}}@media (max-width:980px) and (max-height:700px) and (orientation:landscape){.app-feature-metronome .workspace-shell{padding-block:4px}.app-feature-metronome .metronome-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:12px;width:min(100%,720px)}.app-feature-metronome .tempo-display strong{font-size:clamp(42px,11svh,58px)}.app-feature-metronome .beat-ring{width:min(27svh,158px)}.app-feature-metronome .metronome-primary{gap:3px}.app-feature-metronome .metronome-transport{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)}.app-feature-metronome .play-button{width:52px;height:52px;font-size:22px}.app-feature-metronome .transport-side-button{min-height:36px}.app-feature-metronome .metronome-option-grid label,.app-feature-metronome .metronome-option-button{min-height:54px}}@media (prefers-reduced-motion:reduce){.beat-ring-content>strong.is-pulsing,.metronome-flash{animation:none}}.app-feature-metronome .play-button{font-size:13px}
