/* Generated by tools/build_css.py; edit the source files. */

/* Source: css/tokens.css */
/**/

/**/
/**/
@font-face{font-family:'Plex Arabic';font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:500;font-display:swap;src:url(../fonts/plex-arabic-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:600;font-display:swap;src:url(../fonts/plex-arabic-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-066A,U+066D-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2010-2015,U+2018-201E,U+2022,U+2026,U+2030,U+2039-203A,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:500;font-display:swap;src:url(../fonts/plex-arabic-500-arabic.woff2) format('woff2');unicode-range:U+0600-066A,U+066D-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2010-2015,U+2018-201E,U+2022,U+2026,U+2030,U+2039-203A,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:600;font-display:swap;src:url(../fonts/plex-arabic-600-arabic.woff2) format('woff2');unicode-range:U+0600-066A,U+066D-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2010-2015,U+2018-201E,U+2022,U+2026,U+2030,U+2039-203A,U+2212}
@font-face{font-family:'Plex Arabic';font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-066A,U+066D-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2010-2015,U+2018-201E,U+2022,U+2026,U+2030,U+2039-203A,U+2212}
/**/
/**/
@font-face{font-family:'Plex Arabic';font-weight:400;font-display:swap;src:url(../fonts/bx-dec.woff2) format('woff2');unicode-range:U+066B}
@font-face{font-family:'Plex Arabic';font-weight:400;font-display:block;src:url(../fonts/bx-sep.woff2) format('woff2');unicode-range:U+066C}
@font-face{font-family:'Plex Arabic';font-weight:500;font-display:swap;src:url(../fonts/bx-dec.woff2) format('woff2');unicode-range:U+066B}
@font-face{font-family:'Plex Arabic';font-weight:500;font-display:block;src:url(../fonts/bx-sep.woff2) format('woff2');unicode-range:U+066C}
@font-face{font-family:'Plex Arabic';font-weight:600;font-display:swap;src:url(../fonts/bx-dec.woff2) format('woff2');unicode-range:U+066B}
@font-face{font-family:'Plex Arabic';font-weight:600;font-display:block;src:url(../fonts/bx-sep.woff2) format('woff2');unicode-range:U+066C}
@font-face{font-family:'Plex Arabic';font-weight:700;font-display:swap;src:url(../fonts/bx-dec.woff2) format('woff2');unicode-range:U+066B}
@font-face{font-family:'Plex Arabic';font-weight:700;font-display:block;src:url(../fonts/bx-sep.woff2) format('woff2');unicode-range:U+066C}
/**/
@font-face{font-family:'BX Display';font-weight:600 900;font-display:swap;src:url(../fonts/vazirmatn-var-fa.woff2) format('woff2-variations'),url(../fonts/vazirmatn-var-fa.woff2) format('woff2')}
/**/
@font-face{font-family:'BX Display';font-weight:600 900;font-display:block;src:url(../fonts/bx-sep.woff2) format('woff2');unicode-range:U+066C}
/**/
@font-face{font-family:'BX Display Fallback';font-weight:100 900;src:url(../fonts/plex-arabic-700-arabic.woff2) format('woff2');size-adjust:104%;ascent-override:102%;descent-override:54%;line-gap-override:0%}
@font-face{font-family:'Geist Mono';font-weight:300 700;font-display:swap;src:url(../fonts/geist-mono-var-latin.woff2) format('woff2')}

:root{
  color-scheme:dark;
  --print-paper:#FFFFFF; --print-ink:#140D00; --print-gold:#B2641D; --print-line:#E4E1EA; --print-panel:#F7F5F0;

  /**/
  --void:#050507;          /**/
  --ink-1:#08080D;         /**/
  --ink-2:#0C0C13;         /**/
  --ink-3:#10101A;         /**/
  --ink-4:#15151F;         /**/
  --ink-5:#1C1C26;         /**/
  --ink-6:#2A2A3A;         /**/
  --ink-7:#3D3B4A;         /**/

  --fg-0:#F2F1F5;          /**/
  --fg-1:#C9C7D3;          /**/
  --fg-2:#9B99A8;          /**/
  --fg-3:#8A8798;          /**/
  --fg-4:#6A6880;          /**/

  --hair-1:rgba(255,255,255,.06);
  --hair-2:rgba(255,255,255,.09);
  --hair-3:rgba(255,255,255,.14);
  --hair-gold:rgba(255,194,74,.32);

  /**/
  --gold-50:#FFF6DD;       /**/
  --gold-100:#FFEEBF;
  --gold-200:#FFE298;      /**/
  --gold-300:#FFD27A;      /**/
  --gold-400:#FFC24A;      /**/
  --gold-500:#F5A425;      /**/
  --gold-600:#DE8620;
  --gold-700:#B2641D;      /**/
  --gold-800:#7E4416;      /**/
  --gold-900:#4C290C;      /**/
  --gold-950:#281606;      /**/
  --on-gold:#140D00;       /**/
  --light-hot:var(--gold-50); --light-halogen:var(--gold-200); --light-tungsten:var(--gold-400); --light-candle:var(--gold-500); --light-ember:var(--gold-800);
  --gold-a06:rgba(255,194,74,.06);
  --gold-a10:rgba(255,194,74,.10);
  --gold-a16:rgba(255,194,74,.16);
  --gold-a28:rgba(255,194,74,.28);
  --gold-a50:rgba(255,194,74,.50);

  /**/
  --ok:#4ADE80;   --ok-bg:rgba(74,222,128,.10);   --on-ok:#03130A;
  --bad:#FF6B6B;  --bad-bg:rgba(255,107,107,.10);

  /**/
  --spec:linear-gradient(105deg,#FFC24A 0%,#FF2E9E 34%,#7C4DFF 66%,#27E0FF 100%);
  --spec-conic:conic-gradient(from 0deg,#FFC24A,#FF7A3C 12%,#FF2E9E 30%,#7C4DFF 55%,#27E0FF 75%,#FFC24A);
  --spec-max-alpha:.45;

  /**/
  /**/
  --mat-stage:
    radial-gradient(120% 55% at 50% -14%,#13131D 0%,rgba(19,19,29,0) 62%),
    radial-gradient(55% 38% at 96% -6%,rgba(255,194,74,.06),transparent 70%),
    #050507;
  --keylight:radial-gradient(closest-side,rgba(255,206,120,.075),rgba(255,194,74,.03) 45%,transparent);   /**/
  --rim-light:inset 0 1px 0 rgba(255,236,200,.075);          /**/
  --rim-light-2:inset 0 1px 0 rgba(255,236,200,.11);
  /**/
  --mat-card:linear-gradient(180deg,#11111A 0%,#0C0C13 100%);
  --mat-card-hi:linear-gradient(180deg,#14141E 0%,#0E0E16 100%);
  --mat-card-lit:radial-gradient(110% 80% at 92% -14%,rgba(255,194,74,.15),transparent 56%),linear-gradient(180deg,#13131C 0%,#0C0C13 100%);  /**/
  /**/
  --mat-glass:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01) 45%,rgba(255,255,255,0)),rgba(9,9,14,.80);
  --glass-fx:blur(22px) saturate(150%);
  /**/
  --mat-opaque:var(--ink-4);
  --mat-badge:rgba(5,5,7,.78);
  /**/
  --mat-molten:linear-gradient(180deg,#FFD883 0%,#FFC24A 48%,#F2A62A 100%);

  --hl-top:var(--rim-light);
  --hl-top-2:var(--rim-light-2);
  --sh-1:0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 8px 24px -8px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.4);
  --sh-3:0 24px 64px -16px rgba(0,0,0,.85),0 4px 12px rgba(0,0,0,.5);
  --sh-molten:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(110,60,0,.35),0 10px 28px -10px rgba(255,170,40,.55);
  --ring-gold:0 0 0 1px rgba(255,194,74,.55),0 0 22px -4px rgba(255,194,74,.38);
  --ring-focus:0 0 0 2px var(--void),0 0 0 4px rgba(255,194,74,.75);
  --glow-dot:0 0 10px 1px rgba(255,194,74,.55);

  /**/
  --dot-xs:8px;            /**/
  --dot-s:12px;            /**/
  --dot-m:24px;            /**/
  --dot-l:72px;            /**/

  /**/
  --r-xs:6px; --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:28px; --r-pill:999px;
  --r-btn:14px; --r-field:14px; --r-card:20px; --r-tile:16px; --r-sheet:28px;

  /**/
  --s-0:2px; --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-7:28px; --s-8:32px; --s-10:40px; --s-12:48px; --s-14:56px; --s-16:64px; --s-20:80px;
  --gutter:16px;           /**/
  --hit:44px;              /**/
  --topbar-h:56px; --tabbar-h:64px; --tabbar-gap:8px; --cta-h:52px;
  --rail-w:84px; --side-w:288px; --panel-w:420px; --read-w:40em;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
  --kb:0px;                /**/

  /**/
  --ff:'Plex Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  --ff-display:'BX Display','BX Display Fallback','Plex Arabic',system-ui,sans-serif;
  --ff-num:'BX Display','BX Display Fallback','Plex Arabic',system-ui,sans-serif;  /**/
  --ff-lat:'Plex Arabic',system-ui,sans-serif;      /**/
  --ff-mono:'Geist Mono','Plex Arabic',ui-monospace,Menlo,monospace;   /**/
  /**/
  --fs-hero:clamp(40px,5.2vw + 18px,78px);     --lh-hero:1.16;  --w-hero:850;      /**/
  --fs-display:clamp(32px,1.6vw + 24px,50px);  --lh-display:1.22; --w-display:850; /**/
  --fs-t1:clamp(22px,.8vw + 19px,28px);        --lh-t1:1.4;     /**/
  --fs-t2:20px;  --lh-t2:1.5;                                    /**/
  --fs-t3:17px;  --lh-t3:1.55;                                   /**/
  --fs-chat:16px;--lh-chat:1.9;
  --fs-body:15px;--lh-body:1.8;
  --fs-sm:14px;  --lh-sm:1.75;
  --fs-label:13px;--lh-label:1.6;
  --fs-cap:12px; --lh-cap:1.6;                                   /**/
  --fs-input:16px;                                               /**/
  --fs-num-xl:clamp(46px,3vw + 34px,64px);                       /**/
  --fs-num-l:28px;                                               /**/
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700; --w-heavy:850;

  /**/
  --t-instant:90ms; --t-fast:160ms; --t-base:240ms; --t-slow:360ms; --t-hero:560ms; --t-cine:900ms;
  --t-reveal:900ms;        /**/
  --t-glint:760ms;         /**/
  --t-leak:700ms;          /**/
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-emph:cubic-bezier(.05,.7,.1,1);
  --ease-exit:cubic-bezier(.3,0,.8,.15);     /**/
  --ease-inout:cubic-bezier(.65,0,.35,1);
  /**/
  --spring-calm:linear(0, 0.005 1.3%, 0.019 2.5%, 0.05 4.2%, 0.089 5.8%, 0.174 8.8%, 0.391 15.4%, 0.494 18.8%, 0.588 22.1%, 0.669 25.4%, 0.738 28.7%, 0.796 32.1%, 0.844 35.4%, 0.886 39.2%, 0.922 43.3%, 0.95 47.9%, 0.972 53.3%, 0.987 59.2%, 0.996 65.8%, 1 73.8%, 1);
  --spring-lively:linear(0, 0.005 1.3%, 0.027 2.9%, 0.061 4.6%, 0.106 6.3%, 0.198 9.2%, 0.435 15.8%, 0.533 18.8%, 0.635 22.1%, 0.712 25%, 0.779 27.9%, 0.842 31.3%, 0.893 34.6%, 0.931 37.9%, 0.964 41.7%, 0.986 45.4%, 1.003 50%, 1.012 55%, 1.015 64.6%, 1);
  --spring-bouncy:linear(0, 0.008 1.3%, 0.029 2.5%, 0.062 3.8%, 0.12 5.4%, 0.172 6.7%, 0.249 8.3%, 0.541 14.2%, 0.659 16.7%, 0.765 19.2%, 0.855 21.7%, 0.931 24.2%, 0.99 26.7%, 1.034 29.2%, 1.065 31.7%, 1.078 33.3%, 1.089 35.4%, 1.094 39.6%, 1.081 44.6%, 1.019 58.8%, 0.998 67.1%, 0.991 77.9%, 1);
  --spring-crit:linear(0, 0.003 0.8%, 0.016 2.1%, 0.039 3.3%, 0.079 5%, 0.153 7.5%, 0.363 13.8%, 0.455 16.7%, 0.551 20%, 0.635 23.3%, 0.705 26.7%, 0.764 30%, 0.818 33.8%, 0.86 37.5%, 0.9 42.1%, 0.931 47.1%, 0.954 52.5%, 0.972 58.8%, 0.983 65.4%, 0.991 73.8%, 1);
  --spr-press:var(--spring-calm) 224ms;    /**/
  --spr-move:var(--spring-calm) 317ms;     /**/
  --spr-sheet:var(--spring-calm) 484ms;    /**/
  --spr-lively:var(--spring-lively) 435ms; /**/
  --spr-pop:var(--spring-bouncy) 360ms;    /**/
  --spr-fade:var(--spring-crit) 231ms;     /**/
  /**/
  --tempo-breath:1.8s; --tempo-half:.9s; --tempo-halo:1.4s; --tempo-scan:2.4s;
  --tempo-orbit:3.2s;  --tempo-sweep:7s;  --tempo-wall:64s;   /**/
  --stagger:32ms; --stagger-max:256ms;
  --dir:-1;                                /**/
  /**/
  --dust-max:80; --dust-res:.5;

  /**/
  --z-dust:-1; --z-base:0; --z-sticky:10; --z-chrome:20; --z-island:30; --z-sheet:50; --z-viewer:60; --z-toast:70; --z-celebrate:80;
}

/**/
@supports not (transition-timing-function:linear(0, 1)){
  :root{--spring-calm:cubic-bezier(.2,.9,.25,1);--spring-lively:cubic-bezier(.25,1.05,.35,1);
        --spring-bouncy:cubic-bezier(.3,1.45,.45,1);--spring-crit:cubic-bezier(.25,.85,.3,1)}
}

/**/
html.lite{--mat-glass:rgba(12,12,19,.97);--glass-fx:none;--dust-max:0}
@media (prefers-reduced-transparency:reduce){:root{--mat-glass:rgba(12,12,19,.97);--glass-fx:none}}

/**/
@media (prefers-reduced-motion:reduce){
  :root{--spr-press:linear 1ms;--spr-move:linear 1ms;--spr-sheet:ease 120ms;--spr-lively:ease 120ms;--spr-pop:linear 1ms;--spr-fade:ease 120ms;--t-reveal:120ms;--dust-max:0}
}

/**/
:root{
  --grain-alpha:1;
  --brand-gold:#FFC24A; --brand-pink:#FF2E9E; --brand-violet:#7C4DFF; --brand-cyan:#27E0FF;
  --accent-text:#FFD27A; --accent-hover:#FFE298; --accent-ink:#FFC24A;
  --fg-strong:#FFFFFF; --media-fg:#FFFFFF; --media-muted:#E8E4EC; --media-gold:#FFD27A;
  --media-stage:#0A0A10; --media-shade:rgba(5,5,7,.86);
  --control-wash:rgba(255,255,255,.035); --control-hover:rgba(255,255,255,.07);
  --pane-wash:rgba(10,9,16,.78); --panel-frost:rgba(18,16,24,.93);
  --veil:rgba(5,5,7,.62); --code-bg:#0D0C14; --code-string:#B9E6C4;
  --focus-color:#FFC24A; --media-border:rgba(255,255,255,.18);
  --ink-2:#111017; --ink-3:#17141E; --ink-4:#1D1925;
  --fg-2:#B4AFBE; --fg-3:#A3A0AE;
  --mat-stage:radial-gradient(100% 58% at 86% -18%,rgba(255,194,74,.06),transparent 68%),var(--void);
  --mat-card:linear-gradient(155deg,#19151F,#111017 80%);
  --mat-card-hi:linear-gradient(150deg,#201A27,#14121B 85%);
  --mat-card-lit:radial-gradient(100% 120% at 96% 0%,rgba(255,194,74,.14),transparent 62%),linear-gradient(150deg,#1B1621,#111017);
  --mat-glass:linear-gradient(160deg,rgba(32,27,40,.94),rgba(13,12,19,.92));
  --glass-static:#16131D;
  --aurora-top:radial-gradient(ellipse 58% 57% at 77% 9%,rgba(255,194,74,.12),transparent 76%),radial-gradient(ellipse 55% 55% at 28% 5%,rgba(255,46,158,.085),transparent 78%),radial-gradient(ellipse 40% 50% at 5% 0%,rgba(124,77,255,.08),transparent 80%);
  --aurora-bottom:radial-gradient(ellipse 40% 60% at 65% 105%,rgba(255,194,74,.18),transparent 75%),radial-gradient(ellipse 38% 50% at 22% 102%,rgba(255,46,158,.13),transparent 75%),radial-gradient(ellipse 25% 48% at 4% 108%,rgba(124,77,255,.14),transparent 76%),radial-gradient(ellipse 32% 55% at 98% 108%,rgba(39,224,255,.105),transparent 76%);
  --aurora-composer:radial-gradient(ellipse at 65% 90%,rgba(255,194,74,.14),transparent 66%),radial-gradient(ellipse at 12% 94%,rgba(255,46,158,.11),transparent 66%),radial-gradient(ellipse at 96% 100%,rgba(39,224,255,.08),transparent 62%);
  --dock-fade:linear-gradient(transparent,var(--void) 65%);
  --cta-fade:linear-gradient(transparent,var(--void) 38px);
  --login-veil-mobile:linear-gradient(180deg,rgba(5,5,7,.22),rgba(5,5,7,.08) 18%,rgba(5,5,7,.36) 34%,var(--void) 59%);
  --login-veil-desktop:linear-gradient(to left,var(--void) 0%,rgba(5,5,7,.97) 29%,rgba(5,5,7,.68) 44%,rgba(5,5,7,.08) 72%,rgba(5,5,7,.12));
  --login-brand-halo:radial-gradient(closest-side,rgba(5,5,7,.96),rgba(5,5,7,.65) 60%,transparent);
  --login-hero-fade:linear-gradient(transparent,var(--void) 50%);
  --mat-media-caption:linear-gradient(transparent,rgba(5,5,7,.88));
  --sh-wall:0 20px 40px -20px rgba(0,0,0,.7),0 0 0 1px var(--hair-1);
  --sh-composer:0 16px 56px -18px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,236,200,.09);
  --focus-wash:0 0 0 4px var(--gold-a06);
  --ambient-period:22s; --ambient-period-bottom:26s;
  --ambient-top-alpha:.85; --ambient-bottom-alpha:.9;
  --ambient-rest-alpha:.72; --theme-dust-opacity:.38;
  --greeting-size:clamp(32px,2.2vw + 22px,52px);

  /**/
  --fixed-black:#000;
  --device-shell-deep:#0A0A0F;
  --device-shell-base:#0C0C12;
  --device-shell-raised:#15151F;
  --device-shell-rim:#17171F;
  --device-shell-hi:#20202B;
  --fixed-black-a06:rgba(0,0,0,.06);
  --fixed-black-a35:rgba(0,0,0,.35);
  --fixed-black-a60:rgba(0,0,0,.6);
  --fixed-black-a70:rgba(0,0,0,.7);
  --fixed-black-a80:rgba(0,0,0,.8);
  --fixed-black-a90:rgba(0,0,0,.9);
  --fixed-black-a95:rgba(0,0,0,.95);
  --fixed-gold-a02:rgba(255,194,74,.02);
  --fixed-gold-a03:rgba(255,194,74,.03);
  --fixed-gold-a05:rgba(255,194,74,.05);
  --fixed-gold-a055:rgba(255,194,74,.055);
  --fixed-gold-a075:rgba(255,194,74,.075);
  --fixed-gold-a08:rgba(255,194,74,.08);
  --fixed-gold-a09:rgba(255,194,74,.09);
  --fixed-gold-a12:rgba(255,194,74,.12);
  --fixed-gold-a16:rgba(255,194,74,.16);
  --fixed-gold-a18:rgba(255,194,74,.18);
  --fixed-gold-a20:rgba(255,194,74,.2);
  --fixed-gold-a22:rgba(255,194,74,.22);
  --fixed-gold-a40:rgba(255,194,74,.4);
  --fixed-gold-a60:rgba(255,194,74,.6);
  --fixed-gold-light-a45:rgba(255,226,170,.45);
  --fixed-warm-white-a12:rgba(255,236,200,.12);
  --fixed-warm-white-a13:rgba(255,236,200,.13);
  --fixed-warm-white-a16:rgba(255,236,200,.16);
  --fixed-warm-white-a18:rgba(255,236,200,.18);
  --fixed-warm-white-a20:rgba(255,236,200,.2);
  --fixed-warm-white-a24:rgba(255,236,200,.24);
  --fixed-white-a09:rgba(255,255,255,.09);
  --fixed-white-a10:rgba(255,255,255,.1);
  --fixed-green-a075:rgba(74,222,128,.075);
  --fixed-green-a28:rgba(74,222,128,.28);
  /**/
  --motion-send:220ms; --motion-empty-out:180ms; --motion-think:1200ms; --motion-think-out:150ms;
  --motion-ink:350ms; --motion-morph:200ms; --motion-greeting:6000ms; --ease-morph:cubic-bezier(.2,.9,.25,1.1);
  --ambient-enter:300ms; --ambient-exit:600ms; --ambient-active-period:12000ms; --ambient-job-alpha:.42;
  --layer-sheet-duration:280ms; --layer-drawer-duration:260ms; --layer-stack-scale:.96;
  --layer-scrim:rgba(5,5,7,.4); --layer-stack-shade:rgba(5,5,7,.16);
  --pwa-dark:#050507; --pwa-light:#FFFCF7;
  --latent-stop-0:#050507; --latent-stop-1:#140D08; --latent-stop-2:#5C3410; --latent-stop-3:#CD8828; --latent-stop-4:#FFE6AA;
  --latent-vignette-0:#FFFFFF; --latent-vignette-1:#D4D4D4; --latent-vignette-2:#595959; --latent-stage:#0A0A10;
  --latent-scan:linear-gradient(90deg,transparent,var(--gold-a06) 40%,var(--gold-a28) 50%,var(--gold-a06) 60%,transparent);
  --latent-shadow:0 40px 80px -30px var(--veil);
  --media-sheen:linear-gradient(120deg,transparent 30%,var(--gold-a28) 50%,transparent 70%);
  --t-media-reveal:420ms; --tempo-media-sheen:1400ms; --t-media-settle:900ms; --t-media-stagger:180ms; --ease-media:cubic-bezier(.45,0,.2,1);
  --code-attribute:#E6C9A2; --receipt-paper:#F4F1EA;
  --bank-chip:linear-gradient(135deg,#FFE3A1,#C98A2B); --bank-chip-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
  --fg-2:#C9C3D2; --fg-3:#C4BDCE;
  --aurora-active-a:radial-gradient(ellipse 55% 64% at 85% 0%,rgba(255,194,74,.18),transparent 78%),radial-gradient(ellipse 48% 62% at 38% 0%,rgba(255,46,158,.13),transparent 79%),radial-gradient(ellipse 42% 62% at 4% 0%,rgba(124,77,255,.15),transparent 78%);
  --aurora-active-b:radial-gradient(ellipse 58% 58% at 14% 5%,rgba(39,224,255,.15),transparent 78%),radial-gradient(ellipse 56% 64% at 78% 3%,rgba(255,194,74,.13),transparent 79%);
  --aurora-composer:radial-gradient(ellipse at 65% 88%,rgba(255,194,74,.24),transparent 66%),radial-gradient(ellipse at 12% 98%,rgba(255,46,158,.16),transparent 68%),radial-gradient(ellipse at 98% 100%,rgba(39,224,255,.12),transparent 67%);

}

/**/
:root:where([data-theme="dark"]){color-scheme:dark}
:root:where([data-theme="light"]){
  color-scheme:light;
  --void:#FFFCF7; --ink-1:#FBF8F3; --ink-2:#FFFFFF; --ink-3:#F5F1EB;
  --ink-4:#FFFEFC; --ink-5:#E8E1D8; --ink-6:#D4C9BD; --ink-7:#95887B;
  --fg-0:#26212A; --fg-1:#46404B; --fg-2:#5D5561; --fg-3:#68606A; --fg-4:#948A93;
  --fg-strong:#201B23;
  --hair-1:rgba(60,42,28,.09); --hair-2:rgba(60,42,28,.15); --hair-3:rgba(60,42,28,.25);
  --hair-gold:rgba(139,87,12,.35);
  --accent-text:#82500A; --accent-hover:#623B06; --accent-ink:#8B570C;
  --gold-a06:rgba(173,108,12,.06); --gold-a10:rgba(173,108,12,.10);
  --gold-a16:rgba(173,108,12,.16); --gold-a28:rgba(173,108,12,.28); --gold-a50:rgba(139,87,12,.50);
  --ok:#17703E; --ok-bg:rgba(23,112,62,.08); --on-ok:#FFFFFF;
  --bad:#B53137; --bad-bg:rgba(181,49,55,.07);
  --control-wash:rgba(77,52,29,.035); --control-hover:rgba(77,52,29,.07);
  --pane-wash:rgba(255,252,247,.87); --panel-frost:rgba(255,255,255,.94);
  --veil:rgba(38,30,42,.24); --code-bg:#F5F1EB; --code-string:#24623A;
  --focus-color:#8B570C;
  --mat-stage:radial-gradient(110% 60% at 80% -20%,rgba(255,194,74,.07),transparent 68%),var(--void);
  --mat-card:linear-gradient(155deg,#FFFFFF,#FFFEFC);
  --mat-card-hi:linear-gradient(160deg,#FFFFFF,#FFFDF9);
  --mat-card-lit:radial-gradient(100% 130% at 96% 0%,rgba(255,194,74,.12),transparent 65%),#FFFFFF;
  --mat-glass:linear-gradient(150deg,rgba(255,255,255,.96),rgba(255,252,247,.94));
  --mat-opaque:#FFFEFC; --glass-static:#FFFEFC;
  --keylight:radial-gradient(closest-side,rgba(255,194,74,.045),transparent 70%);
  --rim-light:inset 0 1px 0 rgba(255,255,255,.92); --rim-light-2:inset 0 1px 0 #FFFFFF;
  --sh-1:0 2px 6px rgba(68,44,18,.04);
  --sh-2:0 10px 30px -12px rgba(68,44,18,.14),0 2px 6px rgba(68,44,18,.035);
  --sh-3:0 22px 60px -20px rgba(62,36,21,.18),0 3px 12px rgba(62,36,21,.04);
  --ring-gold:0 0 0 1px rgba(139,87,12,.4),0 0 20px -8px rgba(255,194,74,.4);
  --ring-focus:0 0 0 2px var(--void),0 0 0 4px var(--focus-color);
  --glow-dot:0 0 12px 1px rgba(255,194,74,.35);
  --aurora-top:radial-gradient(ellipse 60% 58% at 79% 4%,rgba(255,194,74,.14),transparent 78%),radial-gradient(ellipse 50% 58% at 25% -4%,rgba(255,46,158,.065),transparent 78%),radial-gradient(ellipse 38% 54% at 0% 0%,rgba(124,77,255,.055),transparent 80%);
  --aurora-bottom:radial-gradient(ellipse 44% 60% at 63% 102%,rgba(255,194,74,.23),transparent 77%),radial-gradient(ellipse 42% 55% at 23% 105%,rgba(255,46,158,.13),transparent 75%),radial-gradient(ellipse 32% 60% at 0% 110%,rgba(124,77,255,.10),transparent 76%),radial-gradient(ellipse 36% 62% at 99% 112%,rgba(39,224,255,.14),transparent 76%);
  --aurora-composer:radial-gradient(ellipse at 62% 95%,rgba(255,194,74,.2),transparent 67%),radial-gradient(ellipse at 12% 100%,rgba(255,46,158,.095),transparent 64%),radial-gradient(ellipse at 98% 100%,rgba(39,224,255,.12),transparent 64%);
  --login-veil-mobile:linear-gradient(180deg,rgba(255,252,247,.25),rgba(255,252,247,.06) 18%,rgba(255,252,247,.3) 34%,var(--void) 59%);
  --login-veil-desktop:linear-gradient(to left,var(--void) 0%,rgba(255,252,247,.98) 30%,rgba(255,252,247,.7) 44%,rgba(255,252,247,.04) 72%,rgba(255,252,247,.08));
  --login-brand-halo:radial-gradient(closest-side,rgba(255,252,247,.98),rgba(255,252,247,.74) 60%,transparent);
  --sh-wall:0 20px 40px -20px rgba(80,49,21,.25),0 0 0 1px var(--hair-1);
  --sh-composer:0 14px 42px -16px rgba(75,48,24,.18),inset 0 1px 0 #FFFFFF;
  --theme-dust-opacity:0; --grain-alpha:.2;
  --fg-2:#544B58; --fg-3:#574D5A; --accent-text:#744506;
  --code-attribute:#714A2C;
  --latent-stop-0:#FFFCF7; --latent-stop-1:#FFF4DD; --latent-stop-2:#F5D48E; --latent-stop-3:#DEAA45; --latent-stop-4:#FFF2BD;
  --latent-vignette-0:#FFFFFF; --latent-vignette-1:#FFFCF2; --latent-vignette-2:#F5E8C9; --latent-stage:#FFFCF7;
  --aurora-active-a:radial-gradient(ellipse 56% 68% at 86% 0%,rgba(255,194,74,.43),transparent 80%),radial-gradient(ellipse 50% 65% at 38% 0%,rgba(255,46,158,.22),transparent 80%),radial-gradient(ellipse 44% 64% at 0% 2%,rgba(124,77,255,.24),transparent 79%);
  --aurora-active-b:radial-gradient(ellipse 60% 65% at 12% 4%,rgba(39,224,255,.35),transparent 80%),radial-gradient(ellipse 56% 62% at 80% 0%,rgba(255,194,74,.28),transparent 80%);
  --aurora-composer:radial-gradient(ellipse at 65% 90%,rgba(255,194,74,.33),transparent 68%),radial-gradient(ellipse at 12% 98%,rgba(255,46,158,.16),transparent 67%),radial-gradient(ellipse at 98% 100%,rgba(39,224,255,.20),transparent 67%);

}
@media (prefers-color-scheme:light){
  :root:where(:not([data-theme="dark"])){
  color-scheme:light;
  --void:#FFFCF7; --ink-1:#FBF8F3; --ink-2:#FFFFFF; --ink-3:#F5F1EB;
  --ink-4:#FFFEFC; --ink-5:#E8E1D8; --ink-6:#D4C9BD; --ink-7:#95887B;
  --fg-0:#26212A; --fg-1:#46404B; --fg-2:#5D5561; --fg-3:#68606A; --fg-4:#948A93;
  --fg-strong:#201B23;
  --hair-1:rgba(60,42,28,.09); --hair-2:rgba(60,42,28,.15); --hair-3:rgba(60,42,28,.25);
  --hair-gold:rgba(139,87,12,.35);
  --accent-text:#82500A; --accent-hover:#623B06; --accent-ink:#8B570C;
  --gold-a06:rgba(173,108,12,.06); --gold-a10:rgba(173,108,12,.10);
  --gold-a16:rgba(173,108,12,.16); --gold-a28:rgba(173,108,12,.28); --gold-a50:rgba(139,87,12,.50);
  --ok:#17703E; --ok-bg:rgba(23,112,62,.08); --on-ok:#FFFFFF;
  --bad:#B53137; --bad-bg:rgba(181,49,55,.07);
  --control-wash:rgba(77,52,29,.035); --control-hover:rgba(77,52,29,.07);
  --pane-wash:rgba(255,252,247,.87); --panel-frost:rgba(255,255,255,.94);
  --veil:rgba(38,30,42,.24); --code-bg:#F5F1EB; --code-string:#24623A;
  --focus-color:#8B570C;
  --mat-stage:radial-gradient(110% 60% at 80% -20%,rgba(255,194,74,.07),transparent 68%),var(--void);
  --mat-card:linear-gradient(155deg,#FFFFFF,#FFFEFC);
  --mat-card-hi:linear-gradient(160deg,#FFFFFF,#FFFDF9);
  --mat-card-lit:radial-gradient(100% 130% at 96% 0%,rgba(255,194,74,.12),transparent 65%),#FFFFFF;
  --mat-glass:linear-gradient(150deg,rgba(255,255,255,.96),rgba(255,252,247,.94));
  --mat-opaque:#FFFEFC; --glass-static:#FFFEFC;
  --keylight:radial-gradient(closest-side,rgba(255,194,74,.045),transparent 70%);
  --rim-light:inset 0 1px 0 rgba(255,255,255,.92); --rim-light-2:inset 0 1px 0 #FFFFFF;
  --sh-1:0 2px 6px rgba(68,44,18,.04);
  --sh-2:0 10px 30px -12px rgba(68,44,18,.14),0 2px 6px rgba(68,44,18,.035);
  --sh-3:0 22px 60px -20px rgba(62,36,21,.18),0 3px 12px rgba(62,36,21,.04);
  --ring-gold:0 0 0 1px rgba(139,87,12,.4),0 0 20px -8px rgba(255,194,74,.4);
  --ring-focus:0 0 0 2px var(--void),0 0 0 4px var(--focus-color);
  --glow-dot:0 0 12px 1px rgba(255,194,74,.35);
  --aurora-top:radial-gradient(ellipse 60% 58% at 79% 4%,rgba(255,194,74,.14),transparent 78%),radial-gradient(ellipse 50% 58% at 25% -4%,rgba(255,46,158,.065),transparent 78%),radial-gradient(ellipse 38% 54% at 0% 0%,rgba(124,77,255,.055),transparent 80%);
  --aurora-bottom:radial-gradient(ellipse 44% 60% at 63% 102%,rgba(255,194,74,.23),transparent 77%),radial-gradient(ellipse 42% 55% at 23% 105%,rgba(255,46,158,.13),transparent 75%),radial-gradient(ellipse 32% 60% at 0% 110%,rgba(124,77,255,.10),transparent 76%),radial-gradient(ellipse 36% 62% at 99% 112%,rgba(39,224,255,.14),transparent 76%);
  --aurora-composer:radial-gradient(ellipse at 62% 95%,rgba(255,194,74,.2),transparent 67%),radial-gradient(ellipse at 12% 100%,rgba(255,46,158,.095),transparent 64%),radial-gradient(ellipse at 98% 100%,rgba(39,224,255,.12),transparent 64%);
  --login-veil-mobile:linear-gradient(180deg,rgba(255,252,247,.25),rgba(255,252,247,.06) 18%,rgba(255,252,247,.3) 34%,var(--void) 59%);
  --login-veil-desktop:linear-gradient(to left,var(--void) 0%,rgba(255,252,247,.98) 30%,rgba(255,252,247,.7) 44%,rgba(255,252,247,.04) 72%,rgba(255,252,247,.08));
  --login-brand-halo:radial-gradient(closest-side,rgba(255,252,247,.98),rgba(255,252,247,.74) 60%,transparent);
  --sh-wall:0 20px 40px -20px rgba(80,49,21,.25),0 0 0 1px var(--hair-1);
  --sh-composer:0 14px 42px -16px rgba(75,48,24,.18),inset 0 1px 0 #FFFFFF;
  --theme-dust-opacity:0; --grain-alpha:.2;
  --fg-2:#544B58; --fg-3:#574D5A; --accent-text:#744506;
  --code-attribute:#714A2C;
  --latent-stop-0:#FFFCF7; --latent-stop-1:#FFF4DD; --latent-stop-2:#F5D48E; --latent-stop-3:#DEAA45; --latent-stop-4:#FFF2BD;
  --latent-vignette-0:#FFFFFF; --latent-vignette-1:#FFFCF2; --latent-vignette-2:#F5E8C9; --latent-stage:#FFFCF7;
  --aurora-active-a:radial-gradient(ellipse 56% 68% at 86% 0%,rgba(255,194,74,.43),transparent 80%),radial-gradient(ellipse 50% 65% at 38% 0%,rgba(255,46,158,.22),transparent 80%),radial-gradient(ellipse 44% 64% at 0% 2%,rgba(124,77,255,.24),transparent 79%);
  --aurora-active-b:radial-gradient(ellipse 60% 65% at 12% 4%,rgba(39,224,255,.35),transparent 80%),radial-gradient(ellipse 56% 62% at 80% 0%,rgba(255,194,74,.28),transparent 80%);
  --aurora-composer:radial-gradient(ellipse at 65% 90%,rgba(255,194,74,.33),transparent 68%),radial-gradient(ellipse at 12% 98%,rgba(255,46,158,.16),transparent 67%),radial-gradient(ellipse at 98% 100%,rgba(39,224,255,.20),transparent 67%);

  }
}
/**/
:root.lite{--mat-glass:var(--glass-static);--glass-fx:none}
@media (prefers-reduced-transparency:reduce){:root:where([data-theme]),:root:where(:not([data-theme])){--mat-glass:var(--glass-static);--glass-fx:none}}


/* Source: css/a-fonts.css */
/**/
:root[data-method="a"]{
  --type-body-family:"Bixa Persian","Bixa Interface Latin",system-ui,sans-serif;
  --type-display-family:"Bixa Persian","Bixa Interface Latin",system-ui,sans-serif;
  --type-code-family:"Geist Mono","Plex Arabic",ui-monospace,monospace;
  --ff:var(--type-body-family);
  --ff-display:var(--type-display-family);
  --ff-num:var(--type-display-family);
  --ff-lat:"Bixa Interface Latin","Bixa Persian",sans-serif;
  --ff-mono:var(--type-code-family);
}


/* Source: css/base.css */
/**/

/**/
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--void);scrollbar-color:var(--ink-6) transparent;
  /**/
  scroll-padding-top:calc(var(--topbar-h) + var(--safe-t) + var(--netbar-h,0px) + 12px);
  scroll-padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-b) + 16px)}
html:has(.app:is([data-scr=topup],[data-scr=review],[data-scr=generating],[data-scr=agent],[data-scr=plans],[data-scr=pay],[data-scr=invoice])){scroll-padding-bottom:calc(var(--safe-b) + 24px)}
body{margin:0;min-height:100dvh;font:var(--w-reg) var(--fs-body)/var(--lh-body) var(--ff);color:var(--fg-0);background:var(--mat-stage);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;overflow-x:hidden;text-rendering:optimizeLegibility}
body.lock{overflow:hidden}
h1,h2,h3,h4,p,ol,ul,figure,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
input,textarea{font:inherit;color:inherit}
img,video,canvas{display:block;max-width:100%}
::selection{background:var(--gold-a28);color:var(--fg-0)}
:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px;border-radius:8px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
kbd{font:500 11.5px/1 var(--ff-mono);padding:4px 6px;border-radius:6px;background:var(--ink-4);border:1px solid var(--hair-2);color:var(--fg-2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.4)}
bdi,.lat{unicode-bidi:isolate}
.lat{font-family:var(--ff-lat);letter-spacing:0}
.grow{flex:1}
.muted{color:var(--fg-2)}
.sm{font-size:var(--fs-sm)}
.cap{font-size:var(--fs-cap)}
.only-d{display:none!important}
@media (min-width:1024px){
  .only-m{display:none!important}
  .only-d:not([hidden]){display:revert!important}
}

/**/
.hero{font-family:var(--ff-display);font-size:var(--fs-hero);line-height:var(--lh-hero);font-weight:var(--w-hero);text-wrap:balance;color:var(--fg-0)}
.display{font-family:var(--ff-display);font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--w-display);text-wrap:balance;color:var(--fg-0)}
.t1{font-size:var(--fs-t1);line-height:var(--lh-t1);font-weight:700;text-wrap:balance}
.t2{font-size:var(--fs-t2);line-height:var(--lh-t2);font-weight:600;text-wrap:balance}
.t3{font-size:var(--fs-t3);line-height:var(--lh-t3);font-weight:600}
.dot-end::after{content:"";display:inline-block;width:.19em;height:.19em;border-radius:50%;margin-inline-start:.09em;vertical-align:baseline;background:radial-gradient(circle at 40% 38%,#fff 0,var(--gold-50) 28%,var(--gold-400) 72%);box-shadow:0 0 .32em rgba(255,194,74,.7)}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:500;color:var(--fg-2)}
.eyebrow .i{color:var(--fg-3)}
.lede{font-size:var(--fs-body);color:var(--fg-2);text-wrap:pretty;max-width:34em}
.note{display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-label);line-height:var(--lh-label);color:var(--fg-3)}
.note .i{margin-top:2px;flex:none}
.hint{font-size:var(--fs-cap);color:var(--fg-3);line-height:1.7}
.opt{font-size:var(--fs-cap);color:var(--fg-3);font-weight:400;margin-inline-start:6px}
.num{font-family:var(--ff-num);font-weight:800;font-variant-numeric:normal}
.num-inline{font-family:var(--ff);direction:ltr;unicode-bidi:isolate}
.num-hero{font-family:var(--ff-num);font-weight:800}
.cap-label{display:block;font-size:var(--fs-cap);color:var(--fg-3);font-weight:500;line-height:1.5}
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.i--sm{width:16px;height:16px}
.i--lg{width:32px;height:32px;stroke-width:1.5}
symbol .f{fill:var(--fill,none)}
symbol .d{fill:var(--dot,currentColor);stroke:none;filter:var(--dotfx,none)}
.mark{width:22px;height:28px;flex:none}

/**/
.dust{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-out)}
.dust.is-on{opacity:1}
.keylight{position:fixed;z-index:-1;top:0;left:0;width:1100px;height:1100px;margin:-550px 0 0 -550px;pointer-events:none;background:var(--keylight);transform:translate(calc(100vw - 120px),40px);will-change:transform}
.app::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--grain,none) 0 0/128px 128px}
.lite .app::before{display:none}
.leak{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 30%,rgba(255,214,140,.07) 44%,rgba(255,236,200,.13) 50%,rgba(255,214,140,.07) 56%,transparent 70%);transform:translateX(70%)}
.leak.is-go{animation:leak var(--t-leak) var(--ease-inout)}
.lite .leak{display:none}

/**/
textarea::placeholder,input::placeholder{color:var(--fg-3);opacity:1}
[data-bidi]:placeholder-shown{direction:rtl;text-align:right}
[data-bidi]::placeholder{direction:rtl;text-align:right}

/**/
.app,.stage{overflow-x:clip}
.stage{padding:calc(var(--topbar-h) + var(--safe-t)) 0 calc(var(--tabbar-h) + var(--tabbar-gap) + 20px + var(--safe-b));min-height:100dvh}
.topbar{position:fixed;top:0;inset-inline:0;z-index:var(--z-chrome);height:calc(var(--topbar-h) + var(--safe-t));padding:var(--safe-t) 8px 0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border-bottom:1px solid transparent;transition:background-color var(--t-base),border-color var(--t-base),opacity .6s var(--ease-out)}
.topbar.is-scrolled{background:var(--mat-glass);-webkit-backdrop-filter:var(--glass-fx);backdrop-filter:var(--glass-fx);border-bottom-color:var(--hair-1)}
.topbar__start,.topbar__end{display:flex;align-items:center;gap:6px;min-width:0}
.topbar__start{flex:1}
.topbar__title{font-size:17px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}
.mark--top{width:18px;height:24px;margin-inline:2px 4px}
.balance{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--hair-2);font-family:var(--ff-num);font-weight:800;font-size:16px;transition:transform var(--spr-press),border-color var(--t-base),box-shadow var(--t-base);white-space:nowrap}
.balance:hover{border-color:var(--hair-3)}
.balance:active{transform:scale(.96)}
.balance__unit{font-family:var(--ff);font-size:12px;font-weight:500;color:var(--fg-3)}
.balance.is-pulse{animation:balpulse .5s var(--spring-bouncy)}
.balance.is-shake{animation:shake .38s var(--ease-out);box-shadow:var(--ring-gold)}
.cmdk{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 10px 0 14px;border-radius:12px;color:var(--fg-3);font-size:13.5px;border:1px solid var(--hair-1);background:rgba(255,255,255,.02);margin-inline-end:8px;transition:border-color var(--t-fast),color var(--t-fast)}
.cmdk:hover{color:var(--fg-1);border-color:var(--hair-2)}
.cmdk .i{width:18px;height:18px}
#back-btn{display:none}
.netbar{position:fixed;top:calc(var(--topbar-h) + var(--safe-t));inset-inline:0;z-index:var(--z-chrome);display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:6px 12px 6px 16px;line-height:1.55;background:var(--ink-4);border-bottom:1px solid var(--hair-2);font-size:13px;color:var(--fg-1);animation:dropin .3s var(--ease-out)}
.netbar>.i{width:18px;height:18px;color:var(--accent-text);flex:none}
.netbar>span{flex:0 1 auto;min-width:0}
.app[data-scr=login] .netbar{display:none}
.app[data-scr=login].is-offline .stage::after{opacity:0}   /**/
.netbar__btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;flex:none;white-space:nowrap;padding:0 12px;border-radius:10px;color:var(--accent-text);font-weight:600;font-size:13px;border:1px solid var(--gold-a28)}
.netbar__btn .i{width:16px;height:16px}
.netbar__btn:hover{background:var(--gold-a06)}
.stage::after{content:"";position:fixed;inset:0;z-index:3;background:rgba(5,5,7,.4);pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out)}
.app.is-offline .stage::after{opacity:1}
/**/
.app.is-offline:not([data-scr=login]) .stage{padding-top:calc(var(--topbar-h) + var(--safe-t) + var(--netbar-h,0px))}
.netbar .nb-short{display:none}
@media (max-width:599px){
  .netbar .nb-long{display:none}.netbar .nb-short{display:inline}
  .netbar{gap:8px;padding:6px 8px 6px 12px;font-size:12.5px}
  .netbar__btn{padding:0 10px}
}
.tabbar{position:fixed;z-index:var(--z-chrome);inset-inline:10px;bottom:calc(var(--tabbar-gap) + var(--safe-b));height:var(--tabbar-h);display:grid;grid-template-columns:repeat(5,1fr);border-radius:24px;background:var(--mat-glass);-webkit-backdrop-filter:var(--glass-fx);backdrop-filter:var(--glass-fx);border:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-3);transition:transform var(--spr-sheet),opacity var(--t-base)}
.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:500;color:var(--fg-3);transition:color var(--t-fast);-webkit-tap-highlight-color:transparent;overflow:hidden}
.tab .i{width:24px;height:24px;transition:transform var(--spr-pop),color var(--t-fast)}
.tab:hover{color:var(--fg-1)}
.tab.is-on{color:var(--fg-0)}
.tab.is-on .i{color:var(--accent-ink);--fill:var(--gold-a16);--dot:var(--gold-50);--dotfx:drop-shadow(0 0 2.5px #FFC24A);transform:scale(1.06)}
.tabbar__lens{position:absolute;top:7px;left:0;width:60px;height:50px;border-radius:17px;background:radial-gradient(70% 60% at 50% 100%,rgba(255,194,74,.16),transparent 70%),var(--gold-a06);box-shadow:inset 0 0 0 1px var(--gold-a16);transition:transform var(--spr-lively),opacity var(--t-base);pointer-events:none}
.tab .ripple{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;border:1.5px solid var(--gold-a50);pointer-events:none;animation:ripple .5s var(--ease-out) forwards}
.app:is([data-scr=topup],[data-scr=review],[data-scr=generating],[data-scr=agent],[data-scr=plans],[data-scr=pay],[data-scr=invoice]) .tabbar,html.kb .tabbar{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}
.app:is([data-scr=topup],[data-scr=review],[data-scr=generating],[data-scr=agent],[data-scr=plans],[data-scr=pay],[data-scr=invoice]) .stage{padding-bottom:calc(28px + var(--safe-b))}
@media (max-width:1023px){
  .app:is([data-scr=topup],[data-scr=review],[data-scr=generating],[data-scr=agent],[data-scr=plans],[data-scr=pay],[data-scr=invoice]) #back-btn{display:inline-grid}
  .app:is([data-scr=topup],[data-scr=review],[data-scr=generating],[data-scr=agent],[data-scr=plans],[data-scr=pay],[data-scr=invoice]) .mark--top{display:none}
}
.rail{display:none}
.island{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:0;padding:0 12px 0 5px;margin-inline-start:4px;border-radius:999px;background:var(--ink-4);border:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-1);font-size:13px;color:var(--fg-1);white-space:nowrap;overflow:hidden;animation:islandin .435s var(--spring-lively) both;transition:border-color var(--t-fast)}
.island:hover{border-color:var(--hair-3)}
.island.is-big{padding-inline-end:14px;border-color:var(--gold-a28);animation:islandbig .435s var(--spring-lively) both}
.island.is-fail{border-color:rgba(74,222,128,.3)}
.island .pring{--p:0;position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--gold-400) calc(var(--p) * 1turn),var(--ink-6) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}
.island__ic{position:relative;width:24px;height:24px;display:grid;place-items:center;flex:none}
.island__ic b{width:7px;height:7px;border-radius:50%;background:var(--gold-400);box-shadow:var(--glow-dot);animation:breathe var(--tempo-breath) var(--ease-inout) infinite alternate}
.island__thumb{width:24px;height:30px;border-radius:6px;object-fit:cover;background:var(--ink-3);flex:none}
.island__orb{width:24px;height:24px;border-radius:50%;flex:none;background:radial-gradient(circle,var(--gold-50) 0,#F6C98A 18%,rgba(0,0,0,0) 68%),#07070A;box-shadow:0 0 14px -4px #F6C98A}
.island strong{color:var(--fg-0);font-weight:600}
.island.is-ready{padding-inline-end:12px;border-color:var(--gold-a28)}
.island__ready{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--gold-a16);color:var(--accent-text);font-size:12px;font-weight:600}
/**/
.tab.has-new::after{content:"";position:absolute;top:9px;inset-inline-start:calc(50% + 9px);width:6px;height:6px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 0 2px var(--void),var(--glow-dot)}
.rail .tab.has-new::after{top:10px;inset-inline-start:calc(50% + 10px)}
.island .eta,.island .eta-s{color:var(--fg-3)}
.island .eta{display:none}
@media (max-width:1023px){
  .topbar__start:has(.island:not([hidden])) .topbar__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /**/
  .island .st{display:none}
  .island .chip-ok__w{display:none}                         /**/
  /**/
  .island{gap:6px;font-size:12.5px}
  .island.is-big{padding-inline-end:10px}
  .island strong{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .island .chip-ok{flex:none;height:22px;padding:0 7px;gap:3px}
  .island.is-fail>.i,.island.is-big:not(.is-fail) .link{display:none}   /**/
  .topbar__start{container-type:inline-size;container-name:tstart}
  .app:is([data-scr=image],[data-scr=video],[data-scr=audio],[data-scr=library],[data-scr=wallet]) .topbar:not(.is-scrolled) .topbar__title{opacity:0;transform:translateY(4px)}
}
/**/
@container tstart (max-width:227px){
  .island.is-fail .island__k{display:none}
}
@media (min-width:1024px){
  .island .eta{display:inline}
  .island .eta-s{display:none}
}

/**/
.app[data-scr=login] .topbar,.app[data-scr=login] .tabbar,.app[data-scr=login] .rail{display:none}
.app[data-scr=login] .stage{padding:0}

/**/
.app[data-scr=generating].is-dev :is(.topbar,.rail){opacity:1}
.app[data-scr=generating].is-dev :is(.topbar,.rail):hover{opacity:1}

/**/
.scr{display:none}
.scr.is-on{display:block}
.scr.is-enter{animation:scrin .317s var(--spring-calm) both}
html[data-nav=back]{--nav:-1}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
/**/
::view-transition-old(stage){animation:vtout 120ms var(--ease-exit) both}
::view-transition-new(stage){animation:vtin .3s var(--spring-calm) 100ms both}
.vt-run .stage{view-transition-name:stage}
.vt-run .topbar{view-transition-name:topbar}
.vt-run .tabbar{view-transition-name:tabbar}
.vt-run .rail{view-transition-name:rail}
::view-transition-group(*){animation-duration:.317s;animation-timing-function:var(--spring-calm)}
.app:not([data-scr=chat]):not([data-scr=empty]) #drawer-btn{display:none}
.app:is([data-scr=chat],[data-scr=empty]) .mark--top{display:none}

/**/
/**/
@media (max-height:520px) and (max-width:1023px){
  :root{--tabbar-h:46px;--tabbar-gap:4px}
  .tabbar .tab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /**/
  .tab .i{width:22px;height:22px}
  .tabbar__lens{top:4px;height:38px;border-radius:13px}
  .cta-bar .cta-note{display:none}
}
@media (min-width:1024px){
  html,html:has(.scr.is-on .cta-bar){scroll-padding-bottom:24px}
  .stage{padding:var(--topbar-h) var(--rail-w) 40px 0}
  .app[data-scr=login] .stage{padding:0}
  .app:is([data-scr=chat],[data-scr=empty]) .stage{padding-bottom:0}
  .tabbar{display:none}
  .topbar{inset-inline-start:var(--rail-w);padding:0 24px 0 20px}
  .topbar__title{font-size:16px;color:var(--fg-1)}
  .netbar{inset-inline-start:var(--rail-w)}
  .keylight{width:1400px;height:1400px;margin:-700px 0 0 -700px}
  .rail{display:flex;flex-direction:column;align-items:center;position:fixed;z-index:var(--z-chrome);inset-block:0;inset-inline-start:0;width:var(--rail-w);padding:18px 0 16px;background:var(--ink-1);border-inline-end:1px solid var(--hair-1);transition:opacity .6s var(--ease-out)}
  .rail__mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin-bottom:18px;transition:background-color var(--t-fast)}
  .rail__mark:hover{background:var(--hair-1)}
  .rail__mark .mark{width:22px;height:30px}
  .rail__nav{display:flex;flex-direction:column;gap:4px}
  .rail .tab{width:68px;height:62px;border-radius:16px;font-size:12px;transition:background-color var(--t-fast),color var(--t-fast)}
  .rail .tab:hover{background:rgba(255,255,255,.03)}
  .rail .tab.is-on{background:radial-gradient(70% 60% at 50% 100%,rgba(255,194,74,.12),transparent 70%),var(--gold-a06);box-shadow:inset 0 0 0 1px var(--gold-a16)}
  .rail__foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}
}
@media (min-width:768px) and (max-width:1023px){
  .tabbar{inset-inline:calc(50% - 260px)}
}

