*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}.icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon>svg{vertical-align:-.125em;width:1em!important;height:1em!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1d1b20b8;--surface-low:#14121899;--surface-raised:#2b2930cc;--border:#49454f;--border-chip:#4d4658;--text-primary:#e6e0e9;--text-secondary:#cac4d0;--text-muted:#938f99;--text-faint:#79747e;--text-dim:#605d64;--note-idle:#7c758a;--chip-note:#cac4d0;--chip-octave:#938f99;--needle:#d0bcff;--meter-center:#6750a4;--meter-labels:#938f99;--accent:#d0bcff;--accent-on:#1e0069;--accent-dim:#4f378b;--green:#6dd58c;--green-dark:#4aba6e;--green-bright:#a1f0b4;--red:#ffb4ab;--blue:#d0bcff;--red-stop:#93000a;--amber:#ffb77c;--amber-dark:#e8904a;--card-bg:#0a08128c;--card-blur:blur(20px) saturate(1.3);--card-shadow:0 0 48px 10px #8b5cf61a, inset 0 0 0 1px #ffffff12;--aurora-1:#7c3aedbf;--aurora-2:#2563eb73;--aurora-3:#c026d366;--aurora-4:#10b98138;--bg-base:#050508}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffbfe;--surface:#fffbfe;--surface-low:#f7f2fa;--surface-raised:#ece6f0;--border:#cac4d0;--border-chip:#d9d3e0;--text-primary:#1c1b1f;--text-secondary:#49454f;--text-muted:#79747e;--text-faint:#938f99;--text-dim:#b0acb8;--note-idle:#b0a8bc;--chip-note:#49454f;--chip-octave:#79747e;--needle:#6750a4;--meter-center:#9a82db;--meter-labels:#79747e;--accent:#6750a4;--accent-on:#fff;--accent-dim:#eaddff;--green:#146c2e;--green-dark:#0a5023;--green-bright:#1e8c3a;--red:#b3261e;--blue:#6750a4;--red-stop:#b3261e;--amber:#7d4d00;--amber-dark:#5c3800;--card-bg:#ffffff8c;--card-blur:blur(24px) saturate(1.5);--card-shadow:0 0 60px 12px #6750a41a, 0 8px 32px #0000000f, inset 0 0 0 1px #ffffffb3;--aurora-1:#8b5cf673;--aurora-2:#db27774d;--aurora-3:#6366f159;--aurora-4:#10b98126;--bg-base:#f5f0ff}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffbfe;--surface:#fffbfe;--surface-low:#f7f2fa;--surface-raised:#ece6f0;--border:#cac4d0;--border-chip:#d9d3e0;--text-primary:#1c1b1f;--text-secondary:#49454f;--text-muted:#79747e;--text-faint:#938f99;--text-dim:#b0acb8;--note-idle:#b0a8bc;--chip-note:#49454f;--chip-octave:#79747e;--needle:#6750a4;--meter-center:#9a82db;--meter-labels:#79747e;--accent:#6750a4;--accent-on:#fff;--accent-dim:#eaddff;--green:#146c2e;--green-dark:#0a5023;--green-bright:#1e8c3a;--red:#b3261e;--blue:#6750a4;--red-stop:#b3261e;--amber:#7d4d00;--amber-dark:#5c3800;--card-bg:#ffffff8c;--card-blur:blur(24px) saturate(1.5);--card-shadow:0 0 60px 12px #6750a41a, 0 8px 32px #0000000f, inset 0 0 0 1px #ffffffb3;--aurora-1:#8b5cf673;--aurora-2:#db27774d;--aurora-3:#6366f159;--aurora-4:#10b98126;--bg-base:#f5f0ff}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(ellipse 80% 60% at 85% -5%, var(--aurora-1) 0%, transparent 60%), radial-gradient(ellipse 65% 55% at 0% 100%, var(--aurora-2) 0%, transparent 60%), radial-gradient(ellipse 55% 50% at 50% 110%, var(--aurora-3) 0%, transparent 60%), radial-gradient(ellipse 45% 40% at 20% 10%, var(--aurora-4) 0%, transparent 55%), var(--bg-base);color:var(--text-primary);background-attachment:fixed;margin:0;font-family:Elms Sans,system-ui,sans-serif}body:after{content:"";z-index:9999;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;position:fixed;inset:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.meter-wrapper{width:100%;max-width:300px}.meter-track{background:var(--surface-raised);border-radius:3px;height:6px;position:relative;overflow:visible}.meter-range{background:color-mix(in srgb, var(--green) 20%, transparent);border:1px solid color-mix(in srgb, var(--green) 35%, transparent);pointer-events:none;border-radius:3px;width:10%;height:10px;position:absolute;top:-2px;left:45%}.meter-center{background:var(--meter-center);border-radius:1px;width:2px;height:16px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.meter-needle{background:var(--needle);border-radius:2px;width:4px;height:20px;transition:left 80ms ease-out,background .2s;position:absolute;top:-7px;transform:translate(-50%)}.meter-needle.in-tune{background:var(--green)}.meter-needle.off{background:var(--red)}.meter-labels{color:var(--meter-labels);justify-content:space-between;margin-top:7px;font-size:.62rem;display:flex}@media (width>=640px) and (height>=640px){.meter-wrapper{max-width:380px}.meter-labels{margin-top:9px;font-size:.72rem}}.tuner{min-height:100dvh;color:var(--text-primary);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;width:100%;font-family:Elms Sans,system-ui,sans-serif;display:flex}.top-bar{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.center-card{width:100%;min-height:100dvh;padding:max(env(safe-area-inset-top), 1.25rem) max(env(safe-area-inset-right), 1.5rem) max(env(safe-area-inset-bottom), 1.5rem) max(env(safe-area-inset-left), 1.5rem);background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--card-shadow);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;display:flex}.ring-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.controls-section{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:320px;display:flex}.tuning-bar{cursor:pointer;color:var(--text-secondary);background:#ffffff12;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;transition:background .15s,border-color .15s,color .15s;display:flex}.tuning-bar:hover{color:var(--text-primary);background:#ffffff21;border-color:#fff3}.tuning-name{font-size:.9rem;font-weight:500}.tuning-strings{color:var(--text-faint);font-size:.72rem}.tuning-arrow{color:var(--text-faint);margin-left:auto;font-size:1rem}.settings-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,border-color .15s,color .15s;display:flex}.settings-btn:hover{color:var(--text-primary);background:#ffffff24;border-color:#ffffff38}.all-tuned{flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.all-tuned-icon{color:var(--green);font-size:4rem;line-height:1}.all-tuned-text{color:var(--green);letter-spacing:.05em;font-size:1.1rem;font-weight:500}.info-row{align-items:center;gap:1rem;display:flex}.string-label{color:var(--text-faint);font-size:.8rem}.frequency{color:var(--text-dim);text-align:right;min-width:70px;font-size:.8rem}.hint{letter-spacing:.03em;min-height:1.4rem;color:var(--text-dim);font-size:.95rem;font-weight:600;transition:color .15s}.hint.too-high{color:var(--red)}.hint.too-low{color:var(--blue)}.hint.in-range{color:var(--green)}.error{color:var(--red);text-align:center;margin:0;font-size:.8rem}.toggle-btn{letter-spacing:.1em;cursor:pointer;background:var(--accent-dim);color:var(--accent);border:none;border-radius:50px;margin-top:.5rem;padding:.9rem 3.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.toggle-btn:active{transform:scale(.97)}.toggle-btn.active{background:var(--red-stop);color:#fff}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s,transform .25s cubic-bezier(.32,.72,0,1)}.sheet-enter-from,.sheet-leave-to{opacity:0;transform:translateY(100%)}@media (width<=639px),(height<=639px){.tuner{justify-content:stretch;align-items:stretch;gap:0}}@media (orientation:landscape) and (height<=639px){.center-card{align-items:start;gap:.4rem 1.5rem;justify-content:unset;grid-template:"topbar topbar""chips ring"1fr"controls ring"/1fr 1fr;padding:.75rem 1.25rem;display:grid}.top-bar{grid-area:topbar}.strings-display{grid-area:chips;justify-content:flex-start}.ring-section{grid-area:2/ring/4;place-self:center}.controls-section{grid-area:controls;align-self:end;max-width:none}.all-tuned{grid-column:1/-1;padding:1rem 0}.ring-wrapper{width:140px;height:140px}.note-name{font-size:2.75rem}.note-octave{font-size:1.1rem}.toggle-btn{padding:.7rem 2.5rem;font-size:.9rem}}@media (width>=640px) and (height>=640px){.tuner{padding:max(env(safe-area-inset-top), 1rem) max(env(safe-area-inset-right), 1.25rem) max(env(safe-area-inset-bottom), 1.5rem) max(env(safe-area-inset-left), 1.25rem)}.center-card{border-radius:28px;gap:1.25rem;max-width:500px;min-height:auto;padding:2rem 2.5rem 2.25rem}.controls-section{max-width:380px}.tuning-name{font-size:1.05rem}.tuning-strings{font-size:.82rem}.string-label,.frequency{font-size:.92rem}.all-tuned-text{font-size:1.25rem}}.settings-overlay{z-index:100;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-sheet{background:var(--surface);width:100%;padding-bottom:max(env(safe-area-inset-bottom), 1rem);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.sheet-body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.settings-section{flex-direction:column;gap:.5rem;display:flex}.settings-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.7rem;font-weight:600}.options-row{gap:.5rem;display:flex}.option-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:.55rem .75rem;font-family:Elms Sans,system-ui,sans-serif;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.option-btn:hover{background:var(--surface-raised);color:var(--text-primary)}.option-btn.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.strings-display{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.string-chip{background:var(--surface-low);border:2px solid var(--border-chip);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;min-width:34px;padding:.35rem .5rem;transition:border-color .15s,background .15s,transform .1s;display:flex}.string-chip:not(:disabled):hover{background:var(--surface-raised);border-color:var(--text-muted)}.string-chip:not(:disabled):active{transform:scale(.93)}.string-chip:disabled{cursor:default}.string-chip.tuned{background:color-mix(in srgb, var(--green) 15%, transparent);border-color:var(--green)}.string-chip.locked{border-color:var(--needle);background:var(--surface-raised)}.string-chip.tuned.locked{background:color-mix(in srgb, var(--green) 20%, transparent);border-color:var(--green-bright)}.string-chip.pinned{border-color:var(--amber)!important;background:color-mix(in srgb, var(--amber) 12%, transparent)!important}.string-chip.pinned .chip-note{color:var(--amber)!important}.string-chip.pinned .chip-num{color:var(--amber-dark)!important}.string-chip.searching{border-color:var(--text-muted);background:var(--surface-raised);opacity:.65;animation:.9s ease-in-out infinite alternate chip-searching}.string-chip.searching .chip-note{color:var(--text-secondary)}@keyframes chip-searching{0%{opacity:.45}to{opacity:.8}}.chip-num{color:var(--text-faint);font-size:.6rem;line-height:1}.chip-note{color:var(--chip-note);font-size:.85rem;font-weight:700;line-height:1.3}.chip-octave{color:var(--chip-octave);font-size:.58rem;line-height:1}.string-chip.tuned .chip-note{color:var(--green)}.string-chip.tuned .chip-num{color:var(--green-dark)}.string-chip.locked .chip-note{color:var(--needle)}.string-chip.locked .chip-num{color:var(--text-secondary)}@media (width>=640px) and (height>=640px){.string-chip{min-width:40px;padding:.45rem .65rem}.chip-num{font-size:.68rem}.chip-note{font-size:1rem}.chip-octave{font-size:.65rem}}.ring-wrapper{justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative}.ring-svg{width:100%;height:100%;position:absolute;inset:0}.ring-track{stroke:var(--surface-raised)}.ring-progress{stroke:var(--green)}.note-display{z-index:1;color:var(--note-idle);align-items:baseline;gap:.15rem;transition:color .2s;display:flex;position:relative}.note-display.in-tune{color:var(--green)}.note-display.off{color:var(--red)}.note-name{font-size:4rem;font-weight:700;line-height:1}.note-octave{font-size:1.5rem;font-weight:300}@media (width>=640px) and (height>=640px){.ring-wrapper{width:230px;height:230px}.note-name{font-size:5rem}.note-octave{font-size:1.8rem}}.selector-overlay{z-index:100;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.selector-sheet{background:var(--surface);width:100%;max-height:82dvh;padding-bottom:max(env(safe-area-inset-bottom), .5rem);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.sheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.sheet-title{letter-spacing:.05em;color:var(--text-primary);font-size:1rem;font-weight:600}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1}.close-btn:hover{color:var(--text-primary)}.category-tabs{flex-shrink:0;gap:.5rem;padding:.75rem 1rem 0;display:flex}.cat-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem .25rem;font-family:Elms Sans,system-ui,sans-serif;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.cat-tab:hover{background:var(--surface-raised);color:var(--text-primary)}.cat-tab.active{background:var(--accent-dim);color:var(--accent);border:none;font-weight:600}.search-row{background:var(--surface-low);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;margin:.6rem 1rem .5rem;padding:0 .75rem;display:flex}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.search-input{color:var(--text-primary);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;padding:.55rem 0;font-family:Elms Sans,system-ui,sans-serif;font-size:.9rem}.search-input::placeholder{color:var(--text-faint)}.search-input::-webkit-search-cancel-button{display:none}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.8rem;line-height:1}.search-clear:hover{color:var(--text-primary)}.tuning-list{flex:1;grid-template-columns:1fr;align-content:start;gap:.5rem;padding:0 1rem .75rem;display:grid;overflow-y:auto}@media (orientation:landscape){.tuning-list{grid-template-columns:repeat(2,1fr)}}.no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;margin:0;padding:1.5rem 0;font-size:.9rem}.tuning-card{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;width:100%;padding:.6rem .75rem;transition:background .15s}.tuning-card:hover{background:var(--surface-low)}.tuning-card.selected{background:var(--accent-dim)}.card-top{align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.card-name{color:var(--text-primary);flex:1;font-size:.85rem;font-weight:600}.tuning-card.selected .card-name{color:var(--accent)}.card-strings{color:var(--text-faint);font-size:.65rem;font-weight:500}.badge-custom{background:var(--surface-raised);color:var(--text-secondary);border-radius:4px;padding:1px 4px;font-size:.6rem}.delete-btn{color:var(--red);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.card-notes{flex-wrap:wrap;gap:.3rem;display:flex}.string-note{color:var(--chip-note);font-family:Courier New,monospace;font-size:1.05rem}.string-note sub{color:var(--text-faint);font-size:.72rem}