@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #111827;--primary-hover: #374151;--text-main: #111827;--text-muted: #6b7280;--bg-color: #f8fafc;--card-bg: #ffffff;--color-1-10: #f59e0b;--color-11-20: #3b82f6;--color-21-30: #ef4444;--color-31-40: #6b7280;--color-41-45: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{width:100%;max-width:500px;padding-top:80px}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.5);z-index:1000}.header-left,.header-right{display:flex;align-items:center;gap:12px}.back-link{color:#6c5ce7;text-decoration:none;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:4px;transition:transform .2s}.back-link:hover{transform:translate(-2px)}.auth-section.hidden{display:none!important}.login-redirect-btn{background:#6c5ce7;color:#fff;text-decoration:none;font-weight:700;padding:8px 16px;border-radius:12px;font-size:.85rem;box-shadow:0 4px 12px #6c5ce733;transition:all .2s}.login-redirect-btn:hover{background:#5b4bc4;transform:translateY(-1px)}.user-profile{display:flex;align-items:center;gap:12px}.user-name{font-size:.9rem;font-weight:600;color:#4b5563}.wallet-badge{background:#6c5ce71a;color:#6c5ce7;border:1px solid rgba(108,92,231,.2);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:4px;font-weight:700;font-size:.85rem}.logout-btn{background:none;border:1px solid #f3f4f6;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px;transition:all .2s}.logout-btn:hover{background:#fef2f2;border-color:#fca5a5}.glass-card{background:var(--card-bg);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 40px -10px #00000014,0 4px 6px -2px #0000000a}.title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main);letter-spacing:-.025em}.subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:2.5rem;font-weight:400}.numbers-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:2.5rem;min-height:80px}.lotto-row{display:flex;justify-content:center;gap:10px;width:100%}.number-circle{width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;color:#fff;background:#e5e7eb;box-shadow:0 2px 4px #0000000d;opacity:0;transform:scale(.8) translateY(10px);animation:fadeInPop .4s cubic-bezier(.16,1,.3,1) forwards}.number-circle.placeholder{opacity:1;transform:scale(1) translateY(0);animation:none;background:#f8fafc;color:#94a3b8;box-shadow:none;border:1px dashed #cbd5e1}@keyframes fadeInPop{to{opacity:1;transform:scale(1) translateY(0)}}.generate-btn{background-color:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;font-size:1.05rem;font-weight:500;font-family:inherit;border-radius:9999px;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:all .2s ease;width:100%;max-width:250px}.generate-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.generate-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.number-circle{width:40px;height:40px;font-size:1rem}.lotto-row{gap:8px}.glass-card{padding:2.5rem 1.5rem}}.version-label{position:fixed;bottom:20px;left:20px;font-size:.85rem;color:#94a3b8;font-weight:500;z-index:100;pointer-events:none}