/**/
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .island__ic b{animation:none!important}
  .dust,.leak{display:none}
}

/**/
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.balance{position:relative}
.balance.has-pending::after{content:"";position:absolute;top:-3px;inset-inline-end:-2px;width:11px;height:11px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 0 2.5px var(--void),var(--glow-dot);animation:breathe var(--tempo-breath) var(--ease-inout) infinite alternate}
@media (pointer:coarse){
  html[data-method] .topbar .island{min-height:48px}
  .balance{height:44px}                                   /**/
  .balance::before{content:"";position:absolute;inset:-4px}
  .island{position:relative}                              /**/
}

/**/
.payment-status{display:flex;align-items:center;gap:16px;max-width:1180px;margin-inline:auto;padding:8px var(--gutter);color:var(--fg-2);font-size:13px;line-height:1.7}
.payment-status p{flex:1;min-width:0;margin:0}
.payment-status a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding-inline:12px;border:1px solid var(--hair-2);border-radius:var(--r-s);color:var(--fg-1);background:var(--surface-raised,var(--ink-2))}
.stage:has(>.payment-status:not([hidden])) .chat__main{min-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - var(--tabbar-gap) - 20px - var(--safe-t) - var(--safe-b) - var(--payment-status-h,64px))}
@media(min-width:1024px){.stage:has(>.payment-status:not([hidden])) .chat__main{min-height:calc(100dvh - var(--topbar-h) - var(--safe-t) - var(--payment-status-h,64px))}}
@media(max-width:1023px){html[data-method] .stage:has(>.payment-status:not([hidden])) .chat:has(.empty) .chat__main{min-height:calc(100dvh - 180px - var(--payment-status-h,64px))}}
@media(pointer:coarse){.payment-status a{min-width:48px;min-height:48px}}
@media (prefers-reduced-motion:reduce){
  .balance.has-pending::after{animation:none!important}
}

