:root{--speedometer-bg:#1f2937;--speedometer-needle:#ef4444;--speedometer-track:#374151}[data-theme=dark]{--speedometer-bg:#0f172a}.btn{user-select:none}.main-content{padding:2rem 1.5rem}.dashboard-layout{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto 2rem}.speedometer-section{background:var(--base-100);border:2px solid var(--border-color);border-radius:1.5rem;padding:2rem;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.07)}.speedometer-container{position:relative;width:100%;max-width:350px;margin:0 auto 1.5rem}.digital-display,.gauge-canvas{width:100%;height:auto;border-radius:50%}.digital-display{display:none;flex-direction:column;align-items:center;justify-content:center;width:280px;height:280px;background:var(--speedometer-bg);margin:0 auto 1.5rem;border:4px solid var(--speedometer-track);box-shadow:inset 0 0 30px rgba(0,0,0,.3)}.speed-value{font-size:4rem;font-weight:800;color:var(--primary);font-family:"Courier New",monospace;line-height:1}.speed-unit{font-size:1.5rem;color:var(--secondary);margin-top:.5rem;font-weight:600}.main-button,.simple-controls{display:flex;align-items:center}.simple-controls{flex-direction:column;gap:1rem}.main-button{padding:1rem 2rem;border-radius:1rem;font-weight:600;font-size:1.125rem;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:140px;border:0;cursor:pointer;gap:.5rem;justify-content:center}.start-btn{background:var(--success);color:#fff}.start-btn:hover,.stop-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.start-btn:hover{background:#059669}.stop-btn{background:var(--error);color:#fff}.stop-btn:hover{background:#dc2626}.compact-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.control-chip,.unit-toggle button{padding:.5rem 1rem;font-size:.875rem;color:var(--base-content)}.control-chip,.unit-toggle{display:flex;background:var(--base-200);border-radius:2rem;border:1px solid var(--border-color)}.control-chip{align-items:center;gap:.5rem}.unit-toggle{padding:.25rem}.unit-toggle button{border:0;background:0 0;border-radius:1.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.unit-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.view-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-switch{position:relative;width:50px;height:25px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--base-300);transition:.3s;border-radius:25px}.toggle-slider:before{position:absolute;content:"";height:19px;width:19px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translateX(25px)}.stats-row{display:flex;justify-content:space-around;gap:1rem;margin-top:1rem;flex-wrap:wrap}.stat-item{text-align:center;min-width:80px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--base-content);font-family:"Courier New",monospace}.stat-label{font-size:.75rem;color:var(--secondary);margin-top:.25rem;font-weight:500}.modal ul{text-align:left;color:var(--secondary);margin-bottom:1.5rem}@media (max-width:768px){.main-content{padding:1rem}.speedometer-section{padding:1.5rem}.speed-value{font-size:3rem}.digital-display{width:220px;height:220px}.compact-controls{flex-direction:column;gap:.75rem}.stats-row{justify-content:center}}@media (max-width:480px){.speedometer-container{max-width:280px}.digital-display{width:200px;height:200px}.speed-value{font-size:2.5rem}.stats-row{gap:.5rem}.stat-item{min-width:60px}.stat-value{font-size:1rem}.stat-label{font-size:.7rem}}