.f1-card-gold{background:linear-gradient(120deg,#ffe066,gold,#b8860b)!important;box-shadow:0 0 24px #ffd70099,0 0 0 4px #fff8 inset}.f1-input-group{display:flex;align-items:center;width:100%;max-width:350px;position:relative}.f1-input-at{position:absolute;left:.8em;font-size:1.2em;color:#888;pointer-events:none;z-index:2;font-weight:600}.f1-input-group input{padding-left:2em!important}.f1-card-gradient{background:linear-gradient(120deg,#e10600,#1da1f2,#fc0);padding:6px;border-radius:1.3em;display:flex;align-items:center;justify-content:center;width:100%;max-width:370px;margin:0 auto;box-sizing:border-box}.f1-card-gradient>.f1-result{background:#fff;border-radius:1.1em;width:100%;box-shadow:0 4px 24px #0002;border:none;margin:0;opacity:1!important}.f1-stats-row{display:flex;justify-content:space-between;align-items:center;margin:1em 0 .2em;width:100%;max-width:320px;gap:.2em}.f1-stat{flex:1 1 0;text-align:center;font-size:1.05em;color:#b8860b;font-weight:700;background:#f8f5e6;border-radius:.5em;margin:0 .1em;padding:.3em .1em .1em;box-shadow:0 1px 4px #0001;border:1.5px solid #e0c97a}.f1-stat-label{display:block;font-size:.75em;color:#7a5c00;font-weight:600;margin-top:.1em;letter-spacing:.5px}.f1-result-animate{animation:f1cardin .7s cubic-bezier(.23,1.02,.47,.98)}@keyframes f1cardin{0%{opacity:0;transform:translateY(40px) scale(.97)}70%{opacity:1;transform:translateY(-6px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.f1-app{width:100vw;min-height:100vh;max-width:100vw;margin:0;padding:1.2em .5em 2em;background:#f7f7fa;color:#23272f;border-radius:0;box-shadow:none;text-align:center;font-family:Segoe UI,Arial,sans-serif;border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.f1-form{display:flex;flex-direction:column;gap:.7em;margin:1.2em 0 2em;width:100%;max-width:350px;align-items:center}.f1-form input{padding:.7em 1em;border-radius:.5em;border:1px solid #d0d0d0;font-size:1.1em;background:#fff;color:#23272f;width:100%;max-width:350px;box-sizing:border-box}.f1-form button{padding:.7em 1.2em;border-radius:.5em;border:none;background:#1da1f2;color:#fff;font-weight:700;font-size:1.1em;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #1da1f222;width:100%;max-width:350px}.f1-form button:disabled{background:#b0c4d8;cursor:not-allowed}.spinner-container{display:flex;flex-direction:column;align-items:center;margin:2em 0}.spinner{border:6px solid #e0e0e0;border-top:6px solid #1da1f2;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:1em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.f1-result{margin-top:2em;background:#fff;padding:.7em .7em .5em;box-shadow:0 4px 24px #0002;border:5px solid;border-image:linear-gradient(120deg,#e10600,#1da1f2,#fc0) 1;width:100%;max-width:370px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;-webkit-border-radius:1.2em;-moz-border-radius:1.2em;border-radius:1.2em;border-style:solid;border-width:5px;background-clip:padding-box}.f1-driver-img{width:100%;max-width:320px;height:auto;margin:.5em auto .2em;display:block;border-radius:.7em;box-shadow:0 4px 16px #0002;border:2.5px solid #e0e0e0;background:#fff}.f1-result-name{font-size:1.5em;font-weight:700;letter-spacing:1px;margin-bottom:.2em;margin-top:.3em;color:#23272f;text-shadow:0 2px 8px #1da1f233}.f1-result-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em;font-size:1.1em;font-weight:500;margin:.5em 0 .2em;color:#23272f}.tweet-btn{background:#1da1f2;color:#fff;border:none;border-radius:.5em;padding:.7em 1.5em;font-size:1.1em;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #1da1f222;transition:background .2s;display:flex;align-items:center;gap:.5em;width:100%;max-width:350px;justify-content:center}.tweet-btn:hover{background:#0d8ddb}@media (min-width: 600px){.f1-app{max-width:420px;margin:2em auto;padding:2em;border-radius:1.2em;box-shadow:0 4px 24px #0001;border:1px solid #e0e0e0}.f1-form,.f1-result,.tweet-btn{max-width:400px}}html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}