/**/
@keyframes leak{0%{opacity:0;transform:translateX(70%)}25%{opacity:1}100%{opacity:0;transform:translateX(-70%)}}
@keyframes spin{to{transform:rotate(1turn)}}
@keyframes breathe{from{transform:scale(.72)}to{transform:scale(1)}}
@keyframes balpulse{0%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes shake{20%{transform:translateX(-6px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}}
@keyframes dropin{from{transform:translateY(-100%);opacity:0}}
@keyframes ripple{from{transform:scale(.2);opacity:.9}to{transform:scale(1.5);opacity:0}}
@keyframes islandin{from{transform:scale(.86);opacity:0}}
@keyframes islandbig{from{transform:scale(.8)}}
@keyframes stepin{from{opacity:0;transform:translateX(-18px)}}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}}
@keyframes shim{from{background-position:100% 0}to{background-position:0 0}}
@keyframes tilein{from{transform:scale(.86);opacity:0}}
@keyframes glint{0%{opacity:1;transform:translateX(70%)}100%{opacity:1;transform:translateX(-70%)}}
@keyframes orbripple{from{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.45)}}
@keyframes fadein{from{opacity:0}}
@keyframes scrin{from{opacity:0;transform:translateX(calc(var(--nav,1) * -24px))}}
@keyframes vtout{to{opacity:0;transform:translateX(calc(var(--nav,1) * 24px))}}
@keyframes vtin{from{opacity:0;transform:translateX(calc(var(--nav,1) * -32px))}}

