body[data-theme=light]{background:#f5f5f5;color:#1a1a1a}body[data-theme=dark]{background:#121212;color:#eaeaea}body[data-theme=light] .card{background:#fff;color:#111}body[data-theme=dark] .card{background:#1f1f1f;color:#eee}body{margin:0;background:#121212;color:#eaeaea;font-family:Segoe UI,Arial,sans-serif}.nav-link{color:#d9d9d9;text-decoration:none;font-size:16px;transition:.2s}.nav-link:hover{color:#fff}.container{max-width:1000px;margin:auto;padding:40px}h1{font-size:48px;font-weight:700;margin-bottom:10px}h2{margin-top:20px;font-size:28px;font-weight:500}.card{background:#1f1f1f;padding:25px;border-radius:14px;box-shadow:0 0 #0003;transition:.3s ease}.card:hover{box-shadow:0 0 25px #a020f066}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:30px}.hover{cursor:pointer}button{padding:10px 22px;border:none;background:#a020f0;color:#fff;border-radius:8px;cursor:pointer;font-size:15px;margin-top:10px;transition:.2s}button:hover{background:#c463ff}button:active{transform:scale(.95)}input[type=range]{width:100%;height:6px;border-radius:3px;background:#444;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;background:#a020f0;border-radius:50%}.chart-wrapper{height:350px;padding:10px;background:#161616;border:1px solid #333;border-radius:10px}