@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";body{-webkit-font-smoothing:antialiased;background:#0f172a;margin:0}#root{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.footer-version-btn{color:var(--text-3);font-size:.7rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-top:12px;padding:4px 8px;transition:background .15s,color .15s}.footer-version-btn:hover{background:var(--surface-2);color:var(--text-2)}.footer-timestamp{opacity:.7}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#010409d9;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 12px 32px #0006}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-1);margin:0;font-size:1.1rem;font-weight:600}.modal-close-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--text-1)}.modal-body{padding:20px}.changelog-version-header{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.changelog-version-header h3{color:var(--accent);margin:0;font-size:1.2rem}.changelog-date{color:var(--text-3);font-size:.8rem;font-family:var(--font-mono)}.changelog-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style-type:none;display:flex}.changelog-list li{color:var(--text-2);padding-left:16px;font-size:.9rem;line-height:1.4;position:relative}.changelog-list li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0}.changelog-list li strong{color:var(--text-1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--surface-2:#1c2330;--border:#30363d;--border-2:#3d4451;--text-1:#e6edf3;--text-2:#8b949e;--text-3:#484f58;--accent:#2f81f7;--accent-dim:#2f81f726;--green:#3fb950;--green-dim:#3fb9501f;--red:#f85149;--amber:#d29922;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-mono:"JetBrains Mono", "Courier New", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}.app{flex-direction:column;align-items:center;min-height:100dvh;padding:0 20px;display:flex}header{text-align:center;border-bottom:1px solid var(--border);width:100%;max-width:560px;margin-bottom:4px;padding:24px 0 20px}.header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.hamburger-btn{color:var(--text-2);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-8px;padding:8px;transition:background .15s,color .15s;display:flex}.hamburger-btn:hover{background:var(--surface-2);color:var(--text-1)}.header-spacer{width:40px}header h1{letter-spacing:-.01em;color:var(--text-1);justify-content:center;align-items:center;gap:10px;font-size:1.375rem;font-weight:700;display:flex}header h1:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;display:inline-block}.subtitle{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:.8rem;font-weight:500}.mode-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:8px 12px;display:flex}.mode-chip{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.mode-chip-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0}.mode-chip-tuning{color:var(--text-3);font-size:.78rem;font-weight:400}.main-modes{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.nav-divider{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 4px}.instrument-list{flex-wrap:wrap;gap:2px;display:flex}.mode-btn{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.mode-btn:hover{background:var(--surface-2);color:var(--text-1)}.mode-btn.active{background:var(--accent);color:#fff;font-weight:600}.calibration-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:16px;padding:10px 16px;display:flex}.calibration-wrap label{color:var(--text-2);font-size:.78rem;font-family:var(--font-mono);white-space:nowrap;text-align:center;min-width:90px;font-weight:500}.calibration-wrap input[type=range]{cursor:pointer;height:4px;accent-color:var(--accent);flex:1}main{flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;max-width:560px;padding-top:20px;padding-bottom:32px;display:flex}.display-area{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:0;width:100%;display:flex;overflow:hidden}.note-display-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:20px 24px 16px;display:flex}.note-display{color:var(--text-2);align-items:flex-end;gap:4px;line-height:1;transition:color .2s;display:flex}.note-display.in-tune{color:var(--green)}.note-name{font-variant-numeric:tabular-nums;color:inherit;letter-spacing:-.02em;font-size:4.5rem;font-weight:700;line-height:1}.note-name.dim{color:var(--text-3)}.note-octave{color:var(--text-3);padding-bottom:8px;font-size:1.75rem;font-weight:500}.hz-display{font-size:.85rem;font-weight:500;font-family:var(--font-mono);color:var(--text-2);text-align:right;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-self:center;padding:4px 8px}.instrument-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:600}.needle-wrap{flex-direction:column;align-items:center;width:100%;padding:16px 24px;display:flex}.badge{font-size:.72rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.1em;color:var(--green);background:var(--green-dim);opacity:0;pointer-events:none;text-transform:uppercase;border:1px solid #3fb95040;border-radius:4px;padding:3px 12px;transition:opacity .25s}.badge.visible{opacity:1}.tuning-selector{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:12px 16px;display:flex}.tuning-btn{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s}.tuning-btn:hover{border-color:var(--border-2);color:var(--text-1);background:var(--surface-2)}.tuning-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.string-cards{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:16px;display:flex}.string-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:76px;align-items:center;gap:2px;max-width:96px;padding:14px 8px 10px;transition:border-color .15s,background .15s,transform .1s;display:flex}.string-card:hover{border-color:var(--border-2);background:#21293a}.string-card:active{transform:scale(.97)}.string-card.active{border-color:var(--accent);background:var(--accent-dim)}.string-card.in-tune{border-color:var(--green);background:var(--green-dim)}.string-card.playing{border-color:var(--amber);background:#d2992214;animation:1.5s infinite pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #d2992259}70%{box-shadow:0 0 0 8px #d2992200}to{box-shadow:0 0 #d2992200}}.string-label{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:600}.string-note{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1}.string-card.active .string-note{color:var(--accent)}.string-card.in-tune .string-note{color:var(--green)}.string-hz{color:var(--text-3);font-size:.65rem;font-family:var(--font-mono);margin-top:1px}.string-cents{font-size:.72rem;font-weight:600;font-family:var(--font-mono);color:var(--text-3);min-height:1.1em;margin-top:2px}.string-card.active .string-cents{color:var(--accent)}.string-card.in-tune .string-cents{color:var(--green)}.visualizer-area{flex-direction:column;gap:10px;width:100%;display:flex}.vol-bar-wrap{background:var(--surface-2);border-radius:99px;width:100%;height:3px;overflow:hidden}.vol-bar{background:linear-gradient(90deg, var(--accent), var(--green));border-radius:99px;height:100%;transition:width 50ms linear}.controls{flex-direction:column;align-items:center;gap:10px;width:100%;padding-top:10px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.02em;border:1px solid #0000;width:100%;max-width:280px;padding:12px 0;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-start{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-start:hover{background:#388bfd;border-color:#388bfd}.btn-stop{color:var(--red);border-color:var(--red);background:0 0}.btn-stop:hover{background:#f8514914}.hint{color:var(--text-3);text-align:center;font-size:.75rem}.ref-tone-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.ref-tone-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ref-tone-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.ref-tone-a4-badge{font-size:.68rem;font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px 8px}.ref-tone-grid{background:var(--border);border-top:none;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.ref-tone-btn{background:var(--surface);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:14px 8px 12px;font-family:inherit;transition:background .12s;display:flex;position:relative;overflow:hidden}.ref-tone-btn:hover{background:var(--surface-2)}.ref-tone-btn.playing{background:var(--accent-dim);animation:2s ease-in-out infinite ref-tone-pulse}@keyframes ref-tone-pulse{0%,to{background:var(--accent-dim)}50%{background:#2f81f738}}.ref-tone-note{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;line-height:1;transition:color .12s}.ref-tone-btn.playing .ref-tone-note{color:var(--accent)}.ref-tone-hz{font-size:.62rem;font-family:var(--font-mono);color:var(--text-3);line-height:1;transition:color .12s}.ref-tone-btn.playing .ref-tone-hz{color:#2f81f7b3}.ref-tone-wave{align-items:flex-end;gap:2px;height:10px;margin-top:2px;display:flex}.ref-tone-wave span{background:var(--accent);border-radius:1px;width:2px;animation:.8s ease-in-out infinite ref-wave-bar;display:block}.ref-tone-wave span:first-child{height:40%;animation-delay:0s}.ref-tone-wave span:nth-child(2){height:100%;animation-delay:.15s}.ref-tone-wave span:nth-child(3){height:60%;animation-delay:.3s}@keyframes ref-wave-bar{0%,to{opacity:.6;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.ref-tone-hint{color:var(--text-3);text-align:center;padding:16px;font-size:.75rem}.error{color:var(--red);text-align:center;border-radius:var(--radius-sm);background:#f8514914;border:1px solid #f8514933;width:100%;padding:8px 14px;font-size:.8rem}.stability-chart-wrap{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.chart-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:600}.pitch-history-wrap{flex-direction:column;gap:4px;width:100%;padding:4px 0 10px;display:flex}.pitch-history-canvas{width:100%;height:80px;display:block}.pitch-history-legend{align-items:center;gap:10px;padding:0 4px;display:flex}.phl{font-size:.62rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:4px;display:flex}.phl:before{content:"";border-radius:2px;width:8px;height:3px;display:inline-block}.phl--green{color:#3fb950}.phl--green:before{background:#3fb950}.phl--amber{color:#d29922}.phl--amber:before{background:#d29922}.phl--red{color:#f85149}.phl--red:before{background:#f85149}.phl--time{color:var(--text-3);margin-left:auto}.phl--time:before{display:none}.metronome-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.metronome-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.metronome-header h3{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.metronome-controls{align-items:center;gap:14px;padding:14px 18px;display:flex}.bpm-display{color:var(--text-1);font-size:1.25rem;font-weight:700;font-family:var(--font-mono);text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:80px;padding:6px 10px}.metronome-controls input[type=range]{cursor:pointer;height:4px;accent-color:var(--accent);flex:1}.btn-metro{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-2);cursor:pointer;letter-spacing:.04em;white-space:nowrap;background:0 0;padding:7px 18px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.btn-metro:hover{border-color:var(--border-2);color:var(--text-1)}.btn-metro.active{background:var(--red);border-color:var(--red);color:#fff}.stage-toggle-btn{border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px 18px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s}.stage-toggle-btn:hover{background:var(--surface);border-color:var(--border-2);color:var(--text-1)}.app.stage-mode{padding-top:40px;transition:background-color .5s}.app.in-tune-bg{background-color:#0a1a0f}.stage-mode .note-name{font-size:9rem}.stage-mode .instrument-title{color:var(--text-1);font-size:1.75rem}.stage-mode .string-card{border-width:2px;max-width:130px;padding:20px 14px}.stage-mode .string-note{font-size:2.75rem}.stage-mode .string-label{font-size:.85rem}.stage-mode .btn{max-width:320px;padding:16px 0;font-size:1rem}.exit-stage-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;z-index:100;background:#0d1117d9;padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s;position:fixed;top:16px;right:16px}.exit-stage-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}footer{width:100%;max-width:560px;color:var(--text-3);text-align:center;border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:8px;padding:20px 0 32px;font-size:.72rem;display:flex}.footer-copyright{color:var(--text-3)}.footer-credit{color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.footer-link{color:var(--accent);align-items:center;gap:4px;text-decoration:none;transition:color .15s,opacity .15s;display:inline-flex}.footer-link:hover{color:#58a6ff;opacity:.9}.footer-icon{flex-shrink:0;width:13px;height:13px}.seo-content{border-top:1px solid var(--border);flex-direction:column;gap:36px;width:100%;margin-top:40px;padding-top:36px;display:flex}.seo-static-content{flex-direction:column;gap:36px;display:flex}.seo-content article{flex-direction:column;gap:10px;display:flex}.seo-content h2{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);padding-bottom:8px;font-size:.8rem;font-weight:600}.seo-content h3{color:var(--text-3);font-size:.8rem;font-weight:600}.seo-content p{color:var(--text-3);font-size:.8rem;line-height:1.7}.feature-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:5px;padding:10px 14px;list-style:none;display:flex}.feature-list li{color:var(--text-3);font-size:.78rem}.feature-list li strong{color:var(--text-2)}.instrument-desc{border-left:2px solid var(--border);padding:8px 12px}.instrument-desc:hover{border-left-color:var(--border-2)}.faq-section{gap:6px!important}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s;overflow:hidden}.faq-item:hover,.faq-item[open]{border-color:var(--border-2)}.faq-item summary{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--text-3);flex-shrink:0;font-size:1rem;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item[open] summary{color:var(--text-1)}.faq-item p{color:var(--text-3);border-top:1px solid var(--border);padding:10px 14px 12px;font-size:.78rem;line-height:1.7}@media (display-mode:standalone){.pwa-banner,.pwa-ios-hint{display:none!important}}@keyframes pwa-slide-up{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pwa-banner,.pwa-ios-hint{bottom:calc(20px + env(safe-area-inset-bottom));z-index:200;-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:var(--radius-lg);background:#161b22e0;border:1px solid #2f81f738;align-items:center;gap:14px;width:calc(100% - 32px);max-width:520px;padding:16px 16px 16px 18px;animation:.35s cubic-bezier(.22,1,.36,1) both pwa-slide-up;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0000008c,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.pwa-banner-body{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pwa-banner-icon{flex-shrink:0;width:40px;height:40px}.pwa-banner-icon svg{width:100%;height:100%}.pwa-ios-share-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent);background:#2f81f71f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pwa-banner-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.pwa-banner-desc{color:var(--text-3);font-size:.73rem;line-height:1.45}.pwa-banner-desc strong{color:var(--text-2);font-weight:600}.pwa-banner-cta{border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:#fff;letter-spacing:.02em;cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s,opacity .15s;display:inline-flex}.pwa-banner-cta:hover{background:#388bfd;border-color:#388bfd}.pwa-banner-cta:active{transform:scale(.97)}.pwa-banner-cta.loading{opacity:.7;cursor:wait}.pwa-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite pwa-spin;display:inline-block}@keyframes pwa-spin{to{transform:rotate(360deg)}}.pwa-banner-dismiss{color:var(--text-2);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:.85rem;transition:color .15s,background .15s;display:flex;position:absolute;top:10px;right:10px}.pwa-banner-dismiss:hover{color:var(--text-1);background:#ffffff26}@media (width<=480px){.pwa-banner,.pwa-ios-hint{bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:12px;width:calc(100% - 24px);padding:24px 16px 16px}.pwa-banner-body{align-items:flex-start;padding-right:24px}.pwa-banner-cta{justify-content:center;width:100%}}.drawer-backdrop{z-index:149;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;background:0 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0}.drawer-backdrop.visible{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;background:#0000008c}.instrument-drawer{z-index:150;background:var(--surface);border-right:1px solid var(--border);will-change:transform;flex-direction:column;width:280px;max-width:85vw;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #00000073}.instrument-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 16px 14px;display:flex}.drawer-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.drawer-brand{align-items:center;gap:10px;display:flex}.drawer-title-brand{color:var(--text-1);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.drawer-close{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:.8rem;line-height:1;transition:color .15s,background .15s}.drawer-close:hover{color:var(--text-1);background:var(--surface-2)}.drawer-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:4px;padding:8px 0 24px;display:flex;overflow:hidden auto}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-track{background:0 0}.drawer-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.drawer-section{flex-direction:column;padding:8px 0 4px;display:flex}.drawer-section-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;padding:4px 16px 6px;font-size:.65rem;font-weight:700;display:flex}.drawer-section-icon{letter-spacing:0;text-transform:none;font-size:.75rem}.drawer-section--intl{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.drawer-item{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:inherit;transition:background .12s,color .12s;display:flex;position:relative}.drawer-item:hover{background:var(--surface-2);color:var(--text-1)}.drawer-item.active{color:var(--accent);background:var(--accent-dim)}.drawer-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.drawer-item-name{flex:1;font-size:.85rem;font-weight:600}.drawer-item-desc{color:var(--text-3);font-size:.7rem;font-family:var(--font-mono)}.drawer-item.active .drawer-item-desc{color:#2f81f7a6}.drawer-check{color:var(--accent);opacity:.9;flex-shrink:0}.drawer-section--calibration{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.drawer-calibration{flex-direction:column;gap:8px;padding:4px 16px 8px;display:flex}.drawer-calibration-value{font-size:.75rem;font-family:var(--font-mono);color:var(--text-2);font-weight:500}.drawer-calibration-slider{cursor:pointer;width:100%;height:4px;accent-color:var(--accent)}.drawer-footer{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 0;display:flex}.drawer-footer .drawer-section{padding:0}.drawer-footer .drawer-section--calibration{border-top:none;margin-top:0;padding-top:0}.drawer-footer .drawer-section--version{border-top:none!important;margin-top:0!important;padding-top:0!important;padding-bottom:4px!important}