/**/
/**/
.boot{position:fixed;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:18px;pointer-events:none}
.app:not([data-scr=boot]) .boot{display:none}
.app[data-scr=boot] :is(.topbar,.tabbar,.rail){visibility:hidden}
.boot__mark{width:44px;height:58px;overflow:visible}
.boot__dot,.boot__glow{transform-box:fill-box;transform-origin:center}
.boot__dot{animation:bootspark .55s var(--spring-bouncy) both,breathe var(--tempo-breath) var(--ease-inout) .9s infinite alternate}
.boot__glow{opacity:0;animation:bootglow .5s ease-out .2s forwards}
.boot__t{font-size:var(--fs-label);color:var(--fg-3);opacity:0;animation:bootin .6s var(--ease-out) 1.2s forwards;text-align:center;max-width:22em;padding:0 var(--gutter)}
@keyframes bootspark{0%{transform:scale(0)}55%{transform:scale(1.7)}100%{transform:scale(1)}}
@keyframes bootglow{to{opacity:.55}}
@keyframes bootin{to{opacity:1}}
/**/
.topbar::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--gold-400),transparent);opacity:0;transform:translateX(60%) scaleX(.3);transition:opacity var(--t-base)}
html.is-loading .topbar::after{opacity:1;animation:loadbar 1.1s var(--ease-inout) infinite alternate}
@keyframes loadbar{from{transform:translateX(60%) scaleX(.3)}to{transform:translateX(-60%) scaleX(.3)}}
.noscript{position:fixed;inset:auto 16px 24px;padding:14px 16px;border-radius:var(--r-m);background:var(--ink-4);border:1px solid var(--hair-2);color:var(--fg-1);font-size:var(--fs-sm);text-align:center}
@media (prefers-reduced-motion:reduce){
  .boot__dot,.boot__glow,.boot__t,html.is-loading .topbar::after{animation:none!important;opacity:1}
  .boot__glow{opacity:.55}
}
/**/
:is(h1,h2,h3,strong)[tabindex="-1"]:focus-visible{outline:none}
/**/
@media (min-width:1024px){.app:is([data-scr=login],[data-scr=boot])~.toasts{padding-inline-start:16px}}

