/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.inline{display:inline}.table{display:table}}:root{--bg:#141516;--panel:#1d1f20;--panel2:#252728;--line:#3b3d3d;--ivory:#f3eee3;--muted:#a9aaa7;--amber:#d69a54;--amber2:#f0bd77;--green:#45d191;--red:#e77562}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ivory);background:radial-gradient(at 50% -10%,#30302d 0,#171819 42%,#111213 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--amber2);outline-offset:3px}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#121314cc;border-bottom:1px solid #343536;justify-content:space-between;align-items:center;height:76px;padding:0 max(22px,5vw);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand b{letter-spacing:.1em;font-family:Georgia,serif;font-size:16px;display:block}.brand span{color:var(--amber2);letter-spacing:.24em;margin-top:4px;font-size:8px;font-weight:800;display:block}.logo{color:#151515;background:linear-gradient(145deg,#e4ac68,#92562c);border:1px solid #bc8246;border-radius:50%;place-items:center;width:40px;height:40px;font:700 10px/1 Georgia;display:grid;box-shadow:inset 0 1px #ffe0ac,0 5px 16px #0008}.install{background:#242627;border:1px solid #595a58;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:750}.install:hover{border-color:var(--amber);background:#2d2c29}.hero{text-align:center;padding:42px 20px 30px}.eyebrow,.card-top span,.target-line,.confidence span,aside>label,.strings span,.meter label{letter-spacing:.19em;color:var(--amber2);font-size:9px;font-weight:800}.hero h1{letter-spacing:-.035em;margin:12px;font:500 clamp(40px,5vw,66px)/.95 Georgia,serif}.hero h1 em{color:var(--amber2);font-weight:400}.hero p:last-child{color:var(--muted);font-size:15px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:20px;max-width:1200px;margin:auto;padding:0 24px 50px;display:grid}aside{background:#1a1b1c;border:1px solid #343536;border-radius:14px;align-self:start;padding:18px;box-shadow:0 18px 45px #0005}aside>label{margin:4px 0 10px;display:block}.instrument-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:22px;display:grid}.instrument-grid button{color:#bfc0bd;background:#232526;border:1px solid #37393a;border-radius:8px;min-height:66px;padding:8px;font-size:12px;transition:all .15s}.instrument-grid i{color:#777b79;margin-bottom:5px;font-size:19px;font-style:normal;display:block}.instrument-grid button:hover{background:#2b2d2e;border-color:#585a59}.instrument-grid .active{color:#fff;background:linear-gradient(145deg,#432,#292621);border-color:#b77d43;box-shadow:inset 0 0 0 1px #6a492e}.instrument-grid .active i{color:var(--amber2)}select{width:100%;color:var(--ivory);background:#242627;border:1px solid #444746;border-radius:7px;padding:12px}.tip{border-top:1px solid #353738;margin-top:20px;padding:18px 2px 0}.tip b{font-size:12px}.tip p,.honesty{color:#939693;font-size:11px;line-height:1.6}.tuner-card{background:linear-gradient(145deg,#272929,#191b1c);border:1px solid #424443;border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 1px #575957}.tuner-card:before{content:"";pointer-events:none;background:linear-gradient(105deg,#fff0 30%,#ffffff07 50%,#fff0 70%);position:absolute;inset:0}.card-top{border-bottom:1px solid #393b3b;justify-content:space-between;padding-bottom:13px;display:flex}.card-top strong,.card-top span{display:block}.card-top strong{margin-top:4px;font:500 18px Georgia}.confidence{text-align:right}.confidence b{color:#d5d6d1;font:600 13px monospace}.target-line{text-align:center;color:#929591;margin:18px}.target-line b{color:#171717;background:var(--amber2);border-radius:999px;margin-left:6px;padding:5px 10px;box-shadow:0 3px 12px #0005}.dial{background:radial-gradient(at 50% 88%,#242726 0,#121415 52%,#090a0b 100%);border:1px solid #383b3a;border-radius:10px;max-width:690px;height:310px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 15px 35px #000b,0 1px #5a5b58}.dial:before{content:"";border:12px solid #434746;border-radius:50%;width:650px;height:650px;position:absolute;top:45px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #0b0c0c,inset 0 0 20px #000}.dial:after{content:"−50        −25          0          +25        +50";white-space:pre;letter-spacing:.12em;color:#858986;font:10px/1 monospace;position:absolute;top:30px;left:50%;transform:translate(-50%)}.ticks{opacity:.5;border-top:9px double #8c918e;height:48px;position:absolute;inset:47px 8% auto}.needle{background:linear-gradient(var(--red),#9f3428);z-index:2;filter:drop-shadow(0 0 5px #e15b49);width:2px;height:188px;transition:left .2s cubic-bezier(.2,.75,.25,1);position:absolute;top:24px}.needle:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--red);position:absolute;top:-6px;left:-4px}.needle:after{content:"";background:radial-gradient(circle at 40% 35%,#ef9d8f,#a53428 70%);border-radius:50%;width:18px;height:18px;position:absolute;bottom:-9px;left:-8px;box-shadow:0 2px 8px #000}.readout{z-index:3;text-align:center;position:absolute;top:103px;left:50%;transform:translate(-50%)}.readout small,.readout span{display:block}.readout small{letter-spacing:.2em;color:#8d918e;font-size:8px}.readout strong{color:#fbf8ef;text-shadow:0 5px 20px #000;font:400 82px/.9 Georgia}.readout span{color:#d3d4cf;margin-top:9px;font:600 13px monospace}.dial.good{background:radial-gradient(at 50% 88%,#153c2d,#111a17 55%,#090b0a)}.dial.good:before{border-color:var(--green);box-shadow:0 0 25px #45d19155,inset 0 0 20px #000}.dial.good .needle{background:var(--green);filter:drop-shadow(0 0 7px var(--green))}.status{text-align:center;color:#e4ddd2;background:#262829;border:1px solid #393b3b;border-radius:7px;margin-top:12px;padding:14px;font-weight:750}.status span{background:var(--red);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block;box-shadow:0 0 8px #e7756277}.status.good{color:#dfffee;background:#143928;border-color:#2e9665;font-size:18px}.status.good span{background:var(--green);box-shadow:0 0 10px var(--green)}.strings{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;display:grid}.strings button{color:#c0c1bd;background:#202223;border:1px solid #3b3d3e;border-radius:7px;padding:10px 4px}.strings span,.strings small{display:block}.strings span{color:#757875}.strings b{font:500 22px Georgia}.strings small{color:#8f9290;font-size:9px}.strings .active{color:#fff;background:#3b2d22;border-color:#b47b43;box-shadow:inset 0 0 0 1px #6b4b30}.strings .active span{color:var(--amber2)}.controls{grid-template-columns:auto 1fr 1fr;align-items:center;gap:18px;margin-top:18px;display:grid}.listen{color:#161616;background:linear-gradient(#e6ad67,#b87135);border:1px solid #d19a5c;border-radius:7px;padding:14px 22px;font-weight:850;box-shadow:inset 0 1px #ffd89c,0 4px 12px #0005}.meter{padding-top:5px;position:relative}.meter label{color:#8f9390;justify-content:space-between;display:flex}.meter input{width:100%;accent-color:var(--amber)}.meter span{background:var(--amber);height:2px;transition:width .1s;position:absolute;bottom:0;left:0}.honesty{border-top:1px solid #333536;margin:17px 0 0;padding-top:14px}.metronome{max-width:1152px;margin:0 auto 36px;padding:0 24px}.metronome details{background:#191b1c;border:1px solid #363839;border-radius:10px}.metronome summary{cursor:pointer;color:#aaa;justify-content:space-between;padding:18px 20px;display:flex}.metronome summary b{color:#eee}.metro-controls{border-top:1px solid #333536;align-items:center;gap:14px;padding:16px 20px;display:flex}.metro-controls button{background:#242627;border:1px solid #4b4d4e;border-radius:6px;padding:10px 14px}.metro-controls button.on{border-color:var(--amber2);background:#a66a35}.metro-controls label{letter-spacing:.14em;color:#9b9e9b;font-size:9px;font-weight:800}.metro-controls input,.metro-controls select{color:#fff;background:#252728;border:1px solid #444;width:84px;margin-top:4px;padding:8px;display:block}.beats{gap:8px;margin-left:auto;display:flex}.beats i{background:#444746;border-radius:50%;width:12px;height:12px}.beats i.active{background:var(--amber2);box-shadow:0 0 10px #d69a54}footer{color:#fff;background:#0d0e0f;border-top:1px solid #2f3131;align-items:center;gap:20px;padding:25px max(24px,6vw);display:flex}footer div{flex:1}footer span{color:#838684;margin-top:4px;font-size:12px;display:block}footer button{background:#292b2b;border:1px solid #555;border-radius:6px;padding:11px 17px;font-weight:750}footer small{color:#777a78}@media (width<=760px){header{height:64px}.brand span{display:none}.install{padding:8px 12px;font-size:11px}.hero{padding:28px 16px 22px}.workspace{grid-template-columns:1fr;padding:0 11px 30px}.instrument-grid{display:flex;overflow:auto}.instrument-grid button{min-width:86px}.tuner-card{border-radius:12px;padding:12px}.dial{height:260px}.dial:before{width:510px;height:510px}.dial:after{font-size:8px}.readout{top:92px}.readout strong{font-size:70px}.strings{grid-template-columns:repeat(3,1fr)}.controls{grid-template-columns:1fr}.metro-controls{flex-wrap:wrap}.beats{width:100%;margin:5px 0}.metronome{padding:0 11px}footer{flex-wrap:wrap;align-items:flex-start}footer small{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=760px){header{height:70px}.brand img{height:54px}.workspace>*{min-width:0}.tuner-card,.dial{width:100%;min-width:0}.instrument-grid{scrollbar-width:none;max-width:100%}.instrument-grid::-webkit-scrollbar{display:none}aside{overflow:hidden}}.workspace{grid-template-columns:1fr;max-width:1152px}header{height:92px}.brand img{object-fit:contain;width:auto;height:74px;display:block}.workspace aside{grid-template-columns:minmax(0,1fr) 230px 245px;align-items:end;gap:20px;padding:15px 17px;display:grid}.instrument-picker,.tuning-picker{min-width:0}.instrument-picker>label,.tuning-picker>label{letter-spacing:.19em;color:var(--amber2);margin:0 0 8px;font-size:9px;font-weight:800;display:block}.instrument-grid{scrollbar-width:none;gap:7px;margin:0;display:flex;overflow-x:auto}.instrument-grid::-webkit-scrollbar{display:none}.instrument-grid button{flex:1;min-width:91px;min-height:58px}.instrument-grid i{margin-right:7px;font-size:15px;display:inline}.tip{border:0;border-left:1px solid #353738;margin:0;padding:3px 0 3px 18px}.tip p{margin:6px 0 0}.card-top{align-items:center}.reference{background:#181a1b;border:1px solid #3f4141;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;display:flex}.reference span{margin-right:3px}.reference b{color:var(--amber2);font:600 12px Georgia}.reference input{color:#fff;text-align:center;background:0 0;border:0;border-bottom:1px solid #5b5d5c;width:50px;padding:2px;font:700 13px monospace}.reference em{color:#929593;font:9px monospace}.dial{border-color:#505351;height:330px;box-shadow:inset 0 20px 50px #000d,inset 0 -1px #5a5d5a,0 12px 30px #0007}.dial:before{background:radial-gradient(circle at 50% 4%,#ffffff0d,#0000 45%);border-width:15px;border-color:#505452;box-shadow:0 0 0 2px #090a0a,0 0 0 4px #2d302f,inset 0 0 28px #000}.ticks{opacity:.78;grid-template-columns:repeat(11,1fr);align-items:start;height:40px;display:grid;position:absolute;top:48px;left:8%;right:8%}.ticks i{background:#a7aaa6;border-radius:2px;justify-self:center;width:2px;height:15px;box-shadow:0 0 5px #ffffff18}.ticks i.centre{background:var(--amber2);width:3px;height:28px;box-shadow:0 0 10px #d69a5466}.dial-brand{z-index:0;object-fit:contain;opacity:.075;filter:grayscale()contrast(1.15);pointer-events:none;width:min(42%,230px);max-height:190px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.in-tune-band{z-index:1;color:#7fc9a4;pointer-events:none;background:linear-gradient(#45d19118,#0000);border-left:1px solid #45d19199;border-right:1px solid #45d19199;justify-content:space-between;align-items:flex-start;min-width:44px;height:46px;padding-top:31px;font:700 8px monospace;display:flex;position:absolute;top:42px;left:50%;transform:translate(-50%)}.in-tune-band b{white-space:nowrap;color:#83dbae;letter-spacing:.12em;font:800 7px sans-serif;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.signal{z-index:1;filter:blur(9px);background:radial-gradient(#d69a5430,#0000 68%);border-radius:50%;width:360px;height:120px;transition:opacity .25s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.dial.listening .signal{animation:2.4s ease-in-out infinite signalPulse}.dial.listening:not(.good):after{color:#b7bbb7;text-shadow:0 0 8px #fff2}.needle{transition:left .32s cubic-bezier(.18,.76,.22,1),filter .35s,background .35s}.tuning-map{color:#8e928f;background:#191b1c;border:1px solid #363938;border-radius:7px;justify-content:center;align-items:center;gap:9px;margin-top:15px;padding:11px 14px;display:flex}.tuning-map>span{letter-spacing:.17em;color:#8e928f;margin-right:4px;font-size:8px;font-weight:800}.tuning-map b{text-align:center;color:#c6c9c5;border:1px solid #0000;border-radius:5px;min-width:34px;padding:5px 7px;font:600 12px monospace}.tuning-map b.active{color:#171717;background:var(--amber2);border-color:#f5c88d;box-shadow:0 0 12px #d69a5433}.tuning-map small{color:#7d817e;margin-left:auto;font-size:10px}.dial.listening .needle:after{animation:1.9s ease-in-out infinite needleGlow}.dial.good{box-shadow:inset 0 20px 50px #000d,inset 0 0 42px #45d1912e,0 0 0 2px #45d191,0 0 30px #45d19155}.dial.good .readout strong,.dial.good .readout span{color:#dfffee;text-shadow:0 0 18px #45d19166}.dial.good .ticks i.centre{background:var(--green);box-shadow:0 0 16px var(--green)}.dial.good .dial-brand{opacity:.12;filter:grayscale()sepia()hue-rotate(90deg)saturate(1.8)}@keyframes signalPulse{0%,to{opacity:.2;transform:translate(-50%)scale(.88)}50%{opacity:.52;transform:translate(-50%)scale(1.08)}}@keyframes needleGlow{0%,to{box-shadow:0 2px 8px #000,0 0 3px #e77562}50%{box-shadow:0 2px 8px #000,0 0 14px #e77562}}@media (width<=900px){.workspace aside{grid-template-columns:1fr 220px}.tip{border-top:1px solid #353738;border-left:0;grid-column:1/-1;padding:12px 0 0}}@media (width<=760px){.workspace aside{padding:15px;display:block}.instrument-picker{margin-bottom:17px}.tuning-picker{margin-bottom:14px}.tip{padding-top:12px}.instrument-grid button{min-width:94px}.card-top{grid-template-columns:1fr auto;gap:12px;display:grid}.reference{grid-area:2/1/auto/-1}.confidence{grid-area:1/2}.dial{height:278px}.ticks{background-size:auto}.signal{width:240px}.tuning-map{flex-wrap:wrap}.tuning-map small{text-align:center;width:100%;margin:2px 0 0}}@media (prefers-reduced-motion:reduce){.signal,.needle:after{animation:none!important}}