.toggle-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin:15px}.toggle-label{font-size:24px;font-weight:700;color:#333;font-family:Courier New,monospace;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toggle-switch{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.toggle-track{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-track.off{fill:#cbd5e0;stroke:#a0aec0;stroke-width:2}.toggle-track.on{fill:#48bb78;stroke:#38a169;stroke-width:2}.toggle-clickable-area{fill:transparent;transition:fill .2s ease}.toggle-clickable-area.hover{fill:#fff3;animation:pulse .6s ease-in-out infinite}.toggle-knob{fill:#fff;stroke:#e2e8f0;stroke-width:2;transition:cy .3s cubic-bezier(.4,0,.2,1),transform .2s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.toggle-knob.preview{transform:translateY(calc(var(--preview-offset) * 1px))}.toggle-knob-highlight{fill:#fffc;transition:cy .3s cubic-bezier(.4,0,.2,1),transform .2s ease-out;filter:blur(2px)}.toggle-knob-highlight.preview{transform:translateY(calc(var(--preview-offset) * 1px))}.toggle-text{font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none;transition:fill .3s ease}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.nixie-container{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:radial-gradient(circle,rgba(255,69,0,.1) 0%,transparent 70%);border-radius:20px}.nixie-tube{animation:nixieFlicker 3s ease-in-out infinite}.nixie-digit-active{font-family:"Baloo 2",Comic Sans MS,cursive,sans-serif;text-shadow:0 0 3px #ff5e00,0 0 5px #ff5e00,0 0 8px #ff4500;animation:digitGlow 2s ease-in-out infinite alternate}.nixie-digit-wire{font-family:"Baloo 2",Comic Sans MS,cursive,sans-serif}.nixie-value-label{font-size:28px;font-weight:700;color:#333;font-family:Courier New,monospace;text-align:center;padding:10px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:10px;color:#fff;box-shadow:0 4px 6px #0000001a,inset 0 1px #fff3;letter-spacing:2px}@keyframes digitGlow{0%{opacity:.9}to{opacity:1}}@keyframes nixieFlicker{0%,to{opacity:1}50%{opacity:.98}51%{opacity:1}52%{opacity:.99}}.nixie-container:hover .nixie-digit-active{text-shadow:0 0 4px #ff5e00,0 0 6px #ff5e00,0 0 10px #ff4500}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.app-header{background:#fffffff2;padding:15px 20px;text-align:center;box-shadow:0 4px 6px #0000001a}.app-header h1{font-size:1.8rem;color:#2d3748;margin-bottom:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.subtitle{font-size:.95rem;color:#4a5568;font-style:italic}.app-main{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:40px 20px;gap:60px}.controls-section,.display-section{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;max-width:600px}.controls-section h2,.display-section h2{font-size:1.8rem;color:#2d3748;margin-bottom:10px;text-align:center}.instruction,.display-info{text-align:center;color:#718096;margin-bottom:25px;font-size:.95rem}.toggles-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.binary-display{text-align:center;padding:20px;background:linear-gradient(135deg,#f6f8fb,#e9ecef);border-radius:15px;box-shadow:inset 0 2px 4px #0000001a}.binary-label{font-size:1.2rem;font-weight:700;color:#4a5568;margin-bottom:10px}.binary-value{font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;letter-spacing:15px;margin-bottom:15px}.bit-on{color:#48bb78;text-shadow:0 0 10px rgba(72,187,120,.5)}.bit-off{color:#cbd5e0}.decimal-display{font-size:1.3rem;color:#2d3748;margin-top:15px}.decimal-value{font-weight:700;color:#667eea;font-size:1.5rem}.display-section{display:flex;flex-direction:column;align-items:center}.app-footer{background:#000c;color:#fff;padding:20px;text-align:center;font-size:.9rem}.app-footer p{margin:5px 0}.app-footer a{color:#90cdf4;text-decoration:none;margin-left:10px;transition:color .3s ease}.app-footer a:hover{color:#63b3ed;text-decoration:underline}.copyright{font-size:.85rem;color:#cbd5e0;margin-top:10px}@media (max-width: 768px){.app-header h1{font-size:1.8rem}.subtitle{font-size:1rem}.app-main{flex-direction:column;align-items:center;gap:30px;padding:20px 10px}.controls-section,.display-section{max-width:100%;width:100%}.binary-value{font-size:2rem;letter-spacing:10px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}