/**/
.app-titlebar{display:none}
.window-controls-overlay{--wco-space:max(var(--wco-bottom,0px),calc(env(titlebar-area-y,0px) + env(titlebar-area-height,0px)));--safe-t:max(env(safe-area-inset-top,0px),var(--wco-space))}
.window-controls-overlay .app-titlebar{display:flex;position:fixed;left:env(titlebar-area-x,var(--wco-x,0px));top:env(titlebar-area-y,var(--wco-y,0px));width:env(titlebar-area-width,var(--wco-width,100%));height:env(titlebar-area-height,var(--wco-height,0px));z-index:var(--z-chrome);align-items:center;justify-content:flex-start;gap:var(--s-2);padding:0 var(--s-4);background:var(--ink-1);border-bottom:1px solid var(--hair-1);font-size:var(--fs-cap);color:var(--fg-2);direction:rtl;overflow:hidden;white-space:nowrap;-webkit-app-region:drag;app-region:drag;user-select:none}
.app-titlebar i{width:var(--s-1);height:var(--s-1);border-radius:var(--r-pill);background:var(--gold-400);flex:none}
@media(min-width:1024px){
  .window-controls-overlay .topbar{top:var(--wco-space);height:var(--topbar-h)}
  .window-controls-overlay .stage{padding-top:calc(var(--topbar-h) + var(--wco-space))}
  .window-controls-overlay .rail{top:var(--wco-space)}
  .window-controls-overlay .app[data-scr=login] .stage{padding-top:var(--wco-space)}
  .window-controls-overlay .login{min-height:calc(100dvh - var(--wco-space))}
  .window-controls-overlay .chat__main{min-height:calc(100dvh - var(--topbar-h) - var(--wco-space))}
  .window-controls-overlay .convs{top:calc(var(--topbar-h) + var(--wco-space));height:calc(100dvh - var(--topbar-h) - var(--wco-space))}
  .window-controls-overlay .studio__panel{top:calc(var(--topbar-h) + var(--wco-space) + var(--s-4));height:calc(100dvh - var(--topbar-h) - var(--wco-space) - var(--s-8))}
}


/* Source: css/components.css */
/**/

/**/
.btn-molten{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--cta-h);padding:0 22px;border-radius:16px;background:var(--mat-molten);color:var(--on-gold);font-weight:600;font-size:16px;line-height:1;box-shadow:var(--sh-molten);transition:transform var(--spr-press),box-shadow var(--t-fast) var(--ease-out),filter var(--t-fast);user-select:none}
.btn-molten .i{width:20px;height:20px;stroke-width:2}
.btn-molten:hover{filter:brightness(1.04)}
.btn-molten:active{transform:scale(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(110,60,0,.35),0 4px 14px -8px rgba(255,170,40,.55)}
.btn-molten:disabled{background:var(--ink-5);color:var(--fg-4);box-shadow:none;cursor:not-allowed}
.btn-molten.sweep::after{content:"";position:absolute;inset:-20% -40%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);transform:translateX(75%);animation:sweep var(--tempo-sweep) var(--ease-inout) infinite 1.4s}
.btn-molten:disabled::after{display:none}
.btn-molten.is-low{background:var(--ink-3);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--gold-a50)}
.btn-molten.is-low::after{display:none}
.btn-block{width:100%}
.cta-sep{width:1px;align-self:stretch;margin:14px 2px;background:rgba(20,13,0,.22)}
.cta-p{display:inline-flex;align-items:baseline;gap:5px}
.cta-p .num{font-size:18px}
.cta-p small{font-size:13px;font-weight:500;opacity:.8}
.btn-molten.is-low .cta-sep{background:var(--gold-a28)}
.btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--hit);padding:0 16px;border-radius:var(--r-btn);background:rgba(255,255,255,.035);border:1px solid var(--hair-2);color:var(--fg-0);font-size:14px;font-weight:500;line-height:1.2;transition:transform var(--spr-press),background-color var(--t-fast) var(--ease-out),border-color var(--t-fast);cursor:pointer;white-space:nowrap}
.btn-quiet:hover{background:rgba(255,255,255,.06);border-color:var(--hair-3)}
.btn-quiet:active{transform:scale(.97)}
.btn-quiet .i{width:18px;height:18px;color:var(--fg-2)}
.btn-sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:11px}
@media (pointer:coarse){
  .btn-sm{min-height:var(--hit)}
}
.icon-btn{width:var(--hit);height:var(--hit);display:inline-grid;place-items:center;border-radius:12px;color:var(--fg-1);transition:background-color var(--t-fast),transform var(--spr-press);flex:none}
.icon-btn:hover{background:var(--hair-1);color:var(--fg-0)}
.icon-btn:active{transform:scale(.94)}
.icon-btn--sm{width:36px;height:36px;border-radius:11px}
.link{color:var(--accent-text);font-size:var(--fs-label);font-weight:500;min-height:32px;display:inline-flex;align-items:center;gap:6px}
.link:hover{color:var(--accent-hover)}
.link-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;color:var(--fg-2)}
.link-back:hover{color:var(--fg-0)}
.link-back .i{width:18px;height:18px}
.chip-ok{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--ok);background:var(--ok-bg);border:1px solid rgba(74,222,128,.25);white-space:nowrap}
.chip-ok .num{font-weight:700}

/**/
.field-label{display:block;font-size:var(--fs-label);font-weight:500;color:var(--fg-1);margin:14px 0 6px}
.field{display:block;width:100%;min-height:52px;padding:12px 16px;border-radius:var(--r-field);background:var(--ink-3);border:1px solid var(--hair-2);font-size:var(--fs-input);line-height:1.5;color:var(--fg-0);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.field::placeholder,.prompt::placeholder{color:var(--fg-3);opacity:1}
.field:focus,.field:focus-within{border-color:var(--gold-a50);box-shadow:0 0 0 4px var(--gold-a06)}
.field--ltr{text-align:left}
.field--ltr:placeholder-shown{text-align:right}
.field--flat{background:transparent;border-color:transparent;padding:6px 2px;min-height:40px}
.field--flat:focus{box-shadow:none;border-color:transparent}
.field--phone{display:flex;align-items:center;gap:10px;padding:0 16px}
.field--phone input{flex:1;min-width:0;height:52px;border:0;background:none;outline:none;font:600 20px/1 var(--ff);text-align:left;color:var(--fg-0);word-spacing:.12em}
.field--phone input:placeholder-shown{text-align:left}
.field--phone .i{color:var(--fg-3)}
.field-err{margin-top:2px;font-size:var(--fs-label);color:var(--bad)}
.mini-label{display:flex;align-items:center;gap:6px;font-size:var(--fs-cap);font-weight:500;color:var(--fg-3)}
.switch{position:relative;width:38px;height:22px;border-radius:999px;background:var(--ink-6);flex:none;transition:background-color var(--t-base);cursor:pointer}
.switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:var(--fg-1);transition:transform var(--spr-press),background-color var(--t-base)}
.switch.is-on{background:var(--gold-a28);box-shadow:inset 0 0 0 1px var(--gold-a50)}
.switch.is-on::after{transform:translateX(-16px);background:var(--gold-400)}
.seg{position:relative;display:inline-flex;padding:3px;gap:2px;border-radius:14px;background:var(--ink-3);border:1px solid var(--hair-1);isolation:isolate;max-width:100%}
.seg--fill{display:flex;width:100%}
.seg--fill>button{flex:1}
.seg>button{position:relative;z-index:1;min-height:40px;padding:0 10px;border-radius:11px;font-size:13.5px;font-weight:500;color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:color var(--t-fast);white-space:nowrap}
.seg>button[aria-checked=true],.seg>button[aria-selected=true]{color:var(--fg-0)}
.seg>button small{font-size:12px;color:var(--fg-3);font-weight:500}
.seg>button[aria-checked=true] small{color:var(--accent-text)}
.seg__thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:0;border-radius:11px;background:var(--ink-5);box-shadow:var(--hl-top-2),0 1px 3px rgba(0,0,0,.45);transition:transform var(--spr-move),width var(--spr-move);pointer-events:none}
.seg--xs>button{min-height:32px;font-size:12.5px;padding:0 10px}
.seg--col>button{flex-direction:column;gap:0;min-height:52px;line-height:1.35}
.ar{display:inline-block;width:var(--w);height:var(--h);border:1.5px solid currentColor;border-radius:3px;opacity:.9}
.stepper{display:inline-flex;align-items:center;height:52px;border-radius:14px;background:var(--ink-3);border:1px solid var(--hair-1);padding:3px}
.stepper button{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:var(--fg-1)}
.stepper button:hover{background:var(--hair-1)}
.stepper button:disabled{color:var(--fg-4);background:none;cursor:default}
.stepper output{min-width:28px;text-align:center;font-weight:600}

/**/
.odo{display:inline-flex;align-items:flex-start;direction:ltr;unicode-bidi:isolate;height:1.25em;line-height:1.25;overflow:visible;clip-path:inset(0 -.4em);vertical-align:bottom}
.odo .c{display:inline-flex;flex-direction:column;width:.58em;text-align:center;transition:transform var(--spr-move)}
.odo .c span,.odo .s{display:block;height:1.25em}
.odo .s{width:.3em;text-align:center}
.odo .s--dec{width:.34em;transform:none}
.odo .s--th{width:.26em;transform:scale(.85);transform-origin:50% 30%}   /**/
.odo.is-pending{opacity:.45;transition:opacity var(--t-fast)}
.odo{transition:opacity var(--t-fast)}
.odo.up .c{transition:transform var(--spr-pop)}
.odo.flash{animation:odoflash .9s var(--ease-out)}

