@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
:root{--bg-base:#000;--bg-surface:#0a0a0a;--bg-surface-solid:#111;--bg-surface-hover:#171717;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--primary:#fff;--primary-hover:#e4e4e7;--primary-glow:#ffffff26;--danger:#ef4444;--danger-hover:#dc2626;--danger-glow:#ef444433;--success:#10b981;--success-glow:#10b98133;--border:#ffffff1a;--border-focus:#ffffff4d;--ring:#ffffff1a;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--tg-bg:#17212b;--tg-blue:#2aabee;--tg-blue-dark:#1a8fc7;--tg-green:#4dca5c;--tg-green-dark:#3aad48;--tg-red:#e53935;--tg-red-dark:#c62828;--tg-surface:#00000080;--tg-surface-hud:#00000059;--tg-text:#fff;--tg-text-sub:#ffffffad;--tg-text-muted:#fff6;--tg-timer:#4dca5c;--tg-btn-idle:#ffffff24;--tg-btn-idle-hover:#ffffff38;--tg-ring-color:#2aabee8c}html,body{background-color:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,sans-serif}body{flex-direction:column;display:flex}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.animate-pulse-ring{animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fade-in}input,select,textarea{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);background:#0003;outline:none;padding:.75rem 1rem;font-family:inherit;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--ring)}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#000;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{background:var(--danger-hover);box-shadow:0 6px 20px var(--danger-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a}@keyframes tgGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes tgPulseRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes tgFadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tgLoadingPulse{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}@keyframes tgTimerAppear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes tgEndedDrop{0%{opacity:0;transform:translateY(-16px)scale(.8)}60%{transform:translateY(4px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tgButtonsSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}*{-webkit-tap-highlight-color:transparent}.tg-call-root{-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:Roboto,Inter,sans-serif}
