:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f5ed;background:#0b0e0b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 42%,rgba(149,193,84,.09),transparent 32rem),linear-gradient(145deg,#0a0d0a,#111610 54%,#090b09)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:0 clamp(1.25rem,5vw,4rem)}.topbar{width:min(100%,72rem);margin:0 auto;padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{color:inherit;display:flex;align-items:center;gap:.7rem;text-decoration:none;font:700 1.25rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em}.brand-mark{display:block;width:2.15rem;height:2.15rem;filter:drop-shadow(0 .35rem .7rem rgba(183,223,117,.12))}.mode{color:#8f9989;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tuner{width:min(100%,44rem);margin:auto;padding:2.5rem 0 3rem;text-align:center}.strings{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.35rem,1.5vw,.75rem);max-width:32rem;margin:0 auto 3rem}.string{aspect-ratio:1;display:grid;place-content:center;position:relative;border:1px solid #2b3229;border-radius:50%;background:#ffffff06;color:#788174;transition:.18s ease}.string strong{font:600 clamp(1rem,4vw,1.25rem)/1 ui-sans-serif,system-ui,sans-serif}.string-number{position:absolute;top:-1.35rem;inset-inline:0;color:#596057;font-size:.68rem}.string.active{color:#dfffb2;border-color:#9fc95f;background:#abd7691f;box-shadow:0 0 0 4px #abd7690f,0 0 2rem #abd7691a}.eyebrow{min-height:1rem;margin:0 0 .25rem;color:#8f9989;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.note{min-height:9rem;font:600 clamp(6.5rem,22vw,9rem)/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.09em;color:#eef1e9;text-shadow:0 1rem 5rem rgba(191,231,128,.08);transition:color .18s ease}.in-tune .note{color:#caff7b}.frequency{margin:.35rem 0 2.8rem;color:#7e8779;font-variant-numeric:tabular-nums}.meter{position:relative;margin:0 auto;max-width:38rem}.meter-labels{display:flex;justify-content:space-between;margin-bottom:.6rem;color:#626a5f;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.meter-track{position:relative;height:4px;border-radius:1rem;background:linear-gradient(90deg,#424940,#697265 50%,#424940)}.tolerance{position:absolute;width:10%;height:100%;left:45%;background:#9ac85a;box-shadow:0 0 1.2rem #a3d25c66}.needle{position:absolute;left:50%;bottom:-.55rem;width:2px;height:2.1rem;border-radius:2px;background:#e7a868;box-shadow:0 0 .8rem #e7a8688c;opacity:0;transform:translate(-50%);transform-origin:center;transition:left 90ms linear,opacity .18s ease,background .18s ease}.needle.visible{opacity:1}.needle.correct{background:#caff7b;box-shadow:0 0 1rem #caff7ba6}.ticks{display:flex;justify-content:space-between;margin-top:.6rem;padding:0 1px}.ticks i{width:1px;height:.35rem;background:#353b33}.ticks i:nth-child(6){height:.65rem;background:#889182}.guidance{min-height:1.5rem;margin:2.3rem 0 1.5rem;color:#c9cec3;font-weight:600}.guidance.success{color:#bfe977}.error{max-width:30rem;margin:-.4rem auto 1.2rem;color:#efad8c;font-size:.88rem}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-width:14.5rem;min-height:3.25rem;padding:.8rem 1.4rem;border:0;border-radius:999px;color:#14190f;background:#b9df7d;font-weight:700;cursor:pointer;transition:transform .14s ease,background .14s ease,opacity .14s ease}.primary-button:hover{background:#c8ed8e;transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button.stop{color:#d9ded3;background:#252b23}.primary-button.stop:hover{background:#30372d}.mic-icon{font-size:.62rem}.privacy{color:#626a5f;font-size:.72rem;margin:1rem 0 0}.live-dot{display:inline-block;width:.42rem;height:.42rem;margin-right:.35rem;border-radius:50%;background:#a8d368;box-shadow:0 0 .6rem #a8d368}footer{padding:1.2rem 0 1.5rem;color:#51584f;border-top:1px solid rgba(255,255,255,.05);text-align:center;font-size:.7rem;letter-spacing:.06em}@media(max-width:540px){.app-shell{padding-inline:1rem}.topbar{padding-block:1rem}.mode{max-width:11rem;text-align:right;font-size:.62rem}.tuner{padding-top:2.2rem}.strings{margin-bottom:2.3rem}.string-number{top:-1.1rem}.frequency{margin-bottom:2.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}