.tuner-shell{min-height:calc(100dvh - 5rem);padding:clamp(.75rem,2.5vw,1.5rem);padding-bottom:max(1.5rem, env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 50% 0,#0387e629,#0000 36rem),#030509}.tuner-panel{background:linear-gradient(160deg,#111621fa,#04070cfa);border:1px solid #ffffff1f;border-radius:1.75rem;width:min(100%,46rem);margin:0 auto;padding:clamp(1rem,3vw,1.6rem);transition:border-color .25s,box-shadow .25s;box-shadow:0 24px 80px #00000080}.tuner-panel.is-tuned{border-color:#24d18fb3;box-shadow:0 0 50px #24d18f38,0 24px 80px #00000080}.tuner-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tuner-topbar h1{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1}.tuner-eyebrow{letter-spacing:.2em;color:#6fc4ff;margin-bottom:.35rem;font-size:.67rem;font-weight:700}.tuner-actions{gap:.5rem;display:flex}.icon-button{color:#dbe4ef;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff21;border-radius:14px;place-items:center;width:44px;height:44px;transition:background .15s,border-color .15s;display:grid}.icon-button:hover,.icon-button:focus-visible{outline-offset:2px;background:#ffffff1a;outline:2px solid #3aa9ff}.tuning-picker{text-align:left;cursor:pointer;background:#0d121c;border:1px solid #ffffff24;border-radius:16px;justify-content:space-between;align-items:center;width:100%;min-height:54px;margin-top:1rem;padding:.65rem 1rem;transition:background .15s,border-color .15s;display:flex}.tuning-picker:hover{background:#121824;border-color:#3aa9ff66}.tuning-picker span:first-child{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.tuning-picker strong{font-size:1rem}.tuning-picker small{color:#9ca9ba}.mode-switch{background:#080b11;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:.75rem;padding:4px;display:grid}.mode-switch button{color:#9ba7b7;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:40px;font-weight:650;transition:background .15s,color .15s}.mode-switch button.active{color:#fff;background:#172231;box-shadow:inset 0 0 0 1px #3aa9ff80}.live-readout{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--tuner-tone) 12%, transparent), transparent 42%), #070b11;text-align:center;border:1px solid #ffffff1a;border-radius:1.4rem;margin-top:1rem;padding:clamp(1rem,4vw,1.75rem);transition:background .25s;position:relative}.tuner-lamp-bar{justify-content:center;align-items:center;margin-bottom:.6rem;display:flex}.tuner-lamp{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;justify-content:center;align-items:center;gap:.55rem;padding:.35rem 1rem;transition:all .25s;display:inline-flex}.tuner-lamp.is-tuned{background:#24d18f2e;border-color:#24d18fa6;box-shadow:0 0 24px #24d18f59}.tuner-lamp-bulb{background:#364152;border-radius:50%;width:13px;height:13px;transition:all .25s;box-shadow:inset 0 1px 3px #000000b3}.tuner-lamp.is-tuned .tuner-lamp-bulb{background:#24d18f;animation:1.5s infinite pulse-lamp;box-shadow:0 0 12px #24d18f,0 0 24px #24d18fcc,inset 0 1px 2px #fff}.tuner-lamp.is-flat .tuner-lamp-bulb{background:#3aa9ff;box-shadow:0 0 8px #3aa9ff99}.tuner-lamp.is-sharp .tuner-lamp-bulb{background:#ffb020;box-shadow:0 0 8px #ffb02099}.tuner-lamp-label{letter-spacing:.12em;text-transform:uppercase;color:var(--tuner-tone);font-size:.75rem;font-weight:750}@keyframes pulse-lamp{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.signal-row{color:#8d9aab;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;height:22px;font-size:.72rem;display:flex}.signal-row>span:first-child{align-items:center;gap:.35rem;display:flex}.signal-row svg{width:15px;height:15px}.signal-track{background:#202734;border-radius:9px;width:72px;height:4px;overflow:hidden}.signal-track i{background:var(--tuner-tone);height:100%;transition:width .1s linear;display:block}.note-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:140px;display:flex;position:relative}.detected-note{font-family:var(--font-outfit), system-ui, -apple-system, sans-serif;letter-spacing:-.07em;color:var(--tuner-tone);text-shadow:0 0 30px color-mix(in srgb, var(--tuner-tone) 28%, transparent);font-variant-numeric:tabular-nums;font-size:clamp(4.8rem,19vw,8rem);font-weight:700;line-height:.9;transition:color .15s,text-shadow .15s}.note-wrap p{color:#aeb8c8;text-transform:capitalize;margin-top:.6rem;font-size:.92rem}.success-check{color:#04120d;background:#24d18f;border-radius:50%;place-items:center;width:42px;height:42px;animation:.25s cubic-bezier(.175,.885,.32,1.275) pop-in;display:grid;position:absolute;top:12%;right:5%;box-shadow:0 0 20px #24d18f99}.success-check svg{width:26px;height:26px}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.meter{margin-top:.2rem}.meter-labels{color:#6f7b8c;font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 .1rem .45rem;font-size:.72rem;display:flex}.meter-labels span:nth-child(3){color:#fff;font-weight:700}.meter-track{background:linear-gradient(90deg,#147ccc 0%,#225e8c 35%,#24303a 46% 54%,#8d5e1d 65%,#e47f1b 100%);border-radius:20px;height:14px;position:relative;box-shadow:inset 0 1px 3px #000000b3}.tune-zone{background:#24d18f;width:10%;transition:box-shadow .2s;position:absolute;top:0;bottom:0;left:45%}.is-tuned .tune-zone{box-shadow:0 0 12px #24d18fcc}.meter-centre{opacity:.85;background:#fff;width:2px;height:24px;position:absolute;top:-5px;left:50%;transform:translate(-1px)}.meter-marker{background:var(--tuner-tone);width:7px;height:28px;box-shadow:0 0 12px var(--tuner-tone);border-radius:8px;transition:left .1s linear;position:absolute;top:-7px;transform:translate(-50%)}.cents-value{font-variant-numeric:tabular-nums;color:var(--tuner-tone);margin-top:.85rem;font-size:1.05rem;font-weight:650}.status-block{flex-direction:column;gap:.2rem;margin-top:.65rem;display:flex}.status-block strong{color:var(--tuner-tone);letter-spacing:.04em;font-size:clamp(1.35rem,5vw,1.75rem)}.status-block span{color:#96a3b4;font-size:.84rem}.frequency-row{color:#788596;font-variant-numeric:tabular-nums;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:1rem;padding-top:.75rem;font-size:.72rem;display:flex}.string-grid{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-top:.85rem;display:grid}.string-grid button{color:#aab4c1;cursor:pointer;background:#090d14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:55px;transition:all .15s;display:flex}.string-grid button span{color:#687587;font-size:.62rem}.string-grid button strong{white-space:nowrap;font-size:.82rem}.string-grid button.current{color:#fff;background:#3aa9ff1f;border-color:#3aa9ff;box-shadow:0 0 12px #3aa9ff40}.string-grid button.done{color:#5ee7b2;background:#24d18f1a;border-color:#24d18f}.string-grid button:focus-visible{outline-offset:2px;outline:2px solid #fff}.string-grid.courses button strong{font-size:.62rem}.course-string-selector{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem;padding:.5rem;display:grid}.course-sub-btn{color:#c0cbda;cursor:pointer;background:#0d121c;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:.65rem .9rem;transition:all .15s;display:flex}.course-sub-btn span:first-child{color:#8c98aa;text-transform:capitalize;font-size:.72rem}.course-sub-btn strong{color:#fff;font-size:.95rem}.course-sub-btn.active{color:#fff;background:#3aa9ff26;border-color:#3aa9ff}.course-sub-btn.done{color:#5ee7b2;background:#24d18f1f;border-color:#24d18f}.sub-done-check{color:#24d18f;font-weight:700}.main-control{color:#b6c0ce;cursor:pointer;background:#101620;border:1px solid #ffffff1c;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:50px;margin-top:.9rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:flex}.main-control:active{transform:scale(.99)}.main-control.start{color:#fff;background:#0387e6;border-color:#39a7f4;box-shadow:0 8px 26px #0387e647}.main-control.start:hover{background:#0277cc}.live-announcement{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sheet-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tuner-sheet{width:min(100%,46rem);max-height:88dvh;padding:1.3rem max(1.2rem, env(safe-area-inset-right)) max(1.4rem, env(safe-area-inset-bottom));background:#0c111a;border:1px solid #ffffff29;border-bottom:0;border-radius:1.6rem 1.6rem 0 0;position:relative;overflow:auto}.tuner-sheet h2{margin:0 3rem 1.2rem 0;font-size:1.5rem}.sheet-close{color:#d4dbe5;cursor:pointer;background:#1c2430;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.7rem;display:grid;position:absolute;top:1rem;right:1rem}.sheet-close:hover{background:#253040}.tuner-sheet label:not(.toggle){color:#aeb9c8;margin:1rem 0 .45rem;font-size:.82rem;font-weight:650;display:block}.choice-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.choice-row button,.tuner-sheet select{color:#fff;cursor:pointer;background:#080c12;border:1px solid #ffffff24;border-radius:12px;min-height:48px;padding:0 .8rem}.choice-row button.active{background:#3aa9ff1f;border-color:#3aa9ff}.tuner-sheet select{width:100%}.tuner-sheet input[type=range]{accent-color:#0387e6;width:100%}.toggle{cursor:pointer;align-items:center;gap:.75rem;margin:1.2rem 0;display:flex}.toggle input{accent-color:#24d18f;width:20px;height:20px}.warning,.help-note{color:#ffd27b;background:#ffb0201a;border-radius:10px;margin-top:.75rem;padding:.8rem;font-size:.82rem;line-height:1.5}.sheet-done{color:#fff;cursor:pointer;background:#0387e6;border:0;border-radius:13px;width:100%;min-height:50px;margin-top:1.25rem;font-weight:700}.sheet-done:hover{background:#0277cc}.help-list{color:#cbd4df;gap:.8rem;padding-left:1.35rem;line-height:1.5;display:grid}.help-list b{color:#fff}@media (max-height:760px) and (max-width:600px){.tuner-shell{padding:.5rem}.tuner-panel{border-radius:1.2rem;padding:.75rem}.tuner-eyebrow{display:none}.tuner-topbar h1{font-size:1.35rem}.tuning-picker{min-height:46px;margin-top:.6rem}.mode-switch{margin-top:.5rem}.live-readout{margin-top:.55rem;padding:.7rem}.note-wrap{min-height:105px}.detected-note{font-size:4.6rem}.frequency-row{margin-top:.55rem;padding-top:.5rem}.string-grid{margin-top:.5rem}.string-grid button{min-height:48px}.main-control{min-height:46px;margin-top:.55rem}}@media (prefers-reduced-motion:reduce){.tuner-panel,.meter-marker,.tuner-lamp-bulb{transition:none;animation:none}}