*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e8e8e8;min-height:100vh}.app-container{max-width:600px;margin:0 auto;padding:20px}.title{text-align:center;margin-bottom:24px;font-size:1.8rem;color:#4a90d9}.input-section{background:#16213e;padding:20px;border-radius:6px;margin-bottom:20px}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-size:.9rem;color:#a0a0a0}.input-group input[type=text]{width:100%;padding:10px 12px;background:#0f3460;border:1px solid transparent;border-radius:6px;color:#e8e8e8;font-size:1rem;transition:all .2s ease}.input-group input[type=text]:focus{outline:none;border-color:#4a90d9}.input-group input[type=text]::placeholder{color:#a0a0a0;opacity:.6}.btn{padding:10px 16px;background:#0f3460;border:none;border-radius:6px;color:#e8e8e8;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn:hover:not(:disabled){background:#164c8c}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.btn-primary{background:#4a90d9}.btn.btn-primary:hover:not(:disabled){background:#357abd}.btn.btn-danger{background:#d9534f}.btn.btn-danger:hover:not(:disabled){background:#c9302c}.btn.btn-active{background:#5cb85c}.btn.btn-start{width:100%;padding:14px;font-size:1.1rem;font-weight:600}.control-panel{background:#16213e;padding:20px;border-radius:6px;transition:all .2s ease}.control-panel.disabled{opacity:.5;pointer-events:none}.control-panel.active{opacity:1}.control-panel h2{text-align:center;margin-bottom:20px;font-size:1.3rem;color:#4a90d9}.control-group{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.control-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.control-group h3{font-size:.95rem;color:#a0a0a0;margin-bottom:10px}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.btn-row .btn{flex:1;min-width:70px}.slider-row{display:flex;align-items:center;gap:12px}.slider-row .slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#0f3460;border-radius:3px;outline:none}.slider-row .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#4a90d9;border-radius:50%;cursor:pointer;transition:all .2s ease}.slider-row .slider::-webkit-slider-thumb:hover{background:#357abd;transform:scale(1.1)}.slider-row .slider::-moz-range-thumb{width:18px;height:18px;background:#4a90d9;border:none;border-radius:50%;cursor:pointer}.slider-row .slider:disabled{opacity:.4}.slider-row .slider:disabled::-webkit-slider-thumb{cursor:not-allowed}@media(max-width:480px){.app-container{padding:12px}.title{font-size:1.4rem}.btn-row .btn{min-width:60px;padding:8px 10px;font-size:.8rem}}