/**/
.ap{--s:28px;position:relative;display:inline-block;width:var(--s);height:var(--s);flex:none}
.ap::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--spec-conic);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:spin var(--tempo-halo) linear infinite}
.ap::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--spec-conic);filter:blur(7px);opacity:var(--spec-max-alpha);animation:spin 2.2s linear infinite reverse}
.ap>b{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fff 0,var(--gold-50) 22%,var(--gold-400) 62%,var(--gold-600) 100%);box-shadow:var(--glow-dot);animation:breathe var(--tempo-breath) var(--ease-inout) infinite alternate}
.ap--gold::before{background:conic-gradient(from 0deg,transparent 0 58%,var(--gold-400))}
.ap--gold::after{display:none}
.ap--lg{--s:64px}
.ap.is-idle::before,.ap.is-idle::after{opacity:0;animation:none}
.ap.is-idle>b{animation:none}
.ap.is-done>b{animation:coreflash .5s var(--ease-out)}
.ap.is-fail>b{background:var(--ink-7);box-shadow:none;animation:none}
.ap.is-fail::before,.ap.is-fail::after{opacity:0}
.lite .ap::after{display:none}

/**/
.coin{position:relative;width:var(--dot-s);height:var(--dot-s);flex:none;display:inline-block}
.coin b{position:absolute;inset:1px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--gold-50) 20%,var(--gold-400) 60%);box-shadow:var(--glow-dot)}
.coin.is-held::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,var(--gold-400));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.6px),#000 calc(100% - 1.2px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.6px),#000 calc(100% - 1.2px));animation:spin 1.4s linear infinite}
.island .link{min-height:0}
.toasts{position:fixed;inset-inline:0;top:calc(var(--topbar-h) + var(--safe-t) + var(--netbar-h,0px) + 8px);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}
.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-height:46px;max-width:min(520px,100%);padding:8px 8px 8px 16px;border-radius:14px;background:var(--mat-opaque);border:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-3);font-size:14px;color:var(--fg-0);animation:toastin .435s var(--spring-lively) both}
.toast .i{width:18px;height:18px;color:var(--accent-text);margin-inline-start:6px}
.toast>span{min-width:0}
.toast.ok .i{color:var(--ok)}
.toast.is-out{animation:toastout .2s var(--ease-exit) forwards}
.toast__act{min-height:34px;padding:0 12px;border-radius:10px;color:var(--accent-text);font-weight:600;font-size:13.5px;white-space:nowrap;flex:none}
.toast__act:hover{background:var(--gold-a06)}
/**/
.toast--bottom{position:fixed;inset-inline:16px;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-b) + 12px);margin-inline:auto;width:max-content;max-width:min(520px,calc(100% - 32px));animation-name:toastup}
.toast--bottom.is-out{animation-name:toastdown}
html.kb .toast--bottom{display:none}
@keyframes toastup{from{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes toastdown{to{opacity:0;transform:translateY(8px)}}

/**/
.vsep{display:inline-block;width:1px;height:.95em;background:var(--ink-7);vertical-align:-.14em;margin:0 .5em;flex:none}
.act{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;font-size:13px;color:var(--fg-2);transition:background-color var(--t-fast),color var(--t-fast),transform var(--spr-press)}
.act .i{width:17px;height:17px}
.act:hover{background:var(--hair-1);color:var(--fg-0)}
.act:active{transform:scale(.96)}
.act--chain{color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--hair-gold)}
.act--chain:hover{background:var(--gold-a06);color:var(--accent-hover)}
.act--up{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--hair-2)}
.act__p{font-weight:600;padding-inline-start:6px;margin-inline-start:2px;border-inline-start:1px solid var(--gold-a28)}
.act--up .act__p{border-color:var(--hair-2);color:var(--fg-0)}
@media (pointer:coarse){
  .act{min-height:var(--hit)}
}

/**/
.layer{position:fixed;inset:0;z-index:var(--z-sheet);pointer-events:none}
.scrim{position:fixed;inset:0;background:rgba(3,3,5,.78);opacity:0;transition:opacity var(--t-base) var(--ease-out);pointer-events:none}
.layer.has-open .scrim{opacity:1;pointer-events:auto}
.sheet{position:fixed;inset-inline:0;bottom:0;max-height:90dvh;display:flex;flex-direction:column;background:var(--ink-2);border-radius:var(--r-sheet) var(--r-sheet) 0 0;border-top:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-3);padding-bottom:var(--safe-b);transform:translateY(104%);visibility:hidden;pointer-events:auto;transition:transform var(--spr-sheet),visibility 0s linear .5s;touch-action:pan-y}
.sheet.is-open{transform:none;visibility:visible;transition:transform var(--spr-sheet),visibility 0s}
.sheet__grab{width:40px;height:5px;border-radius:3px;background:var(--ink-7);margin:8px auto 2px;flex:none}
.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px 0 var(--gutter);flex:none;cursor:grab}
.sheet__sub{padding:2px var(--gutter) 10px;font-size:var(--fs-label);color:var(--fg-2);flex:none}
.sheet__tools{padding:0 var(--gutter) 6px;flex:none}
.sheet__body{overflow:auto;overscroll-behavior:contain;padding:4px var(--gutter) 20px;display:flex;flex-direction:column;gap:10px}
.sheet--sm .sheet__body{padding-top:10px}
@media (min-width:768px){
  .sheet{inset:auto;left:50%;top:50%;bottom:auto;width:min(660px,92vw);max-height:min(800px,88vh);border-radius:24px;border:1px solid var(--hair-2);transform:translate(-50%,-47%) scale(.97);opacity:0;transition:transform var(--spr-sheet),opacity var(--t-base) var(--ease-out),visibility 0s linear .5s}
  .sheet.is-open{transform:translate(-50%,-50%);opacity:1;transition:transform var(--spr-sheet),opacity var(--t-base) var(--ease-out),visibility 0s}
  .sheet--sm{width:min(480px,92vw)}
  .sheet__grab{visibility:hidden;height:2px}
  .sheet__head{cursor:default;padding-top:10px}
}
.mrow__radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-7);display:grid;place-items:center}

/**/
.studio{display:grid;gap:26px;padding:10px var(--gutter) 24px;max-width:1440px;margin:0 auto}
.studio__panel{display:flex;flex-direction:column;gap:18px;min-width:0;overflow-y:clip;overflow-x:visible}
.studio__head{display:flex;flex-direction:column;gap:4px}
.studio__head .muted{font-size:var(--fs-sm)}
.studio__body{display:flex;flex-direction:column;gap:20px;min-width:0}
.studio__canvas{min-width:0;display:flex;flex-direction:column;gap:14px}
.canvas-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ctrl{display:flex;flex-direction:column;gap:8px;min-width:0}
.ctrl__label{font-size:var(--fs-label);font-weight:600;color:var(--fg-1)}
.ctrl__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ctrl--split{flex-direction:row;gap:12px;align-items:flex-end}
.ctrl__grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.pcard{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--r-card);background:var(--mat-card);border:1px solid var(--hair-2);box-shadow:var(--hl-top),var(--sh-1);transition:border-color var(--t-base),box-shadow var(--t-base)}
.pcard:focus-within{border-color:var(--hair-3);box-shadow:var(--hl-top),0 0 0 4px rgba(255,194,74,.04)}
/**/
@media (hover:hover){
  .app .composer:has(:focus-visible),.app .pcard:has(textarea:focus-visible,input:focus-visible){border-color:var(--gold-a50);box-shadow:var(--hl-top-2),0 0 0 3px var(--gold-a16)}
}
.pcard__sep{height:1px;background:var(--hair-1);margin:4px -14px}
.prompt{display:block;width:100%;resize:none;min-height:84px;border:0;outline:none;background:none;font-size:16px;line-height:1.75;color:var(--fg-0);padding:2px;unicode-bidi:plaintext}
.enhance{border-radius:12px;background:rgba(255,255,255,.02);border:1px solid var(--hair-1);margin-top:4px}
.enhance summary{display:flex;align-items:center;gap:10px;min-height:var(--hit);padding:0 12px;cursor:pointer;list-style:none;font-size:13.5px;color:var(--fg-1)}
.enhance summary::-webkit-details-marker{display:none}
.enhance__chev{margin-inline-start:auto;color:var(--fg-3);transition:transform var(--spr-move)}
.enhance[open] .enhance__chev{transform:rotate(180deg)}
.enhance__out{margin:0;padding:0 14px 12px;font:400 12.5px/1.7 var(--ff-mono);color:var(--fg-2);white-space:pre-wrap;text-align:left}
.enhance--plain{background:none;border:0;margin:0}
.enhance--plain summary{padding:0;min-height:36px;font-size:13px;color:var(--fg-3)}
.enhance--plain .enhance__out{padding:4px 0 0}
.cta-bar{--dock-b:calc(var(--tabbar-h) + var(--tabbar-gap) + 10px + var(--safe-b));position:sticky;bottom:var(--dock-b);z-index:4;display:flex;flex-direction:column;gap:6px;padding-top:8px;transform:translateY(calc(var(--shift,0px) * -1));transition:transform var(--spr-sheet)}
.cta-bar::before{content:"";position:absolute;inset:-30px calc(var(--gutter) * -1) -140px;z-index:-1;background:linear-gradient(rgba(5,5,7,0),rgba(5,5,7,.9) 26px,var(--void) 40px);pointer-events:none}
html.kb .cta-bar{--shift:max(0px,calc(8px + var(--kb) - var(--dock-b)))}   /**/
html.kb .cta-bar .cta-note,html.kb .cta-bar .cta-sum{display:none}
html.kb .cta-bar .btn-molten{min-height:44px}
.cta-note{font-size:12px;color:var(--fg-3);text-align:center;min-height:19px;line-height:1.6;transition:opacity var(--t-fast)}
.cta-note b{color:var(--fg-1);font-weight:600}
.sumchip{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:12px;background:var(--ink-3);border:1px solid var(--hair-1);font-size:12.5px;color:var(--fg-1);text-align:start;transition:opacity var(--t-fast),border-color var(--t-fast)}
.sumchip .i{width:16px;height:16px;color:var(--accent-text)}
.sumchip span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sumchip em{font-style:normal;color:var(--accent-text);font-weight:500}
.cta-bar.is-compact .cta-note{display:none}
.receipt{border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--hair-1);font-size:13px}
.receipt__sum{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;cursor:pointer;list-style:none;color:var(--fg-1)}
.receipt__sum::-webkit-details-marker{display:none}
.receipt__sum b{font-family:var(--ff-num);font-weight:800;color:var(--fg-0)}
.receipt__after{margin-inline-start:auto;color:var(--fg-2);white-space:nowrap}
.receipt__after em{font-style:normal;color:var(--accent-text)}
.receipt__chev{color:var(--fg-3);transition:transform var(--spr-move);flex:none}
.receipt[open] .receipt__chev{transform:rotate(180deg)}
.receipt__sum.is-pending{opacity:.5}
.receipt dl{display:flex;flex-direction:column;gap:6px;padding:4px 14px 12px}
.receipt div{display:flex;justify-content:space-between;gap:10px}
.receipt dt{color:var(--fg-2)}
.receipt dd{color:var(--fg-0);font-weight:500;text-align:end}
.receipt dd b{font-family:var(--ff-num);font-weight:800}
.receipt .is-sum{padding-top:6px;border-top:1px solid var(--hair-1)}
.t-gold{color:var(--accent-text)}
.results{columns:2 150px;column-gap:10px}
.results--v{columns:2 140px}
.rtile{position:relative;display:block;width:100%;break-inside:avoid;margin-bottom:10px;text-align:start;transition:transform var(--spr-press)}
.rtile:active{transform:scale(.98)}
.rtile__m{position:relative;display:block;border-radius:var(--r-tile);overflow:hidden;background:var(--ink-3);box-shadow:0 0 0 1px var(--hair-1);transition:box-shadow var(--t-fast)}
.rtile:hover .rtile__m{box-shadow:0 0 0 1px var(--hair-3)}
.rtile__m img,.rtile__m video{width:100%;aspect-ratio:var(--ar,1);object-fit:cover}
.rtile.is-new .rtile__m{animation:tilein .36s var(--spring-bouncy) both}
.cap-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 2px 0;font-size:12px;color:var(--fg-3);line-height:1.5}
.cap-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:5px}
.cap-row .i{width:14px;height:14px}
.cap-row bdi{font-family:var(--ff-num);font-weight:800;color:var(--accent-text);font-size:12.5px;flex:none}
.play-badge{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--mat-badge);color:#fff;box-shadow:0 0 0 1px var(--hair-3);transition:opacity var(--t-fast)}
.play-badge .i{width:19px;height:19px;margin-inline-start:2px}
.is-playing .play-badge{opacity:0}

/**/
.hairbar{height:3px;border-radius:2px;background:var(--hair-1);overflow:hidden}
.hairbar i{display:block;height:100%;border-radius:2px;background:linear-gradient(270deg,var(--gold-300),var(--gold-500));transform-origin:right;transform:scaleX(var(--p,0));transition:transform .5s var(--ease-out)}
.gen__acts{display:flex;flex-wrap:wrap;gap:8px}
.gen__acts .btn-quiet{flex:1 1 auto}
.chain{display:grid;gap:8px}
.chain__i{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;background:var(--mat-card);border:1px solid var(--hair-1);box-shadow:var(--hl-top);font-size:14px;font-weight:500;text-align:start;transition:transform var(--spr-press),border-color var(--t-fast)}
.chain__i:hover{border-color:var(--hair-3)}
.chain__i:active{transform:scale(.98)}
.chain__i .i{color:var(--accent-ink);--dot:var(--gold-50)}
.chain__i span{flex:1;display:flex;flex-direction:column;line-height:1.45}
.chain__i small{font-size:12px;font-weight:400;color:var(--fg-3)}
.chain__i bdi{font-family:var(--ff-num);font-size:14px;font-weight:800;color:var(--accent-text)}
.chain__i bdi::after{content:" اعتبار";font-family:var(--ff);font-weight:400;color:var(--fg-3);font-size:12px}
@media (hover:hover){
  .lit{--mx:50%;--my:-40%}
  .lit::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,214,140,.08),transparent 60%);opacity:0;transition:opacity var(--t-base)}
  .lit:hover::after{opacity:1}
}

