:root{--bg-color:#0a0a0c;--glass-bg:#141419b3;--glass-border:#ffffff1a;--primary-gold:#d4af37;--primary-glow:#d4af374d;--accent-cyan:#00f2ff;--accent-green:#0f8;--accent-red:#ff3e3e;--text-main:#fff;--text-dim:#a0a0a0;--font-family:"Outfit", sans-serif;--nm-bg:#15151a;--nm-shadow-light:#ffffff0d;--nm-shadow-dark:#0009;--nm-inset-light:inset 2px 2px 5px #ffffff0d;--nm-inset-dark:inset -2px -2px 5px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);background-image:linear-gradient(#0a0a0ccc,#0a0a0cf2),url(/background.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.app-container{z-index:1;width:100%;max-width:900px;padding:1.5rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;flex-direction:row;align-items:stretch;gap:2rem;min-height:600px;padding:2rem;transition:all .3s;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.panel-left,.panel-main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.panel-main{border-left:1px solid var(--glass-border);padding-left:2rem}.panel-settings{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;opacity:0;pointer-events:none;background:#0f0f14f2;border-radius:32px;flex-direction:column;padding:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;transform:scale(.9)}.panel-settings.active{opacity:1;pointer-events:auto;transform:scale(1)}.settings-toggle{cursor:pointer;opacity:0;pointer-events:none;z-index:10;background:0 0;border:none;padding:10px;font-size:1.5rem;transition:opacity .3s,transform .3s;position:absolute;top:0;right:0}.settings-toggle.visible{opacity:.6;pointer-events:auto}.settings-toggle.visible:hover{opacity:1;transform:rotate(45deg)}.settings-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}.close-settings-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.2rem;transition:color .3s,transform .3s}.close-settings-btn:hover{color:#fff;transform:scale(1.1)}.panel-settings h2{letter-spacing:2px;color:var(--primary-gold);margin:0;font-size:1.2rem}.settings-group{flex-direction:column;gap:1.5rem;width:100%;display:flex}.setting-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.setting-row label{color:var(--text-dim);flex:0 0 130px;font-size:.85rem}.setting-row input[type=range]{accent-color:var(--primary-gold);flex:1}.setting-row input[type=number]{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:8px;width:80px;padding:8px;font-family:inherit}.nm-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.nm-switch input{opacity:0;width:0;height:0}.nm-slider{cursor:pointer;box-shadow:inset 2px 2px 5px var(--nm-shadow-dark), inset -2px -2px 5px var(--nm-shadow-light);background-color:#ffffff0d;border-radius:34px;transition:all .4s;position:absolute;inset:0}.nm-slider:before{content:"";background-color:var(--text-dim);width:16px;height:16px;box-shadow:2px 2px 5px var(--nm-shadow-dark), -2px -2px 5px var(--nm-shadow-light);border-radius:50%;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.nm-slider{background-color:#00f2ff1a;box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #00f2ff33}input:checked+.nm-slider:before{background-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);transform:translate(18px)}.karar-row{align-items:center;margin-top:1.5rem}.karar-linear-container{flex-wrap:wrap;flex:1;justify-content:flex-start;gap:.5rem;display:flex}.karar-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;flex:auto;padding:6px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.karar-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.karar-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f2ff26;box-shadow:0 0 10px #00f2ff33}.gauge-selector-row{align-items:flex-start}.gauge-thumbnails{flex:1;gap:1rem;display:flex}.gauge-thumb{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;overflow:hidden}.thumb-svg{width:44px;height:44px;overflow:visible}.thumb1-needle{transform-origin:30px 40px;transform:rotate(-30deg)}.gauge-thumb[data-gauge=gauge-1]:hover .thumb1-needle{animation:.9s ease-in-out infinite alternate thumb-swing}@keyframes thumb-swing{0%{transform:rotate(-38deg)}to{transform:rotate(38deg)}}.thumb2-dot{transform-origin:25px 25px}.gauge-thumb[data-gauge=gauge-2]:hover .thumb2-dot{animation:1.4s linear infinite thumb-orbit}@keyframes thumb-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thumb3-ring{transition:stroke-dasharray .4s}.gauge-thumb[data-gauge=gauge-3]:hover .thumb3-ring{animation:1.2s ease-in-out infinite alternate thumb-fill}@keyframes thumb-fill{0%{stroke-dasharray:20 110}to{stroke-dasharray:90 40}}.thumb4-handle{transform-origin:25px 25px;transform:rotate(0)}.gauge-thumb[data-gauge=gauge-4]:hover .thumb4-handle{animation:1s ease-in-out infinite alternate thumb-handle}@keyframes thumb-handle{0%{transform:rotate(-100deg)}to{transform:rotate(100deg)}}.gauge-thumb:hover{background:#ffffff1a;border-color:#ffffff4d}.gauge-thumb.active{border-color:var(--accent-cyan);background:#00f2ff1a;box-shadow:0 0 15px #00f2ff4d,inset 0 0 10px #00f2ff1a}.gauge-thumb.active .thumb-inner{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan)}.header{text-align:center}h1{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(to right, #fff, var(--primary-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.instrument-selector{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:12px;outline:none;padding:.5rem 1rem;font-family:inherit;transition:all .2s}.instrument-selector option{color:#fff;background:#15151a}.instrument-selector:hover{background:#ffffff1a}.tuner-display{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:250px;margin-top:2rem;display:flex;position:relative}.gauge-view{flex-direction:column;justify-content:center;align-items:center;width:100%;display:none}.gauge-view.active{animation:.4s ease-out fadeIn;display:flex}.coming-soon{color:var(--text-dim);letter-spacing:1px;border:1px dashed var(--glass-border);background:#ffffff05;border-radius:16px;padding:2rem;font-style:italic}.vu-meter{background:linear-gradient(#1f1f22 0%,#2a1b15 100%);border:2px solid #333;border-radius:16px;width:320px;height:220px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 15px 30px #0009}.vu-glass{pointer-events:none;z-index:10;background:linear-gradient(135deg,#ffffff0f 0%,#fff0 40%,#ffffff05 100%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(-15deg)}.vu-glow{pointer-events:none;z-index:1;background:radial-gradient(#ff501480 0%,#ff641e00 70%);width:200px;height:120px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.vu-top-text{text-align:center;color:#888;letter-spacing:3px;z-index:2;width:100%;font-family:Courier New,Courier,monospace;font-size:.85rem;position:absolute;top:20px;left:0}.vu-highlight{color:#ff6a00}.vu-svg{z-index:3;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px}.vu-arc{stroke:#ff643266;stroke-width:2px}.vu-tick{stroke:#ff643299;stroke-width:1.5px}.vu-tick.major{stroke:#ff6432e6;stroke-width:2px}.vu-tick-text{fill:#ff8c42;text-anchor:middle;dominant-baseline:central;font-family:Outfit,sans-serif;font-size:11px}.vu-needle{stroke:#ff3b14;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 10px #f30);transform-origin:150px 220px;transition:transform .25s ease-out;transform:rotate(-60deg)}.vu-bottom-labels{box-sizing:border-box;z-index:2;justify-content:space-between;align-items:flex-end;width:100%;padding:0 25px;display:flex;position:absolute;bottom:20px;left:0}.vu-label{color:#777;padding-bottom:5px;font-family:Courier New,Courier,monospace;font-size:.8rem}.vu-target{color:#fff;text-shadow:0 0 10px #ffffff80;text-align:center;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.minimal-circle-container{background:var(--glass-bg);border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative;box-shadow:8px 8px 16px #00000080,-8px -8px 16px #ffffff08,inset 4px 4px 10px #0000004d}.minimal-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(135deg)}.minimal-track{fill:none;stroke:#ffffff08;stroke-width:18px;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:125px}.minimal-fill{fill:none;stroke:#40e0d0;stroke-width:18px;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:502px;filter:drop-shadow(0 0 10px #40e0d066);transition:stroke-dashoffset .25s ease-out,stroke .3s}.minimal-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:translateY(-5px)}.minimal-target{color:#fff;text-shadow:0 0 15px #fff3;margin-bottom:5px;font-family:Outfit,sans-serif;font-size:4rem;font-weight:300;line-height:1}.minimal-cents{color:#888;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.rotary-container{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.rotary-svg{width:240px;height:240px;position:absolute;top:20px;left:20px}.rotary-track{stroke:#ffffff0d;stroke-width:3px}.rotary-fill{stroke:#fff;stroke-width:4px;stroke-dasharray:691;stroke-dashoffset:691px;transition:stroke-dashoffset .25s ease-out,stroke .3s}.rotary-tick{fill:#666}.rotary-handle-wrapper{pointer-events:none;z-index:5;width:240px;height:240px;transition:transform .25s ease-out;position:absolute;top:20px;left:20px;transform:rotate(-135deg)}.rotary-handle{background:radial-gradient(circle at 30% 30%,#555,#222);border:1px solid #111;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:110px;box-shadow:0 4px 6px #0009,inset 0 1px 1px #fff3}.rotary-knob-base{z-index:4;background:linear-gradient(145deg,#222225,#0d0d12);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 15px 25px #000c,inset 0 2px 3px #ffffff0d}.rotary-knob-mid{background:linear-gradient(145deg,#2a2a30,#151518);border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;display:flex;box-shadow:inset 0 2px 5px #00000080,0 2px 3px #ffffff0d}.rotary-knob-top{background:linear-gradient(145deg,#333339,#222228);border-radius:50%;width:104px;height:104px;box-shadow:inset 0 1px 2px #ffffff1a,0 5px 15px #0009}.rotary-labels{text-align:center;width:100%;position:absolute;bottom:-15px}.rotary-target{color:#fff;text-shadow:0 0 10px #ffffff4d;margin-bottom:2px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:600}.rotary-cents{color:#888;font-family:Courier New,Courier,monospace;font-size:1rem}.knob-container{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.knob-svg{width:100%;height:100%;position:absolute;transform:rotate(-225deg)}.knob-track{fill:none;stroke:#ffffff0d;stroke-width:4px}.knob-fill{fill:none;stroke:#fff;stroke-width:14px;stroke-linecap:round;stroke-dasharray:534;stroke-dashoffset:534px;filter:drop-shadow(0 0 5px #ffffff80);transition:stroke-dashoffset .25s ease-out,stroke .3s}.knob-base{background:linear-gradient(145deg,#1f1f24,#121215);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;transition:transform .25s ease-out;display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff0d,0 15px 25px #0009}.knob-indicator{background:#fff;border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s;position:absolute;top:15px;box-shadow:0 0 10px #fff}.knob-ticks{pointer-events:none;border:2px dotted #ffffff1a;border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:-10px}.knob-ticks.in-tune{border-color:#0f86;animation:1.5s ease-in-out infinite pulse-ring;box-shadow:0 0 20px #0f83,inset 0 0 20px #00ff880d}@keyframes pulse-ring{0%,to{box-shadow:0 0 20px #0f83}50%{box-shadow:0 0 35px #00ff8873}}.knob-ticks.close{border-color:#d4af374d}.knob-ticks.far{border-color:#ffffff14}.symbol{vertical-align:super;margin-left:1px;font-family:serif;font-size:.8em;font-style:italic}.pitch-detector-container{flex-direction:column;gap:.5rem;width:100%;max-width:400px;margin-top:2rem;display:flex}.pitch-labels{color:var(--text-dim);justify-content:space-between;padding:0 5px;font-size:.75rem;font-weight:600;display:flex}.pitch-bar{background:linear-gradient(90deg,sienna 0%,#daa520 25%,#8fbc8f 45% 55%,#daa520 75%,sienna 100%);border-radius:9px;width:100%;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.pitch-cursor{background:var(--accent-cyan);width:4px;height:100%;box-shadow:0 0 8px var(--accent-cyan), 0 0 2px #fff;z-index:2;border-radius:2px;transition:left .25s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-status{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.status-label{color:var(--text-dim);font-size:.8rem;font-weight:700;transition:all .3s}.status-label.active{color:#fff;text-shadow:0 0 10px #ffffff80}.cents-value{color:#fff;font-size:1rem;font-weight:700}.turkish-note{color:var(--text-dim);text-transform:uppercase;letter-spacing:4px;text-align:center;margin-top:1rem;font-size:1rem}.cents-display.in-tune{color:var(--accent-green)}.cents-display.flat{color:var(--accent-red)}.cents-display.sharp{color:var(--accent-gold)}.start-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;text-align:center;background:#0a0a0ce6;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.start-button{background:var(--primary-gold);color:#000;cursor:pointer;box-shadow:0 0 30px var(--primary-glow);border:none;border-radius:16px;margin-top:2rem;padding:1.2rem 3rem;font-size:1.2rem;font-weight:600;transition:all .3s}.start-button:hover{box-shadow:0 0 50px var(--primary-glow);transform:scale(1.05)}.pulse-animation{animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.panel-left.chromatic-mode .saz-image{display:none}.panel-left.chromatic-mode .peg-container{pointer-events:auto;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:300px;display:grid;position:static}.panel-left.chromatic-mode .peg-btn{aspect-ratio:1;width:100%;font-size:1rem;position:static}.saz-visualizer{justify-content:center;align-items:center;width:100%;max-width:500px;height:500px;margin:1rem auto;display:flex;position:relative}.saz-image{object-fit:contain;opacity:.8;width:100%;height:100%;transition:opacity .3s}.main-persistent-logo{opacity:0;filter:drop-shadow(0 0 10px #00f2ff4d);z-index:100;pointer-events:none;border-radius:50%;width:auto;height:60px;transition:opacity .5s .5s;position:fixed;top:1.5rem;left:1.5rem}.main-persistent-logo.visible{opacity:.9}.splash-panel{flex-direction:row;justify-content:center;align-items:center;gap:3rem;padding:3rem 4rem;display:flex}.splash-logo{align-items:center;height:100%;display:flex}.splash-logo img{object-fit:contain;filter:drop-shadow(0 0 15px #00f2ff33);width:auto;max-width:300px;height:350px}.splash-content{text-align:left;flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.splash-content h1{white-space:nowrap;color:#fff;text-shadow:0 0 20px #00f2ff80;margin:0;font-size:1.8rem}.splash-content p{color:var(--text-dim);margin:0;font-size:1.1rem}.splash-buttons{gap:1.5rem;margin-top:1rem;display:flex}.help-button{box-shadow:none;color:#fff;background:#ffffff0d;border:1px solid #fff3}.help-button:hover{border-color:var(--accent-cyan);background:#ffffff26}.driver-popover{background:var(--nm-bg)!important;box-shadow:10px 10px 20px var(--nm-shadow-dark), -10px -10px 20px var(--nm-shadow-light), inset 1px 1px 1px #ffffff0d!important;color:#fff!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;font-family:Outfit,sans-serif!important}.driver-popover-title{color:var(--primary-gold)!important;font-size:1.2rem!important;font-weight:600!important}.driver-popover-description{color:var(--text-dim)!important;font-size:1rem!important}.driver-popover-footer button{border:1px solid var(--glass-border)!important;color:#fff!important;text-shadow:none!important;background:#ffffff0d!important;border-radius:8px!important;padding:5px 15px!important;font-family:inherit!important}.driver-popover-footer button:hover{border-color:var(--accent-cyan)!important;background:#00f2ff1a!important}.driver-popover-progress-text,.driver-popover-close-btn{color:var(--text-dim)!important}.driver-popover-close-btn:hover{color:var(--accent-cyan)!important}.peg-container{pointer-events:none;display:block;position:absolute;inset:0}.peg-btn{background:var(--nm-bg);width:44px;height:44px;color:var(--text-dim);cursor:pointer;pointer-events:auto;box-shadow:6px 6px 12px var(--nm-shadow-dark), -4px -4px 10px var(--nm-shadow-light);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.peg-btn.active{color:var(--accent-cyan);box-shadow:inset 4px 4px 8px var(--nm-shadow-dark), inset -4px -4px 8px var(--nm-shadow-light);border:1px solid #00f2ff4d;transform:scale(.95)}.peg-1{top:20%;left:0%}.peg-2{top:40%;left:0%}.peg-3{top:60%;left:0%}.peg-4{top:10%;right:5%}.peg-5{top:25%;right:5%}.peg-6{top:40%;right:5%}.peg-7{top:55%;right:5%}.in-tune-glow{filter:drop-shadow(0 0 10px var(--accent-green))}@media (width<=768px){body{align-items:flex-start;height:auto;min-height:100vh;padding:1rem 0;overflow:hidden auto}.app-container{width:100%;max-width:100vw;padding:.5rem}.glass-panel{border-radius:20px;flex-direction:column;gap:1rem;width:100%;max-width:100%;min-height:auto;padding:1rem;overflow:hidden}.panel-left{order:2;width:100%;min-height:250px}.panel-main{border-left:none;border-bottom:1px solid var(--glass-border);order:1;width:100%;padding-bottom:1rem;padding-left:0}.pitch-detector-container{width:100%;max-width:100%;margin-top:1.5rem}.pitch-bar{height:14px}.pitch-labels span{font-size:.65rem}.splash-panel{flex-direction:column;gap:1.5rem;width:100%;padding:1rem}.start-overlay{border-radius:20px;padding:1rem}.splash-logo img{max-width:100%;height:120px}.splash-content{text-align:center;align-items:center;gap:1rem}.splash-content h1{font-size:1.8rem}.splash-content p{font-size:.9rem}.splash-buttons{flex-direction:column;gap:1rem;width:100%}.start-button{width:100%;margin-top:0;padding:.8rem;font-size:1rem}.vu-meter{width:100%;max-width:280px;height:180px}.vu-needle{transform-origin:150px 220px}.minimal-circle-container,.rotary-container,.knob-container{width:200px;height:200px}.minimal-target{font-size:2.5rem}.rotary-target{font-size:1.5rem}.rotary-cents{font-size:.85rem}.rotary-knob-base{width:100px;height:100px}.rotary-handle-wrapper{width:170px;height:170px;top:35px;left:35px}.rotary-handle{left:75px}.knob-base{width:100px;height:100px}.knob-indicator{width:6px;height:6px;top:10px}.instrument-selector{width:100%;padding:.6rem;font-size:.9rem}h1{font-size:1.2rem}.turkish-note{letter-spacing:2px;font-size:.8rem}.panel-settings{border-radius:20px;padding:1rem}.setting-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.setting-row label{flex:none;font-size:.8rem}.gauge-thumbnails{flex-direction:column;gap:.75rem;width:100%;padding-bottom:0;display:flex;overflow-x:visible}.gauge-thumb{border-radius:12px;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;height:60px;padding:0 1rem;display:flex;position:relative}.gauge-thumb:after{content:attr(title);color:var(--text-main);white-space:nowrap;font-size:.9rem;font-weight:500}.gauge-thumb .thumb-svg{width:32px;height:32px}.karar-linear-container{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.karar-btn{padding:8px 4px;font-size:.75rem}.saz-visualizer{height:300px}.peg-btn{width:32px;height:32px;font-size:.65rem}.main-persistent-logo{height:40px;top:.75rem;left:.75rem}.settings-toggle{top:.5rem;right:.5rem}}