.bg{z-index:-1;background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--glow) 30%, transparent), transparent 60%), linear-gradient(var(--top), var(--bottom));transition:background .6s;position:fixed;inset:0}.bg .art{opacity:.28;background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.boot{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.boot .logo{object-fit:contain;width:140px;height:140px}.toasts{top:calc(12px + env(safe-area-inset-top));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;inset-inline:0}.toast{background:var(--surface-3);text-align:center;border-radius:18px;max-width:520px;padding:12px 20px;font-weight:800;box-shadow:0 10px 30px #00000080}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px)}@font-face{font-family:Nunito;src:url(/assets/Nunito-63TK8RbS.ttf)format("truetype");font-weight:200 1000;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-0qjqtwYS.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--bg-top:#221a4d;--bg-bottom:#07060f;--surface:#1f1a3bf0;--surface-2:#30295a;--surface-3:#453b78;--border:#ffffff17;--text:#f5f3ff;--text-dim:#bdb4e3;--text-faint:#7f76aa;--primary:#8b5cf6;--primary-dark:#6d28d9;--gold:#fbbf24;--danger:#ef4444;--success:#22c55e;--info:#38bdf8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg-bottom);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Nunito,Vazirmatn,system-ui,sans-serif;font-size:16px;overflow-x:hidden}[dir=rtl] body{font-family:Vazirmatn,Nunito,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}img{display:block}a{color:inherit}.page{width:100%;max-width:760px;padding:calc(12px + env(safe-area-inset-top)) 16px 120px;flex-direction:column;gap:16px;min-height:100dvh;margin:0 auto;display:flex}.page.wide{max-width:1240px}.topbar{align-items:center;gap:8px;min-height:56px;display:flex}.topbar h1{text-align:center;flex:1;margin:0;font-size:22px;font-weight:900}.bottombar{inset-inline:0;z-index:5;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#07060feb 30%);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:0}.bottombar>*{width:100%;max-width:728px}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grow{flex:1;min-width:0}.center{text-align:center}.section{color:var(--text-faint);margin:8px 0 0;font-size:17px;font-weight:800}.dim{color:var(--text-dim);font-weight:600}.faint{color:var(--text-faint)}.small{font-size:14px}.title{text-align:center;margin:0;font-size:clamp(24px,5vw,32px);font-weight:900;line-height:1.2}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.err{color:#f9a8a8;text-align:center;margin:0;font-weight:700}.card{background:var(--surface);border:2px solid var(--border);border-radius:28px;padding:16px 18px;box-shadow:0 8px 22px #0000004d}.card.hi{border-color:#fbbf2480}.chip{background:#0000004d;border-radius:99px;align-items:center;gap:6px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-flex}.btn{cursor:pointer;background:linear-gradient(var(--primary), var(--primary-dark));text-align:center;border:0;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:10px 22px;font-size:18px;font-weight:900;text-decoration:none;transition:transform 80ms,filter .15s,opacity .2s;display:inline-flex;box-shadow:0 5px #00000059}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000059}.btn:disabled{opacity:.45;cursor:default}.btn.block{width:100%}.btn.big{min-height:66px;font-size:20px}.btn.gold{color:#2a1a00;background:linear-gradient(#fcd34d,#f59e0b)}.btn.secondary{background:var(--surface-2);border:2px solid var(--border)}.btn.ghost{box-shadow:none;color:var(--text-dim);background:0 0}.btn.danger{background:linear-gradient(#f87171,#dc2626)}.btn.icon{border-radius:16px;min-width:48px;min-height:48px;padding:8px}.btn.small{border-radius:16px;min-height:42px;padding:6px 14px;font-size:15px}input.field{background:var(--surface-2);border:2px solid var(--border);border-radius:18px;outline:none;width:100%;min-height:56px;padding:10px 18px;font-size:18px;font-weight:700}input.field:focus{border-color:var(--primary)}.tile{background:var(--surface-2);cursor:pointer;color:var(--text);border:2px solid #ffffff14;border-radius:24px;transition:transform .1s,background .15s,border-color .15s;position:relative;box-shadow:0 6px #0000004d}.tile:hover:not(:disabled){background:var(--surface-3)}.tile:active:not(:disabled){transform:scale(.97)}.tile.selected{border:4px solid var(--gold);background:var(--sel,#3b2a6b)}.tile:disabled{cursor:default;box-shadow:none;background:#30295a66}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.04)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pop{animation:.28s ease-out both pop}.pulse{animation:1.6s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.pop,.pulse{animation:none}}