/**/
.orb{position:relative;width:44px;height:44px;border-radius:50%;flex:none;background:radial-gradient(circle,var(--gold-50) 0,var(--o2) 18%,rgba(0,0,0,0) 68%),#07070A;box-shadow:0 0 24px -6px var(--o2);transition:transform 90ms linear}
.orb::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--o2);opacity:0}
.player{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:var(--r-card);background:var(--mat-card);border:1px solid var(--hair-2);box-shadow:var(--hl-top),var(--sh-2)}
.player__top{display:flex;align-items:center;gap:14px}
.play{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--fg-0);color:var(--void);flex:none;transition:transform var(--spr-pop)}
.play:active{transform:scale(.9)}
.play:disabled{background:var(--ink-5);color:var(--fg-4);cursor:default}
.play:disabled:active{transform:none}
.play .i{width:22px;height:22px}
.player__meta{flex:1;min-width:0}
.player__t{font-size:15.5px;font-weight:600}
.player__time{font-size:12.5px;font-weight:500;color:var(--fg-3);white-space:nowrap}
.wave{display:flex;align-items:center;justify-content:space-between;gap:2px;height:72px;direction:ltr;cursor:pointer}
.wave i{flex:0 0 3px;height:100%;border-radius:2px;background:rgba(255,194,74,.22);transform:scaleY(var(--h,.08));transition:transform var(--spr-pop),background-color .2s;transition-delay:calc(var(--i,0) * 6ms),0s}
.wave i.is-played{background:var(--gold-400)}
.wave.is-gen i{animation:bar .9s var(--ease-inout) infinite alternate;animation-delay:calc(var(--i,0) * -83ms);background:var(--gold-a50)}
.player__acts{display:flex;flex-wrap:wrap;gap:8px}
.player__acts .btn-quiet{flex:1 1 auto}
.player.is-gen .player__acts,.player.is-gen .play{opacity:.35;pointer-events:none}

/**/
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.packs--col{grid-template-columns:1fr}
.pack{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;text-align:start;background:var(--mat-card);border:1px solid var(--hair-1);box-shadow:var(--hl-top);transition:transform var(--spr-press),border-color var(--t-fast),box-shadow var(--t-fast)}
.pack:hover{border-color:var(--hair-3)}
.pack:active{transform:scale(.98)}
.pack[aria-checked=true]{border-color:var(--gold-a50);box-shadow:var(--ring-gold),var(--hl-top)}
.pack__price{font-family:var(--ff-num);font-size:22px;font-weight:800;line-height:1.35}
.pack__price small{font-family:var(--ff);font-size:13px;font-weight:500;color:var(--fg-2);margin-inline-start:2px}
.pack__cr{font-size:13.5px;color:var(--fg-1)}
.pack__cr b{font-weight:600;color:var(--fg-0)}
.pack__cr em{font-style:normal;color:var(--accent-text);font-weight:600}
.pack__total{font-size:12px;color:var(--fg-3);white-space:nowrap}
.pack__bonus{display:inline-flex;align-self:flex-start;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--accent-text);background:var(--gold-900);border:1px solid var(--gold-a28);white-space:nowrap}
.pack__worth{font-size:12px;color:var(--fg-3);line-height:1.6;margin-top:4px}
@media (max-width:767px){
  .packs:not(.packs--col){grid-template-columns:1fr}
}
.packs--col .pack{display:grid;grid-template-columns:20px 1fr auto;grid-template-areas:"ra pr bo" "ra cr bo" ". wo wo";align-items:center;gap:2px 12px}
.packs--col .pack .mrow__radio{grid-area:ra}
.packs--col .pack__price{grid-area:pr}
.packs--col .pack__cr{grid-area:cr}
.packs--col .pack__bonus{grid-area:bo;align-self:center}
.packs--col .pack__worth{grid-area:wo;margin:0}
.packs--col .pack[aria-checked=true] .mrow__radio{border-color:var(--accent-ink)}
.packs--col .pack[aria-checked=true] .mrow__radio::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-50);box-shadow:var(--glow-dot)}
.settings{display:flex;flex-direction:column;border-radius:18px;background:var(--mat-card);border:1px solid var(--hair-1);box-shadow:var(--hl-top);overflow:hidden}
.set{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:60px;padding:10px 14px;text-align:start;border-bottom:1px solid var(--hair-1);transition:background-color var(--t-fast)}
.set:last-child{border-bottom:0}
.set:hover{background:rgba(255,255,255,.025)}
.set__ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ink-4);color:var(--fg-2)}
.set__ic .i{width:18px;height:18px}
.set__t{font-size:14px;font-weight:500;line-height:1.45}
.set__t small{display:block;font-size:12px;font-weight:400;color:var(--fg-3);line-height:1.5}
.set__e{color:var(--fg-3);display:flex;align-items:center}
.set__e .i{width:18px;height:18px;transform:rotate(90deg)}

