:root{--background:#fdfcf0;--on-surface:#1c1c19;--rubric:#e65100;--rubric-dark:#bf4200;--surface-low:#f5f3e8;--surface-high:#ede9d8;--outline:#777;--on-primary:#fff;--muted:#5a5a56;--font-serif:"Newsreader", "Georgia", serif;--font-mono:"Courier New", monospace;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1.4rem;--spacing-6:2rem;--spacing-8:3rem;--spacing-12:4rem;--spacing-24:8.5rem}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-serif);color:var(--on-surface);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.7}code{font-family:var(--font-mono)}a{color:var(--on-surface);text-decoration:none}a:hover{color:var(--rubric)}sub{font-size:.75em}.app{max-width:1100px;padding:var(--spacing-12) var(--spacing-6);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.app-header{text-align:center;margin-bottom:var(--spacing-12);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--outline)}.app-header h1{font-family:var(--font-serif);letter-spacing:.02em;color:var(--on-surface);margin:0;font-size:2.4rem;font-weight:500}.app-header .subtitle{font-family:var(--font-serif);color:var(--muted);margin-top:var(--spacing-2);font-size:1rem;font-style:italic}.app-body{gap:var(--spacing-8);flex-direction:row;flex:1;display:flex}.circuit-panel{background-color:var(--surface-low);padding:var(--spacing-6);flex:2;justify-content:center;align-items:center;display:flex}.circuit-panel svg{width:100%;height:auto}.controls-panel{gap:var(--spacing-4);flex-direction:column;flex:1;display:flex}.field-row{align-items:baseline;gap:var(--spacing-3);display:flex}.field-label{text-align:right;font-family:var(--font-serif);color:var(--muted);letter-spacing:.03em;flex:0 0 4rem;font-size:.9rem;font-style:italic}.field-value{font-family:var(--font-mono);color:var(--on-surface);padding:var(--spacing-2) 0;border-bottom:1px solid var(--outline);flex:1;font-size:.85rem}.field-value.output{color:var(--rubric-dark);border-bottom:2px solid var(--rubric);font-size:1.1rem;font-weight:700}.field-value.readonly{color:var(--muted);font-style:italic}input[type=range]{appearance:none;background:var(--outline);cursor:pointer;border-radius:0;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--on-surface);cursor:pointer;border:none;border-radius:0;width:14px;height:14px}input[type=range]::-moz-range-thumb{background:var(--on-surface);cursor:pointer;border:none;border-radius:0;width:14px;height:14px}input[type=range]:focus{outline:2px solid var(--rubric);outline-offset:4px}.site-footer{margin-top:var(--spacing-12);padding-top:var(--spacing-6);border-top:1px solid var(--outline)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.footer-copyright{font-family:var(--font-serif);color:var(--muted);font-size:.85rem;font-style:italic}.footer-links{gap:var(--spacing-4);display:flex}.footer-links a{font-family:var(--font-serif);color:var(--muted);letter-spacing:.03em;font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--rubric)}@media (width<=768px){.app{padding:var(--spacing-6) var(--spacing-4)}.app-body{gap:var(--spacing-6);flex-direction:column}.circuit-panel{flex:none}.field-row{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.field-label{text-align:left;flex:none}}