*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:80px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;padding:12px 20px}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;text-decoration:none;color:#1f2937;font-weight:600;font-size:18px;transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.nav-logo img{width:32px;height:32px;border-radius:50%;margin-right:8px}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{color:#6b7280;text-decoration:none;font-size:14px;transition:color .2s ease}.nav-link:hover{color:#0b84ff}.app-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:2rem}.app-header{text-align:center;padding:2rem 1rem}.app-title{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-align:center;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,#c41e3a,#ff2d55,#8b1538 60%,#c41e3a);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;position:relative;display:inline-block;filter:drop-shadow(0 2px 4px rgba(196,30,58,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 8px 16px rgba(0,0,0,.1))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-title:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:linear-gradient(135deg,#c41e3a,#ff2d55,#8b1538 60%,#c41e3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(10px);opacity:.6;animation:glowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.app-description{font-size:1.1rem;color:#666;font-weight:400;text-align:center;max-width:600px;margin:0 auto}.main-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem}.numbers-container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.white-balls-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.red-ball-container{display:flex;justify-content:center;align-items:center}.ball{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;border:3px solid rgba(0,0,0,.1)}.ball-white{background-color:#fff;color:#1a1a1a}.ball-red{background-color:#c41e3a;color:#fff}.ball.animating{animation:ballPulse .3s ease-in-out infinite;transform:scale(1.05)}@keyframes ballPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}.ball:not(.animating){animation:ballAppear .3s ease-out}@keyframes ballAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.button-container{width:100%;display:flex;justify-content:center;padding:1rem}.btn{padding:1.25rem 3rem;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #0003;background:linear-gradient(135deg,#c41e3a,#a01a2e);color:#fff;text-transform:uppercase;letter-spacing:1px}.btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a66;background:linear-gradient(135deg,#d42e45,#b01f35)}.btn:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #0003}.btn.disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{font-size:1.5rem}@media (max-width: 768px){body{padding-top:70px}.nav-links{gap:12px}.nav-link{font-size:13px}.nav-logo{font-size:16px}.nav-logo img{width:28px;height:28px}.app-title{font-size:2rem;letter-spacing:-.01em}.app-title:before{filter:blur(6px)}.app-description{font-size:1rem}.ball{width:70px!important;height:70px!important;font-size:24px!important}.numbers-container{gap:1rem}.white-balls-container{gap:.75rem}.btn{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.app-title{font-size:1.75rem;letter-spacing:-.01em}.app-title:before{filter:blur(5px)}.ball{width:60px!important;height:60px!important;font-size:20px!important}.numbers-container{gap:.75rem}.white-balls-container{gap:.5rem}}.btn.disabled .btn-text{opacity:.8}.ball,.btn{will-change:transform}.history-container{width:100%;max-width:800px;margin-top:2rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.history-record{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;position:relative}.history-record:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.history-white-balls{display:flex;gap:.5rem;align-items:center}.history-ball{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:18px;width:50px;height:50px;box-shadow:0 2px 4px #0000001a}.history-ball-white{background-color:#fff;color:#1a1a1a;border:2px solid #e5e7eb}.history-ball-red{background-color:#c41e3a;color:#fff;border:2px solid #a01a2e}.history-right-section{display:flex;align-items:center;gap:.75rem;margin-left:auto}.history-timestamp{font-size:.875rem;color:#6b7280;font-weight:400}.history-delete-btn{display:none;background:transparent;border:none;cursor:pointer;font-size:1.25rem;padding:.5rem;border-radius:6px;transition:all .2s ease;opacity:0;transform:scale(.8)}.history-record:hover .history-delete-btn{display:block;opacity:1;transform:scale(1)}.history-delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.history-delete-btn:active{transform:scale(.95)}@media (max-width: 768px){.history-record{flex-wrap:wrap;gap:.75rem}.history-timestamp{margin-left:0;width:100%;text-align:center}.history-ball{width:45px;height:45px;font-size:16px}.history-white-balls{gap:.4rem}}