:root{--ice:#c9e6f4;--ink:#101820;--gold:#9b7945;--line:#253c522b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 85% 20%,#f6fbff 0,transparent 48%),radial-gradient(ellipse at 8% 35%,#9bc8e3aa 0,transparent 50%),#d6ebf5;font:16px/1.5 'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{max-width:1440px;padding:30px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px}.brand img{object-fit:contain;mix-blend-mode:multiply}.brand span,.preview{font-size:12px;letter-spacing:.19em}.preview{color:#536b7a;border:1px solid var(--line);border-radius:30px;padding:8px 13px}main{max-width:1280px;margin:auto;padding:25px 6% 65px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.eyebrow{font-size:12px;letter-spacing:.24em;margin:0 0 12px}h1{font:400 clamp(40px,4.5vw,62px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:0}h1 em{color:#314b61;font-weight:400}.page-title>p{color:#405c70;font-size:14px;margin:0 0 3px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:28px}.instrument{border:1px solid #fff9;background:linear-gradient(145deg,#ffffff65,#eff7fc30);border-radius:4px;padding:30px;box-shadow:0 20px 55px -35px #21496975}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px}.section-top h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-.035em;margin:0}.section-top>span{color:#536b7a;font-size:12px}.beats{display:flex;justify-content:center;gap:14px;height:40px;align-items:center;margin:24px 0 8px}.beat{height:12px;width:12px;border-radius:50%;border:1px solid #38536a66;background:#fff3}.beat:first-child{border-color:var(--gold)}.beat.active{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 5px #1018200c}.beat.active:first-child{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px #9b794512}.tempo{display:flex;align-items:center;justify-content:center;gap:26px;margin:0 0 20px}.tempo>div{display:flex;flex-direction:column;align-items:center}.tempo input{width:160px;font:400 82px/1 Georgia,serif;letter-spacing:-.065em;text-align:center;border:0;background:none;padding:0;appearance:textfield;-moz-appearance:textfield}.tempo input::-webkit-inner-spin-button,.tempo input::-webkit-outer-spin-button{appearance:none}.tempo>div>span{font-size:12px;letter-spacing:.22em;color:#405c70;margin-top:4px}.round{border:1px solid #38536a40;border-radius:50%;background:#fff3;width:40px;height:40px;font-size:23px}.round:hover,.outline:hover{background:#ffffff80}.slider{width:100%}.range-label{display:flex;justify-content:space-between;font-size:12px;color:#536b7a;margin-bottom:24px}input[type=range]{accent-color:#314b61;height:6px;cursor:pointer}.main-actions{display:flex;gap:12px}.primary,.outline{border-radius:30px;min-height:50px;padding:12px 20px;font-size:14px;border:1px solid var(--ink)}.primary{background:var(--ink);color:#f4f9fc;flex:1}.primary:hover{background:#304c60}.outline{background:transparent}.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 20px}.settings label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#405c70}select{border:1px solid #38536a40;border-radius:3px;padding:9px 10px;background:#f2f8fb80;font-size:14px;width:100%}.volume-row{display:flex;align-items:center;gap:12px;font-size:14px;color:#405c70;flex-wrap:wrap}.volume-row>input{flex:1;min-width:50px;width:80px}.check{display:flex;align-items:center;gap:4px}.check input{accent-color:#314b61;width:16px;height:16px}.error{font-size:14px;color:#9b2f30;margin:12px 0 0}.error:empty{display:none}.tune-reading{height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center}.note{font:400 80px/1 Georgia,serif;letter-spacing:-.05em}.note small{font-size:30px;vertical-align:baseline;color:#536b7a}#frequency{color:#536b7a;font-size:14px;margin-top:10px;font-variant-numeric:tabular-nums}.gauge{padding:0 8px}.scale-labels{display:flex;justify-content:space-between;font-size:12px;color:#536b7a}.scale{height:34px;position:relative;margin:7px 0;background:repeating-linear-gradient(90deg,#405c7045 0 1px,transparent 1px 10%);border-bottom:1px solid var(--line)}.target-zone{position:absolute;left:45%;width:10%;height:100%;background:#9b79451a;border-left:1px solid #9b794560;border-right:1px solid #9b794560}#needle{position:absolute;left:50%;top:-4px;width:2px;height:42px;background:#314b61;transform:translateX(-50%);transition:left .1s;opacity:.25}#needle.tuned{background:#80622e}.direction span:nth-child(2){color:#80622e}.tune-message{text-align:center;font-size:14px;min-height:21px;margin:16px 0 21px;color:#405c70}.tuner>.primary{width:100%}.privacy{align-self:center;color:#536b7a;font-size:12px;line-height:1.7}.strings{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.strings>span{font-size:12px;letter-spacing:.09em;color:#536b7a}.strings>div{display:flex;gap:13px;font-size:14px}.hint{font-size:12px;color:#536b7a;margin:14px 0 0}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:24px 6% 35px;display:flex;justify-content:space-between;font-size:12px;color:#405c70}footer a{color:#725321}@media(max-width:900px){main{padding-left:5%;padding-right:5%}.instrument{padding:23px}.tools{gap:18px}.strings{align-items:start;flex-direction:column}.volume-row .check{width:100%}}@media(max-width:700px){header{padding:20px 6%}.brand{gap:10px}.brand span{font-size:10px;max-width:110px}.brand img{width:60px}.preview{font-size:10px;letter-spacing:.08em;padding:7px 9px}main{padding-top:18px}.page-title{display:block;margin-bottom:27px}.page-title>p{margin-top:17px;font-size:14px}.page-title>p br{display:none}h1{font-size:44px}.tools{grid-template-columns:1fr;gap:24px}.instrument{padding:25px}.strings{flex-direction:row}.volume-row .check{width:auto}.page-title .eyebrow{font-size:12px}footer{margin:0 5%;padding:22px 0;gap:20px}}@media(max-width:360px){.instrument{padding:20px}.strings{flex-direction:column}.main-actions{gap:8px}.primary,.outline{padding:12px 15px}h1{font-size:38px}.settings{gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

header nav{display:flex;gap:24px;font-size:14px}header nav a{padding:8px 0}header nav a[aria-current]{color:#725321;border-bottom:1px solid #9b794580}

header{flex-wrap:wrap}header nav{gap:12px}header nav a{border:1px solid #38536a40;border-radius:9px;padding:10px 17px;background:#ffffff25;white-space:nowrap}header nav a:hover{background:#ffffff70;border-color:#9b794580}header nav a[aria-current]{border:1px solid #9b794580;background:#ffffff60}header nav .nav-connect{border-color:#9b794580;border-radius:30px;color:#725321}@media(max-width:700px){header nav{width:100%;justify-content:center;gap:10px}header nav a{padding:9px 13px}}