:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#fff;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:50px}header h1{font-size:3rem;margin-bottom:10px;background:linear-gradient(135deg,#4197ff,#cc5de8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header p{color:#888;font-size:1.1rem}.spinners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.spinner-card{background:#1a1a1a;border-radius:16px;padding:30px;text-align:center;border:1px solid #333;transition:transform .2s,border-color .2s}.spinner-card:hover{transform:translateY(-4px);border-color:#4197ff}.spinner-preview{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.spinner-card h3{color:#fff;font-weight:500;font-size:1.1rem}