:root{--bg-gradient:radial-gradient(circle at 50% 0%, #0f0d26 0%, #040710 100%);--bg-panel:#0f172a80;--border-glass:#ffffff14;--border-glass-focus:#818cf866;--primary:#7156f5;--primary-hover:#856ef7;--primary-glow:#6366f159;--accent:#f0389a;--accent-hover:#f250a6;--accent-glow:#ec489959;--success:#10bc66;--success-glow:#10b9814d;--warning:#f59f0a;--danger:#ed2c2c;--text-main:#f8fafc;--text-muted:#a6b0bf;--text-dim:#707d8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#040710;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background:var(--bg-gradient);background-attachment:fixed;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-glass);border:1px solid #ffffff08;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif;font-weight:700}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px)saturate(120%);border:1px solid var(--border-glass);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px -10px #00000080}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 12px 48px -8px #0009}.glow-text-primary{text-shadow:0 0 15px var(--primary-glow)}.glow-text-accent{text-shadow:0 0 15px var(--accent-glow)}button{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #8a3ef4 100%);color:#fff;box-shadow:0 4px 15px 0 var(--primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px 0 var(--primary-glow), 0 0 10px #fff3 inset;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-accent{background:linear-gradient(135deg, var(--accent) 0%, #ed1249 100%);color:#fff;box-shadow:0 4px 15px 0 var(--accent-glow)}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px 0 var(--accent-glow), 0 0 10px #fff3 inset;transform:translateY(-2px)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-glass{border:1px solid var(--border-glass);color:var(--text-main);background:#ffffff0d}.btn-glass:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-danger{color:#ff8080;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:#ef444440;border-color:#ef444480}button:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=number],select{border:1px solid var(--border-glass);color:var(--text-main);background:#00000040;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .25s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--border-glass-focus);background:#00000059;box-shadow:0 0 0 4px #818cf826}.container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;display:flex}header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--accent-glow)}50%{box-shadow:0 0 35px var(--accent)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-dice{0%{transform:rotate(0)scale(1)}30%{transform:rotate(360deg)scale(1.2)}70%{transform:rotate(720deg)scale(.8)}to{transform:rotate(1080deg)scale(1)}}.animate-shake{animation:.4s shake}.animate-float{animation:4s ease-in-out infinite float}.animate-spin-dice{animation:.8s cubic-bezier(.2,.8,.2,1) spin-dice}.grid-2{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 320px}}@keyframes press-btn{0%{transform:scale(1)}50%{transform:scale(.88)}to{transform:scale(1)}}.animate-press{animation:.15s cubic-bezier(.25,.8,.25,1) press-btn}