/**/
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:relative}
.steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--fg-3);text-align:center;cursor:default}
.steps li::before{content:"";position:absolute;top:11px;inset-inline-start:calc(50% + 14px);width:calc(100% - 28px + 4px);height:1.5px;background:var(--ink-6)}
.steps li:last-child::before{display:none}
.steps li.is-done{cursor:pointer}
.steps li.is-done::before{background:var(--gold-a50)}
.steps li i{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ink-7);display:grid;place-items:center;background:var(--void);position:relative;z-index:1;transition:border-color var(--t-base),background-color var(--t-base),box-shadow var(--t-base)}
.steps li.is-cur{color:var(--fg-0)}
.steps li.is-cur i{border-color:var(--accent-ink);box-shadow:0 0 12px -2px rgba(255,194,74,.5)}
.steps li.is-cur i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-50);box-shadow:var(--glow-dot)}
.steps li.is-done{color:var(--fg-2)}
.steps li.is-done i{background:var(--gold-400);border-color:var(--accent-ink)}
.steps li.is-done i::after{content:"";width:9px;height:5px;border-left:2px solid var(--on-gold);border-bottom:2px solid var(--on-gold);transform:translateY(-1px) rotate(-45deg)}
.support{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.celebrate{position:fixed;inset:0;z-index:var(--z-celebrate);display:grid;place-items:center;background:rgba(2,2,4,.76);animation:fadein .3s var(--ease-out)}
.celebrate__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cel-card{position:relative;width:min(370px,90vw);display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 24px 22px;border-radius:28px;text-align:center;background:radial-gradient(100% 70% at 50% 0%,rgba(255,194,74,.16),transparent 60%),var(--mat-card);border:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-3),0 0 80px -20px rgba(255,194,74,.35);animation:celin .5s var(--spring-bouncy) both}
.cel-mark{position:relative;width:62px;height:80px;margin-bottom:10px}
.cel-mark .mark{width:62px;height:80px}
.cel-ring{position:absolute;left:50%;top:62%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:var(--spec-conic);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));animation:burstring 1.1s var(--ease-out) .2s both}
.cel-num{direction:ltr;font-family:var(--ff-num);font-size:56px;font-weight:800;line-height:1.15;color:var(--accent-text);filter:drop-shadow(0 0 22px rgba(255,194,74,.35));display:flex;align-items:center}
.cel-num::before{content:"+";margin-inline-end:4px;font-weight:500;opacity:.7}
.cel-card .btn-molten{margin-top:14px}
.fly{position:fixed;z-index:var(--z-celebrate);top:0;left:0;height:26px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;font-family:var(--ff-num);font-size:13px;font-weight:800;direction:ltr;color:var(--on-gold);background:var(--gold-300);box-shadow:0 6px 18px -6px rgba(255,170,40,.7);pointer-events:none;will-change:transform}
.fly.up{background:var(--ok);color:var(--on-ok)}
.palette{position:fixed;left:50%;top:14vh;width:min(600px,94vw);max-height:70vh;display:flex;flex-direction:column;border-radius:20px;background:var(--ink-2);border:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-3);transform:translate(-50%,-8px) scale(.98);opacity:0;visibility:hidden;pointer-events:auto;transition:transform var(--spr-move),opacity var(--t-fast),visibility 0s linear .3s;overflow:hidden}
.palette.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform var(--spr-move),opacity var(--t-fast),visibility 0s}
.palette__in{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--hair-1);color:var(--fg-3)}
.palette__in input{flex:1;height:58px;border:0;outline:none;background:none;font-size:16px;color:var(--fg-0)}
.palette__list{overflow:auto;padding:6px}
.pal-g{font-size:12px;color:var(--fg-3);padding:10px 12px 4px}
.pal-i{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;border-radius:12px;text-align:start;font-size:14.5px;color:var(--fg-1)}
.pal-i .i{width:19px;height:19px;color:var(--fg-3)}
.pal-i span{flex:1}
.pal-i .pal-t{display:flex;flex-direction:column;min-width:0;gap:1px}
.pal-i .pal-t small{font-size:12px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pal-i .pal-meta{flex:none;font-size:13px;color:var(--fg-2)}
.pal-th{width:30px;height:30px;border-radius:7px;object-fit:cover;background:var(--ink-3);flex:none}
.pal-i.is-act{background:rgba(255,255,255,.05);color:var(--fg-0);box-shadow:inset -2px 0 0 var(--gold-400)}
.pal-i.is-act .i{color:var(--accent-ink)}
.palette__foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--hair-1);font-size:12px;color:var(--fg-3)}
.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(160deg,#2B2B3A,#15151F);box-shadow:inset 0 0 0 1px var(--hair-2);font-weight:600;color:var(--fg-1);flex:none}
.avatar--lg{width:52px;height:52px;font-size:20px}

/**/
@media (min-width:1024px){
  .toasts{padding-inline-start:var(--rail-w)}
  .toast--bottom,html:has(.scr.is-on .cta-bar) .toast--bottom{bottom:24px;inset-inline:calc(var(--rail-w) + 16px) 16px}
  .studio{grid-template-columns:var(--panel-w) minmax(0,1fr);align-items:start;gap:32px;padding:20px 32px 32px}
  .studio__panel{position:sticky;top:calc(var(--topbar-h) + 14px);height:calc(100dvh - var(--topbar-h) - 32px);gap:0;border-radius:24px;background:var(--mat-card);border:1px solid var(--hair-2);box-shadow:var(--hl-top-2),var(--sh-2);overflow:hidden}
  .studio__panel .studio__head{padding:20px 20px 12px;border-bottom:1px solid var(--hair-1)}
  .studio__panel .display{font-size:34px}
  .studio__body{flex:1;overflow:auto;overscroll-behavior:contain;padding:16px 20px 20px;gap:20px;scrollbar-width:thin}
  .studio__body .pcard{background:var(--ink-3)}
  .cta-bar{position:static;padding:14px 20px 16px;border-top:1px solid var(--hair-1);background:var(--ink-2);gap:10px}
  .cta-bar::before{display:none}
  .studio__canvas{padding-top:6px}
  .results{columns:3 180px;column-gap:16px}
  .results--v{columns:3 170px}
  .rtile{margin-bottom:16px}
}
@media (min-width:768px) and (max-width:1023px){
  .studio{max-width:720px}
  .results{columns:3 160px}
}

/**/
@media (prefers-reduced-motion:reduce){
  .ap::before,.ap::after,.btn-molten.sweep::after,.coin.is-held::before{animation:none!important}
  .ap>b{animation:none!important}
  .wave.is-gen i{animation:none!important;transform:scaleY(.3)}
  .ap::before{background:conic-gradient(from 0deg,transparent 0 58%,var(--gold-400))}
  .ap::after{display:none}
}

/**/
.field-err--box{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;background:var(--bad-bg);line-height:1.7}
.field-err--box .i{margin-top:3px;flex:none}
.chip{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:var(--mat-opaque);border:1px solid var(--hair-2);font-size:13px;color:var(--fg-1);white-space:nowrap;scroll-snap-align:start;transition:border-color var(--t-fast),color var(--t-fast),transform var(--spr-press)}
.chip:hover{border-color:var(--hair-3);color:var(--fg-0)}
.chip:active{transform:scale(.97)}
.pcard .mini-label{margin-bottom:2px}
.cta-bar .btn-molten{min-height:58px;justify-content:space-between;padding:0 18px;gap:12px}
.cta-l{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1;line-height:1.2;text-align:start}
.cta-sum{display:block;max-width:100%;font-size:11.5px;font-weight:500;opacity:.74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cta-sum__i{width:12px;height:12px;vertical-align:-2px}
.btn-molten .vsep{background:rgba(20,13,0,.3);margin:0 .4em}
.btn-molten[aria-busy=true]:disabled{background:var(--mat-molten);color:var(--on-gold);box-shadow:var(--sh-molten);opacity:.8;cursor:progress}
.btn-molten[aria-busy=true]{cursor:progress}
.btn-molten.is-armed .cta-p{opacity:.6}   /**/
.btn-molten:disabled .cta-sep{background:var(--hair-2)}
.cta-note.is-pending{opacity:.5}
.cta-note .link--in{display:inline;min-height:0;padding-block:10px;margin-block:-10px;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.skel{display:inline-block;height:.9em;max-width:100%;border-radius:6px;vertical-align:middle;background:linear-gradient(90deg,rgba(255,255,255,.05) 0 35%,rgba(255,236,200,.12) 50%,rgba(255,255,255,.05) 65% 100%);background-size:300% 100%;animation:shim 1.6s linear infinite}
@media (pointer:coarse){
  .icon-btn--sm,.sumchip,.seg>button,.enhance--plain summary,.chip{min-height:44px}
  .icon-btn--sm{min-width:44px;width:44px;height:44px}
  .link{padding-block:10px;margin-block:-10px}
}
@media (min-width:1024px){
  .cta-bar .btn-molten{min-height:56px}
  .cta-note{display:none}
  .cta-note.is-alert{display:block}
  .receipt dl{padding-top:0}
  .sheet--models{width:min(880px,92vw)}
  .scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
@media (min-width:1024px) and (max-height:880px){
  .studio__head p,.studio__head .eyebrow{display:none}
  .studio__panel .studio__head{padding:14px 20px 10px}
  .studio__panel .display{font-size:28px}
  .receipt dl,.receipt__chev{display:none}
  .receipt__sum{pointer-events:none;min-height:38px}
  .cta-note{display:none!important}
  .cta-bar{padding:10px 16px 12px}
}
@media (min-width:1024px){
  .studio__body{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),transparent);mask-image:linear-gradient(#000 calc(100% - 28px),transparent)}
}
@media (prefers-reduced-motion:reduce){
  .skel{animation:none!important}
}
@media (pointer:coarse){
  .seg>button{min-width:44px}
}

/**/
@keyframes sweep{0%{transform:translateX(75%)}14%,100%{transform:translateX(-75%)}}
@keyframes odoflash{20%{color:var(--accent-text)}}
@keyframes coreflash{40%{transform:scale(1.35);box-shadow:0 0 22px 6px rgba(255,194,74,.7)}}
@keyframes toastin{from{opacity:0;transform:translateY(-12px) scale(.98)}}
@keyframes toastout{to{opacity:0;transform:translateY(-8px)}}
@keyframes bar{from{transform:scaleY(.08)}to{transform:scaleY(var(--amp,.6))}}
@keyframes celin{from{transform:translateY(30px) scale(.9);opacity:0}}
@keyframes burstring{0%{transform:scale(.25) rotate(0);opacity:0}25%{opacity:1}100%{transform:scale(1.5) rotate(.35turn);opacity:0}}

/**/
.cap-row .cap-t{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/**/
.mono{font-family:var(--ff-mono);font-size:.93em;letter-spacing:.01em}
.nw{white-space:nowrap;unicode-bidi:isolate}
.ap-x{color:var(--fg-3)}
.gold{color:var(--gold-300)}
.is-gone{opacity:0;transform:translateY(-6px);transition:opacity .22s var(--ease-exit),transform .22s var(--ease-exit)}
.link--in{display:inline;min-height:0;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.sec-mini{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--fg-2);margin-top:4px}
.sec-mini .i{color:var(--fg-3)}
/**/
@media (min-width:768px){.sheet--md{width:min(560px,92vw)}}
.layer .sheet.is-open[inert]{transform:translateY(-14px) scale(.94);transform-origin:50% 0;transition:transform var(--spr-sheet)}
.layer .sheet.is-open[inert]::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:rgba(3,3,5,.62);pointer-events:none}
@media (min-width:1024px){.layer .sheet.is-open[inert]{transform:translate(-50%,-52%) scale(.95)}}
/**/
.emb{--sz:46px;--lit:.08;position:relative;display:inline-grid;place-items:center;width:var(--sz);height:var(--sz);border-radius:15px;flex:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--gold-400) calc(var(--lit) * 100%),transparent),color-mix(in srgb,var(--gold-400) 0%,transparent) 88%),linear-gradient(180deg,var(--ink-4),var(--ink-2));
  box-shadow:inset 0 0 0 1px var(--hair-1),var(--hl-top)}
.emb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.emb--spark{--lit:.05}.emb--beam{--lit:.08}.emb--glow{--lit:.11}.emb--spot{--lit:.14}.emb--sun{--lit:.18}
.emb--xs{--sz:24px;border-radius:7px}.emb--sm{--sz:34px;border-radius:11px}.emb--lg{--sz:58px;border-radius:19px}.emb--xl{--sz:92px;border-radius:30px}
.emb--dim img{opacity:.38;filter:saturate(0)}
/**/
.nbox{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;background:var(--ink-2);border:1px solid var(--hair-2);font-size:13.5px;line-height:1.8;color:var(--fg-1)}
.nbox>.i{color:var(--gold-300);margin-top:3px;width:18px;height:18px;flex:none}
.nbox b{color:var(--fg-0);font-weight:600}
.nbox--gold{background:linear-gradient(180deg,color-mix(in srgb,var(--gold-400) 7.5%,transparent),color-mix(in srgb,var(--gold-400) 4%,transparent));border-color:var(--gold-a28);color:var(--gold-100)}
.nbox--soft{background:color-mix(in srgb,var(--fg-0) 2%,transparent)}
.pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--fg-2);background:color-mix(in srgb,var(--fg-0) 4%,transparent);border:1px solid var(--hair-2);white-space:nowrap}
.pill .i{width:13px;height:13px;stroke-width:2.2}
.pill--ok{color:var(--ok);background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}
.pill--gold{color:var(--gold-200);background:var(--gold-a10);border-color:var(--gold-a28)}
.pill--warn{color:var(--gold-200);background:var(--gold-900);border-color:var(--gold-a28)}
.pill .pdot{width:7px;height:7px}
.okdot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px color-mix(in srgb,var(--ok) 60%,transparent)}
.okv{display:inline-flex;align-items:center;gap:3px;color:var(--ok);font-size:12.5px;font-weight:600;white-space:nowrap}
.okv .i{width:14px;height:14px;stroke-width:2.4}
.warnv{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:12px;font-weight:600;color:var(--gold-200);background:var(--gold-a10);border:1px solid var(--gold-a28)}
.soon{font-style:normal;display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-inline-start:4px;border-radius:999px;font-size:12px;font-weight:600;color:var(--gold-300);background:var(--gold-a06);border:1px solid var(--gold-a16);vertical-align:1px}
.meter{display:inline-flex;gap:3px;flex:none}
.meter i{width:6px;height:6px;border-radius:50%;background:var(--ink-6)}
.meter i.on{background:var(--gold-400);box-shadow:0 0 6px color-mix(in srgb,var(--gold-400) 45%,transparent)}
.fx{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold-a10);color:var(--gold-300);flex:none}
.fx .i{width:12px;height:12px;stroke-width:2.6}
.fx--off{background:none;color:var(--fg-4);font-weight:600;font-size:14px}
.lockpill{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--gold-200);background:var(--gold-a10);border:1px solid var(--gold-a28)}
/**/
.ladder{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:3px;padding:4px;border-radius:18px;background:color-mix(in srgb,var(--ink-2) 94%,transparent);border:1px solid var(--hair-2);box-shadow:var(--hl-top),0 10px 24px -14px var(--void)}
.lad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:52px;padding:6px 2px;border-radius:14px;color:var(--fg-2);transition:background-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--spr-press)}
.lad:active{transform:scale(.96)}
.lad:disabled{opacity:.4;cursor:not-allowed}
.lad__n{font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}
.lad__p{font-size:12px;color:var(--fg-3);line-height:1.35;white-space:nowrap}
.lad__p b{font-family:var(--ff-num);font-weight:800;font-size:14px;color:var(--fg-1)}
.lad:is([aria-selected=true],[aria-checked=true]){background:linear-gradient(180deg,var(--ink-5),var(--ink-4));color:var(--fg-0);box-shadow:inset 0 0 0 1px var(--gold-a50),var(--hl-top-2),0 0 18px -6px color-mix(in srgb,var(--gold-400) 40%,transparent)}
.lad:is([aria-selected=true],[aria-checked=true]) .lad__p b{color:var(--gold-200)}
.lad.is-rec::after{content:"";position:absolute;top:6px;inset-inline-end:7px;width:5px;height:5px;border-radius:50%;background:var(--gold-400);box-shadow:var(--glow-dot)}
.lad.is-cur::before{content:"";position:absolute;top:5px;inset-inline-start:7px;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fg-2)}
.lad:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}
/**/
.ptl{display:flex;align-items:stretch;gap:6px;padding:10px;border-radius:16px;background:color-mix(in srgb,var(--fg-0) 2%,transparent);border:1px solid var(--hair-1)}
.ptl__s{flex:var(--w) 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--ink-3);border:1px solid var(--hair-1)}
.ptl__s b{display:block;font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptl__s span{display:block;font-size:12px;color:var(--fg-3);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptl__s>div{min-width:0}
.ptl__s--cur{background:linear-gradient(180deg,var(--ink-4),var(--ink-3))}
.ptl__s--new{border-color:var(--gold-a50);background:linear-gradient(180deg,color-mix(in srgb,var(--gold-400) 10%,transparent),color-mix(in srgb,var(--gold-400) 4%,transparent));box-shadow:0 0 18px -8px color-mix(in srgb,var(--gold-400) 50%,transparent)}
.ptl__s--next{border-style:dashed;border-color:var(--ink-7);background:transparent}
@media (max-width:767px){.ptl__s{flex:1 1 0}}
.ptl__arrow{align-self:center;width:14px;height:14px;flex:none;background:var(--fg-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}

/**/
.pg__ctx{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border-radius:14px;background:var(--ink-3);border:1px solid var(--hair-1);font-size:13px;color:var(--fg-2)}
.pg__ctx b{color:var(--fg-0);font-weight:600}
.pg__ctx>span:nth-child(2){flex:1;min-width:0}
.pg__dots{display:flex;gap:5px;flex:none}
.pg__dots i{width:7px;height:7px;border-radius:50%;background:var(--ink-6);transition:width var(--spr-move),background-color var(--t-base)}
.pg__dots i.is-done{background:var(--gold-a50)}
.pg__dots i.is-cur{width:18px;border-radius:4px;background:var(--gold-400);box-shadow:var(--glow-dot)}
.pg__step{display:flex;flex-direction:column;gap:12px}
.pg__step[hidden]{display:none}
.pg__why{font-size:14.5px;line-height:1.95;color:var(--fg-1)}
.pg__h{margin-top:4px}
.pg .field-label{margin:4px 0 -4px}
.pg--done .pg__ok{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:14px 0 6px}
.okring{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold-400) 22%,transparent),color-mix(in srgb,var(--gold-400) 0%,transparent) 70%),var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--gold-400),0 0 34px -6px color-mix(in srgb,var(--gold-400) 65%,transparent);color:var(--gold-200);animation:okpop .5s var(--spring-bouncy) both}
.okring .i{width:34px;height:34px;stroke-width:2.2}
.okring::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--gold-a50);animation:orbripple 1.4s var(--ease-out) .2s 2 both}
@keyframes okpop{from{transform:scale(.6);opacity:0}}
.pg__gift{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold-400) 8%,transparent),color-mix(in srgb,var(--gold-400) 3%,transparent));border:1px solid var(--gold-a28);font-size:13.5px;line-height:1.7;color:var(--gold-100)}
.pg__gift .i{color:var(--gold-300);flex:none}
.pg__gift b{color:var(--gold-50);font-weight:600}
.pg__cont{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13.5px;color:var(--fg-2);padding:6px 0 4px}
.pg__cont .ap{--s:20px}
.pg .auth-box{margin-top:2px}
.cf p{font-size:14px;line-height:1.95;color:var(--fg-1)}
.cf__map{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:4px 0}
.cf__acc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;border-radius:18px;background:var(--ink-3);border:1px solid var(--hair-1);text-align:center;min-width:0}
.cf__acc b{font-size:13px;font-weight:600;margin-top:4px}
.cf__acc span{font-size:12.5px;color:var(--fg-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf__acc--b{border-color:var(--gold-a50);box-shadow:var(--ring-gold);background:var(--mat-card-lit)}
.cf__av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink-4);box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--fg-2)}
.cf__av .i{width:20px;height:20px}
.cf__av .mark{width:15px;height:20px}
.cf__arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold-a10);color:var(--gold-300);font-style:normal}
.cf__arrow .i{width:16px;height:16px;stroke-width:2.2}
.cf__arrow.is-x{background:var(--ink-4);color:var(--fg-3)}

/**/
.pw .pay__gap{margin-top:2px}
.pw__sel{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--mat-card-lit);border:1px solid var(--gold-a28);box-shadow:var(--hl-top)}
.pw__sel>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pw__sel b{font-size:15px;font-weight:600}
.pw__sel span{font-size:12.5px;color:var(--fg-2);line-height:1.7}
.pw__over{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--gold-a06);border:1px solid var(--gold-a28);font-size:13.5px;line-height:1.75;color:var(--gold-100)}
.pw__over .i{color:var(--gold-300);margin-top:3px;flex:none}
.pw__cmp{align-self:center}
.pw__open{display:flex;align-items:center;gap:10px;text-decoration:none}
.pw__open span:nth-child(2){flex:1}
.pw__open b{color:var(--fg-0)}
.pr{gap:12px}
.pr .lede{max-width:none}
.ag__facts{display:flex;flex-wrap:wrap;gap:6px}
.ag__facts li{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;color:var(--fg-1);background:color-mix(in srgb,var(--fg-0) 3.5%,transparent);border:1px solid var(--hair-1)}
.ag__facts .i{color:var(--gold-300)}

/**/
.tb-login{gap:6px}
.tb-login .i{width:17px;height:17px}
.app[data-bare] .topbar,.app[data-bare] .tabbar,.app[data-bare] .rail{display:none}
.app[data-bare] .stage{padding:0}
@media (min-width:1024px){.app[data-bare] .stage{margin-inline-start:0}}
@media (prefers-reduced-motion:reduce){
  .okring,.okring::after{animation:none!important}
  .layer .sheet.is-open[inert]{transition:none}
}
/**/
.sheet__body:is(.ck,.pw,.pg,.pr,.cf)>*{flex-shrink:0}
/**/
.agent-island{position:sticky;top:calc(var(--topbar-h) + var(--safe-t));z-index:var(--z-chrome);display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 20px;border-block:1px solid var(--hair-gold);background:var(--ink-2);color:var(--fg-0);text-decoration:none}
.agent-island[hidden]{display:none}.agent-island>span:last-child{display:grid;gap:2px;min-width:0}.agent-island strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-island small{font-size:12px;color:var(--fg-2)}.agent-island .i{color:var(--gold-300)}
@media(min-width:1024px){.agent-island{margin-inline-start:var(--rail-w);padding-inline:var(--s-8)}}
@media(max-width:600px){.empty__make:has(.mk--agent){grid-template-columns:repeat(2,minmax(0,1fr))}}