*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:25px}.header h1{font-size:1.8rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2)}.timer{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:20px;margin-top:10px;font-size:.9rem}.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section{background:#fff;border-radius:20px;padding:20px;margin-bottom:15px;box-shadow:0 10px 30px #0000001a}.section-title{font-size:1rem;font-weight:700;color:#4a4a6a;margin-bottom:15px;display:flex;align-items:center;gap:8px}.fruits{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.fruit{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:16px;padding:16px 12px;text-align:center;transition:transform .2s;cursor:pointer}.fruit:hover{transform:translateY(-4px)}.fruit-emoji{font-size:40px;margin-bottom:8px}.fruit-name{font-weight:700;font-size:1rem;color:#1a1a2e;margin-bottom:4px}.fruit-rarity{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:10px;display:inline-block;margin-bottom:8px;font-weight:700}.rarity-common{background:#e5e7eb;color:#4b5563}.rarity-uncommon{background:#86efac;color:#166534}.rarity-rare{background:#93c5fd;color:#1e40af}.rarity-legendary{background:#fde047;color:#854d0e}.rarity-mythical{background:#f9a8d4;color:#9d174d}.fruit-price{font-weight:700;font-size:1.1rem;color:#f59e0b}.footer{text-align:center;color:#ffffffb3;font-size:.8rem;margin-top:20px}.footer a{color:#fff}.refresh-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#fff;border:none;border-radius:50%;font-size:1.3rem;cursor:pointer;box-shadow:0 5px 20px #0003;transition:transform .3s}.refresh-btn:hover{transform:rotate(180deg)}.loading,.error{text-align:center;padding:60px 20px;color:#fff}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error button{margin-top:15px;padding:10px 20px;background:#fff;border:none;border-radius:10px;cursor:pointer}.empty{text-align:center;padding:30px;color:#888}@media (max-width: 500px){.fruits{grid-template-columns:repeat(2,1fr)}.header h1{font-size:1.4rem}}