:root{color:#f5f2ea;font-synthesis:none;text-rendering:optimizelegibility;--background:#000;--panel:#1b1d19;--panel-light:#252821;--border:#ffffff1f;--muted:#a8aa9f;--text:#f5f2ea;--accent:#eee8d5;--accent-soft:#c8ff4d26;--danger:#ff765f;background:#000;font-family:Times New Roman,Times,serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #c8ff4d14, transparent 35rem), var(--background);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:1.5rem;width:min(1280px,100% - 2rem);margin:0 auto;padding:2rem 0;display:grid}.pedal-panel,.visualization-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff0d, transparent 45%), var(--panel);border-radius:1.25rem;box-shadow:0 1.5rem 4rem #00000040,inset 0 1px #ffffff0f}.pedal-panel{flex-direction:column;gap:2rem;min-height:550px;padding:2rem;display:flex}.pedal-header{text-align:center}.brand,.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.pedal-header h1,.visualization-header h2{margin:0}.pedal-header h1{letter-spacing:-.06em;font-size:clamp(2rem,5vw,3.25rem)}.subtitle{color:var(--muted);margin:.65rem 0 0}.control{gap:1rem;display:grid}.control-heading{justify-content:space-between;align-items:center;display:flex}.control-heading label{letter-spacing:.06em;text-transform:uppercase;font-weight:700}.control-heading output{border:1px solid var(--border);min-width:3.5rem;color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;background:#0003;border-radius:.5rem;padding:.35rem .6rem;display:none}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.range-labels{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.visualization-panel{min-width:0;padding:1.5rem}.visualization-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;display:flex}.visualization-header h2{font-size:clamp(1.25rem,3vw,1.8rem)}.live-values{gap:.75rem;margin:0;display:none}.live-values div{border:1px solid var(--border);background:#0000002e;border-radius:.65rem;min-width:5.5rem;padding:.65rem .8rem}.live-values dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem}.live-values dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem;font-weight:700}.chart-container{border:1px solid var(--border);background:linear-gradient(#ffffff05,#0000),#151713;border-radius:1rem;overflow:hidden}#transfer-chart{width:100%;height:auto;display:block}.chart-axis path,.chart-axis line{stroke:#ffffff3d}.chart-axis text{fill:var(--muted);font-size:12px}.chart-grid path{display:none}.chart-grid line{stroke:#ffffff12;stroke-dasharray:4 6}.axis-label{fill:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:13px}.transfer-curve{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;filter:drop-shadow(0 0 8px #eee8d559);transition:d .15s}.current-guide{stroke:#f5f2ea59;stroke-dasharray:5 5;stroke-width:1.5px}.current-point{fill:var(--panel);stroke:var(--accent);stroke-width:4px;filter:drop-shadow(0 0 8px #c8ff4da6);transition:cx 0s linear, cy var(--output-transition-duration,.25s) ease-out}@media (width<=850px){.app{grid-template-columns:1fr}.pedal-panel{min-height:auto}.visualization-header{flex-direction:column}}@media (width<=500px){.app{width:min(100% - 1rem,1280px);padding:.5rem 0}.pedal-panel,.visualization-panel{border-radius:1rem;padding:1.25rem}.live-values{width:100%}.live-values div{flex:1}}.threshold-line{stroke:#ffffff6b;stroke-width:1.5px;stroke-dasharray:7 7;transition:x1 .15s,x2 .15s}.threshold-label{fill:var(--muted);letter-spacing:.12em;pointer-events:none;font-size:10px;font-weight:700;transition:x .15s}.landing-hero{color:#eee8d5;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:3rem 1rem;display:flex}.landing-logo{justify-content:center;align-items:center;gap:clamp(1.25rem,5vw,1.75rem);width:min(100%,500px);display:flex}.text-logo{color:#eee8d5;letter-spacing:.22em;text-align:right;text-transform:uppercase;transform-origin:50%;font-family:Times New Roman,Times,serif;font-size:clamp(1.8rem,7vw,2.375rem);font-weight:900;line-height:1.1;transform:scaleY(1.08)}.logo-symbol{flex:none;gap:10px;height:clamp(95px,22vw,130px);display:flex}.logo-bar-group{gap:5px;height:100%;display:flex}.logo-bar-group span{background:#eee8d5;width:3px;height:100%;display:block}.landing-copy{flex-direction:column;align-items:center;gap:1.25rem;width:min(100%,700px);margin-top:2.5rem;display:flex}.landing-tagline,.landing-coming{color:#eee8d5;text-align:center;text-transform:uppercase;margin:0;font-family:Times New Roman,Times,serif}.landing-tagline{letter-spacing:clamp(.18em,1vw,.35em);font-size:clamp(.75rem,2.5vw,1rem);line-height:1.7}.landing-coming{letter-spacing:.35em;margin-top:2.5rem;font-size:clamp(.8rem,2.5vw,1rem)}#pedal-simulation{scroll-margin-top:2rem}@media (width<=500px){.landing-hero{padding-inline:1.25rem}.landing-logo{gap:1rem}.text-logo{letter-spacing:.15em}.logo-symbol{gap:7px}.logo-bar-group{gap:4px}.landing-tagline,.landing-coming{letter-spacing:.2em}}