/* Shared Codexy visual system: warm paper, ink, copper and quiet borders. */
:root,.router-home{--r-paper:#fcfcf8;--r-panel:#fffffc;--r-soft:#f3f2ec;--r-ink:#292b25;--r-muted:#7b7e71;--r-line:#e4e5db;--r-accent:#a67652;--r-tint:#f4ece2;--r-code:#f4f3ed;--r-shadow:0 16px 45px #3b392309}
.router-home{color-scheme:light}
html[data-theme="dark"]{--r-paper:#191a17;--r-panel:#20221d;--r-soft:#272a23;--r-ink:#e7e8dd;--r-muted:#a0a392;--r-line:#393d31;--r-accent:#d4ad83;--r-tint:#302b23;--r-code:#252820;--r-shadow:0 16px 45px #0002}
html body.router-system:not(.router-home){--ink:var(--r-ink);--muted:var(--r-muted);--paper:var(--r-paper);--card:var(--r-panel);--line:var(--r-line);--line-strong:var(--r-line);--green:var(--r-accent);--green-deep:var(--r-accent);--blue:var(--r-accent);--accent:var(--r-accent);--admin-bg:var(--r-paper);--admin-panel:var(--r-panel);--admin-panel-2:var(--r-soft);--admin-line:var(--r-line);--admin-text:var(--r-ink);--admin-muted:var(--r-muted);--admin-blue:var(--r-accent);--admin-blue-strong:var(--r-accent);color:var(--r-ink);background:var(--r-paper);font-family:Inter,"Segoe UI",Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.router-system:not(.router-home)::before{display:none}
.router-system :focus-visible{outline:2px solid var(--r-accent);outline-offset:3px}
.router-system [hidden]{display:none!important}
html .router-system :is(.button,.text-button,.theme-toggle,.language-switch button){border-radius:4px;box-shadow:none;transition:background .18s,color .18s,border-color .18s}
html .router-system .button.primary{background:var(--r-ink);border-color:var(--r-ink);color:var(--r-paper);text-shadow:none;box-shadow:none}
html .router-system .button.primary:hover{background:var(--r-accent);border-color:var(--r-accent);color:#fff;transform:translateY(-1px)}
html .router-system :is(.button.secondary,.button.ghost,.theme-toggle,.language-switch){background:var(--r-panel);border-color:var(--r-line);color:var(--r-muted);box-shadow:none}
html .router-system .language-switch button.active{background:var(--r-tint);color:var(--r-accent)}
html .router-system .eyebrow{color:var(--r-accent);font-weight:550;letter-spacing:.13em}
html .router-system:not(.router-home) :is(h1,h2,h3,h4){color:var(--r-ink);letter-spacing:-.035em}
html .router-system :is(input:not([type="checkbox"]):not([type="range"]),textarea,select){background:var(--r-panel);color:var(--r-ink);border-color:var(--r-line);border-radius:5px;box-shadow:none}
html .router-system :is(input,textarea,select):focus{border-color:var(--r-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--r-accent) 10%,transparent)}
html .router-system :is(input,textarea)::placeholder{color:var(--r-muted);opacity:.75}
html .router-system :is(.brand,.brand strong,.admin-brand,.web-ai-brand,.legal-brand){color:var(--r-ink)}
html .router-system :is(.brand small,.admin-brand small,.web-ai-brand small){color:var(--r-accent);font-weight:500;letter-spacing:.11em}
html .router-system .brand-icon{box-shadow:none;border-radius:8px}
html .router-system :is(.referral-promo,.web-ai-beta){color:var(--r-accent);border-color:var(--r-line);background:var(--r-tint);box-shadow:none}
html .router-system :is(.account-sidebar,.admin-sidebar){background:var(--r-panel);border-right:1px solid var(--r-line);box-shadow:none;padding-top:26px}
html .router-system :is(.account-topbar,.admin-topbar){background:var(--r-paper);border-bottom:1px solid var(--r-line);box-shadow:none;backdrop-filter:blur(18px)}
html .router-system :is(.account-sidebar nav button,.account-sidebar .account-nav-link,.admin-nav .tab){border-radius:4px;color:var(--r-muted);background:transparent;font-weight:500;border:1px solid transparent;min-height:43px}
html .router-system :is(.account-sidebar nav button.active,.admin-nav .tab.active){background:var(--r-tint);color:var(--r-accent);border-color:transparent;border-left:2px solid var(--r-accent)}
html .router-system :is(.account-sidebar nav button:hover,.account-sidebar .account-nav-link:hover,.admin-nav .tab:hover){background:var(--r-soft);color:var(--r-ink)}
html .router-system :is(.account-sidebar nav i,.admin-nav .tab i){color:inherit}
html .router-system .account-sidebar .client-nav-link{color:var(--r-accent);border:1px solid var(--r-line);margin-bottom:12px}
html .router-system :is(.account-main,.admin-workspace,.account-view,.admin-content){background:var(--r-paper)}
html .router-system :is(.account-page-title span,.account-topbar small,.admin-view-heading>span,.sidebar-bottom a,.admin-sidebar-foot a){color:var(--r-muted)}
html .router-system :is(.data-card,.wallet-card,.admin-card,.metric-card,.usage-summary-row,.referral-metric,.referral-link-card,.referral-table-card,.referral-rules-card,.playground-panel,.usage-card,.docs-card){background:var(--r-panel);border:1px solid var(--r-line);border-radius:6px;box-shadow:none}
html .router-system :is(.wallet-hero,.wallet-offer-banner){background:linear-gradient(115deg,var(--r-soft),var(--r-tint));color:var(--r-ink);border:1px solid var(--r-line);border-radius:6px;box-shadow:none}
html .router-system .wallet-hero:before,html .router-system .wallet-hero:after{display:none}
html .router-system :is(.wallet-hero strong,.wallet-hero b,.wallet-hero small,.usage-summary-row strong,.card-title h2){color:var(--r-ink)}
html .router-system :is(.wallet-hero p,.wallet-hero>div>span,.usage-summary-row span,.usage-billing-intro p,.referral-description){color:var(--r-muted)}
html .router-system :is(.usage-table-head,.wallet-list-head,.key-table-head,.admin-table-head){background:var(--r-soft);color:var(--r-muted);border-color:var(--r-line)}
html .router-system :is(.usage-row,.wallet-list-row,.key-row,.admin-table-row,.user-key-row){border-color:var(--r-line);color:var(--r-muted)}
html .router-system :is(.user-key-row strong,.usage-row strong,.wallet-list-row strong,.admin-table-row strong){color:var(--r-ink)}
html .router-system :is(.empty,.empty-state,.table-empty){color:var(--r-muted)}
html .router-system :is(.referral-center-header,.referral-panel,.referral-card,.withdrawal-summary,.withdrawal-form-card){background:var(--r-panel);border-color:var(--r-line);border-radius:6px;box-shadow:none}
html .router-system :is(.referral-headline-rewards,.referral-kicker,.referral-stat-value){color:var(--r-accent)}
html .router-system :is(.referral-metrics article,.admin-kpis article){background:var(--r-panel);border-color:var(--r-line);border-radius:5px;box-shadow:none}
html .router-system :is(.admin-kpis strong,.referral-metrics strong){color:var(--r-ink)}
html .router-system :is(.admin-kpis span,.referral-metrics span){color:var(--r-muted)}
html .router-system :is(.modal,.dialog,.promo-dialog,dialog){background:var(--r-panel);color:var(--r-ink);border-color:var(--r-line);border-radius:8px;box-shadow:var(--r-shadow)}
html .router-system :is(dialog p,dialog small,.modal p){color:var(--r-muted)}
html .router-system dialog::backdrop{background:#20251d66;backdrop-filter:blur(4px)}
html .router-system :is(.auth-gate,.web-ai-auth){background:radial-gradient(ellipse at 15% 80%,#e6c8ae45,transparent 48%),radial-gradient(ellipse at 85% 15%,#c7d5dc42,transparent 50%),var(--r-paper)}
html .router-system .auth-gate::before{display:none}
html .router-system .auth-card{background:var(--r-panel);border:1px solid var(--r-line);border-radius:8px;box-shadow:var(--r-shadow);overflow:hidden;gap:0}
html .router-system .auth-intro{padding:48px;background:linear-gradient(150deg,var(--r-soft),var(--r-tint));border-right:1px solid var(--r-line)}
html .router-system .auth-intro h1{font-weight:500;line-height:1.25;font-size:clamp(28px,3vw,40px)}
html .router-system .auth-intro h1 span{color:var(--r-accent)}
html .router-system :is(.auth-intro p,.auth-points span,.auth-forms label,.auth-promo-note span,.auth-divider,.auth-form-heading p){color:var(--r-muted)}
html .router-system .auth-forms{padding:40px}
html .router-system .auth-tabs{border-bottom:1px solid var(--r-line);background:transparent;border-radius:0}
html .router-system .auth-tabs button{background:transparent;border-radius:0;color:var(--r-muted);border:0;border-bottom:2px solid transparent;box-shadow:none}
html .router-system .auth-tabs button.active{color:var(--r-accent);border-bottom-color:var(--r-accent)}
html .router-system :is(.auth-link,.auth-forms a,.web-ai-auth-links a){color:var(--r-accent)}
html .router-system .auth-promo-note{background:var(--r-soft);border-color:var(--r-line);border-radius:4px}
html .router-system .auth-promo-note strong{color:var(--r-accent)}
html .router-system :is(.slider-captcha,.slider-captcha-track){background:var(--r-soft);border-color:var(--r-line)}
html .router-system :is(.slider-captcha-heading strong,.slider-captcha-heading button){color:var(--r-muted)}
html .router-system .web-ai-auth-card{background:var(--r-panel);border:1px solid var(--r-line);border-radius:7px;box-shadow:var(--r-shadow)}
html .router-system .web-ai-auth-mark{color:var(--r-accent);background:var(--r-tint);border-color:var(--r-line)}
html .router-system :is(.web-ai-auth-card p,.web-ai-auth-card label){color:var(--r-muted)}
html .router-system :is(.docs-layout,.doc-content,.doc-section,.docs-content,.doc-panel){background:transparent;color:var(--r-ink)}
html .router-system :is(.doc-nav,.docs-nav){border-color:var(--r-line);background:var(--r-panel);box-shadow:none;border-radius:4px}
html .router-system :is(.doc-nav a,.doc-nav button,.docs-nav a){color:var(--r-muted);border-radius:3px}
html .router-system :is(.doc-nav a.active,.doc-nav button.active,.docs-nav a.active){color:var(--r-accent);background:var(--r-tint)}
html .router-system :is(.doc-section p,.doc-section li,.doc-content p,.docs-layout p){color:var(--r-muted);line-height:1.85}
html .router-system :is(.doc-section,.doc-card,.docs-layout article){border-color:var(--r-line);border-radius:5px;box-shadow:none}
html .router-system .docs-layout :is(h2,h3){font-weight:580;border-color:var(--r-line)}
html .router-system .docs-layout :is(pre,.code-block,.code-panel){background:var(--r-code);border:1px solid var(--r-line);color:var(--r-ink);border-radius:5px}
html .router-system .docs-layout code{color:var(--r-accent)}
html .router-system :is(.web-ai-app,.web-ai-chat,.web-ai-messages){background:var(--r-paper);color:var(--r-ink)}
html .router-system :is(.web-ai-appbar,.web-ai-toolbar){background:var(--r-panel);border-color:var(--r-line)}
html .router-system :is(.web-ai-history,.web-ai-settings-panel,.web-ai-settings-popover){background:var(--r-soft);border-color:var(--r-line);color:var(--r-ink)}
html .router-system :is(.web-ai-new,.web-ai-conversation-open,.web-ai-settings-button,.web-ai-account,.web-ai-logout){color:var(--r-muted);background:transparent;border-color:var(--r-line);border-radius:4px}
html .router-system .web-ai-conversation.active{background:var(--r-tint);border-radius:4px}
html .router-system :is(.web-ai-welcome h2,.web-ai-prompts b){color:var(--r-ink);font-weight:500}
html .router-system :is(.web-ai-welcome p,.web-ai-prompts span,.web-ai-model>span,.web-ai-effort>span){color:var(--r-muted)}
html .router-system .web-ai-mark{color:var(--r-accent);background:var(--r-tint);box-shadow:none}
html .router-system .web-ai-prompts button{background:var(--r-panel);border-color:var(--r-line);border-radius:6px}
html .router-system :is(.web-ai-composer,.web-ai-input-wrap,.web-ai-composer-shell,.web-ai-inline-editor){background:var(--r-panel);border-color:var(--r-line);box-shadow:var(--r-shadow);border-radius:10px}
html .router-system :is(.web-ai-composer textarea,.web-ai-composer input){background:transparent;color:var(--r-ink)}
html .router-system :is(.web-ai-message.assistant .web-ai-message-content,.web-ai-message.assistant .web-ai-message-content strong){color:var(--r-ink)}
html .router-system .web-ai-message.user .web-ai-message-content{background:var(--r-tint);color:var(--r-ink);border-color:var(--r-line);border-radius:10px}
html .router-system :is(.web-ai-search-enabled,.web-ai-temporary-badge,.web-ai-balance,.web-ai-creation-tools button){background:var(--r-soft);border-color:var(--r-line);color:var(--r-muted)}
html .router-system :is(.web-ai-balance strong,.web-ai-creation-tools button.active){color:var(--r-accent)}
html .router-system :is(.creative-canvas,.creative-flow,.canvas-sidebar,.canvas-toolbar){background:var(--r-soft);border-color:var(--r-line);color:var(--r-ink)}
html .router-system.router-legal .legal-nav{background:var(--r-paper);border-color:var(--r-line);padding-block:24px}
html .router-system.router-legal :is(.legal-nav a,.legal-aside nav a,.legal-footer a){color:var(--r-muted)}
html .router-system.router-legal .legal-brand{color:var(--r-ink)}
html .router-system.router-legal .legal-main{max-width:1160px;grid-template-columns:230px minmax(0,740px);gap:70px;padding-top:72px}
html .router-system.router-legal .legal-aside{top:35px}
html .router-system.router-legal .legal-aside h1{font-size:38px;font-weight:550}
html .router-system.router-legal :is(.legal-aside span,.legal-article a){color:var(--r-accent)}
html .router-system.router-legal :is(.legal-aside p,.legal-article p,.legal-article li){color:var(--r-muted);line-height:1.95}
html .router-system.router-legal .legal-article h2{font-weight:550;font-size:21px}
html .router-system.router-legal :is(.legal-article section,.legal-footer){border-color:var(--r-line)}
html .router-system.router-legal .legal-contact{background:var(--r-tint);border-color:var(--r-line)!important;border-radius:5px}
html .router-system.router-status .page{max-width:1050px}
html .router-system.router-status :is(.topbar,.section,footer){border-color:var(--r-line);color:var(--r-muted)}
html .router-system.router-status .hero{background:linear-gradient(115deg,var(--r-soft),var(--r-tint));border-color:var(--r-line);border-radius:6px;padding:42px}
html .router-system.router-status .section{background:var(--r-panel);border:1px solid var(--r-line);border-radius:5px;padding:28px;margin-top:20px}
html .router-system.router-status :is(.component,.component-row,.component-item){background:var(--r-panel);border-color:var(--r-line)}
html .router-system.router-status :is(.updated,.section-time,.footnote,.empty-incident,.legend){color:var(--r-muted)}
html .router-system.router-desktop-auth{background:radial-gradient(ellipse at 50% 0%,var(--r-tint),transparent 65%),var(--r-paper)}
html .router-system.router-desktop-auth main{background:var(--r-panel);border-color:var(--r-line);border-radius:6px;box-shadow:var(--r-shadow)}
html .router-system.router-desktop-auth :is(p,small,#googleDesktopStatus){color:var(--r-muted)}
html .router-system.router-desktop-auth main>span{color:var(--r-accent)}
/* Components shared by the existing console and documentation templates. */
html .router-system .docs-layout{border-color:var(--r-line);border-radius:6px;background:var(--r-panel)}
html .router-system .docs-layout>nav{background:var(--r-soft);border-color:var(--r-line)}
html .router-system .docs-layout>nav button{color:var(--r-muted);border-radius:4px}
html .router-system .docs-layout>nav button:is(.active,:hover){color:var(--r-accent);background:var(--r-tint)}
html .router-system .docs-layout>nav button small{color:var(--r-muted)}
html .router-system :is(.doc-prerequisite,.doc-success,.notice-card,.doc-api-facts>div){background:var(--r-soft);border-color:var(--r-line);border-radius:5px}
html .router-system :is(.doc-prerequisite strong,.doc-success b,.doc-steps strong,.doc-faq summary,.doc-command-grid>div>strong){color:var(--r-ink)}
html .router-system :is(.doc-prerequisite span,.doc-success span,.doc-steps span,.notice-card p){color:var(--r-muted)}
html .router-system :is(.doc-prerequisite a,.doc-success a,.doc-link){color:var(--r-accent)}
html .router-system :is(.doc-steps b,.doc-section-title>span,.notice-card i){color:var(--r-accent);background:var(--r-tint);border-color:var(--r-line)}
html .router-system .doc-note{color:var(--r-muted);background:var(--r-soft);border-color:var(--r-accent)}
html .router-system .code-block>div{background:var(--r-soft);border-color:var(--r-line);color:var(--r-muted)}
html .router-system :is(.code-block button,.code-block>div span){color:var(--r-muted)}
html .router-system :is(.account-metrics article,.usage-summary-row>div,.quick-card,.service-card,.wallet-side,.recharge-packages button,.referral-share-card,.referral-code-card,.referral-stats article,.referral-benefit-card,.referral-withdraw-card,.request-panel){background:var(--r-panel);border-color:var(--r-line);border-radius:6px;box-shadow:none}
html .router-system :is(.account-metrics strong,.quick-card h3,.service-card h3,.referral-share-copy h3,.referral-stats strong,.referral-benefit-card h3,.referral-withdraw-copy h2){color:var(--r-ink)}
html .router-system :is(.account-metrics span,.account-metrics small,.referral-stats span,.referral-benefit-card p,.referral-withdraw-copy p,.wallet-side span,.wallet-side small){color:var(--r-muted)}
html .router-system :is(.recharge-packages button.featured,.referral-stats article.featured,.user-avatar){background:var(--r-tint);color:var(--r-accent);border-color:var(--r-accent)}
html .router-system :is(.referral-primary,.web-ai-send){background:var(--r-ink);color:var(--r-paper);box-shadow:none}
html .router-system :is(.referral-promo,.referral-promo::before,.referral-promo::after){box-shadow:none;animation:none}
html .router-system.router-status :is(.component-list,.empty-incident){background:var(--r-panel);border-color:var(--r-line);border-radius:5px;box-shadow:none}
html .router-system.router-status :is(.hero p,.component-path,.brand b){color:var(--r-muted)}
html .router-system .account-sidebar nav button.active{box-shadow:none}
html .router-system .account-sidebar nav button.active i{color:var(--r-accent)}
html .router-system :is(.account-empty strong,.wallet-list strong,.wallet-side strong){color:var(--r-ink)}
html .router-system :is(.text-button,.account-sidebar .account-nav-link b){color:var(--r-accent)}
html .router-system .telegram-support-fab{background:var(--r-panel);color:var(--r-accent);border-color:var(--r-line);box-shadow:var(--r-shadow)}
html .router-system .telegram-support-fab svg{fill:var(--r-accent)}
html .router-system .web-ai-conversation.active{box-shadow:inset 2px 0 var(--r-accent)}
html .router-system :is(.web-ai-conversation.active b,.web-ai-conversation-open b){color:var(--r-ink)}
html .router-system .web-ai-conversation-open small{color:var(--r-muted)}
html .router-system .web-ai-app .web-ai-welcome{min-height:0;padding:20px 0 30px}
html .router-system .web-ai-composer-wrap{background:var(--r-paper)}
html .router-system .creative-canvas-entry{background:var(--r-tint);border-color:var(--r-line);color:var(--r-accent);border-radius:4px}
html .router-system .creative-canvas{--cc-ink:var(--r-ink);--cc-muted:var(--r-muted);--cc-line:var(--r-line);--cc-blue:var(--r-accent);--cc-blue-soft:var(--r-tint);background:var(--r-paper);color:var(--r-ink)}
html .router-system :is(.creative-canvas-header,.creative-canvas-contextbar,.creative-canvas-inspector,.creative-canvas-library){background:var(--r-panel);border-color:var(--r-line)}
html .router-system.admin-page :is(.admin-card-title h2,.worker-card h3,.rank-row strong,.failure-row strong){color:var(--r-ink)}
html .router-system.admin-page :is(.admin-live,.admin-period,.status-pill,.attention-list button,.payment-split article,.worker-card,.diagnostic-code,.finance-summary article,.account-pool-summary article,.user-summary article){background:var(--r-panel);border-color:var(--r-line);border-radius:5px;box-shadow:none}
html .router-system.admin-page :is(.admin-order-head,.payout-admin-head,.execution-head){background:var(--r-soft);color:var(--r-muted)}
html .router-system.admin-page :is(.admin-kpis small,.admin-nav>span,.admin-live,.admin-period,.admin-kpis span,.admin-card-title span,.admin-card-title button,.rank-row small,.failure-row small){color:var(--r-muted)}
html .router-system.admin-page :is(.response-panel,.diagnostic-code pre,.diagnostic-code>div,.secret-dialog-body>code){background:var(--r-code);color:var(--r-ink);border-color:var(--r-line)}
html .router-system.admin-page .capacity-track{background:var(--r-soft)}
html .router-system.admin-page .capacity-track i{background:var(--r-accent)}
html .router-system.admin-page .admin-kpis{border-radius:6px}
html .router-system.admin-page .admin-kpis{background:transparent;border:0;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
html .router-system.admin-page .admin-kpis article{border:1px solid var(--r-line);border-radius:5px}
html .router-system .docs-layout>nav button.active small{color:var(--r-accent)}
html .router-system .docs-layout a:not(.button){color:var(--r-accent)}
html .router-system .referral-center-header h2{font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:550;max-width:650px}
html .router-system .referral-center .referral-share-actions .referral-primary{background:var(--r-ink)!important;border-color:var(--r-ink)!important;color:var(--r-paper)!important;box-shadow:none!important}
html .router-system .referral-center .referral-share-actions .referral-primary:hover{background:var(--r-accent)!important;border-color:var(--r-accent)!important;color:var(--r-paper)!important}
html .router-system .referral-center .referral-share-actions .referral-secondary{background:var(--r-panel);border-color:var(--r-line);color:var(--r-accent);box-shadow:none}
html .router-system .referral-center{--referral-gold:var(--r-accent);--referral-pink:var(--r-accent);--referral-cream:var(--r-ink)}
html .router-system :is(.referral-headline-rewards,.referral-stat-action,.referral-benefit-icon,.referral-benefit-card.invitee .referral-benefit-icon){background:var(--r-tint);border-color:var(--r-line);color:var(--r-accent);border-radius:5px}
html .router-system :is(.referral-headline-rewards small,.referral-headline-rewards>i){color:var(--r-muted)}
html .router-system :is(.referral-benefit-value,.referral-benefit-card.invitee .referral-benefit-value){color:var(--r-accent)}
html .router-system :is(.referral-benefit-card::before,.referral-center-header::before,.referral-code-card::before,.referral-code-card::after){display:none}
html .router-system :is(.referral-orbit,.referral-orbit::before,.referral-orbit::after){border-color:var(--r-line)}
html .router-system .referral-orbit i{background:var(--r-accent);box-shadow:none}
@media(max-width:700px){html .router-system.admin-page .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html .router-system.router-legal .legal-nav{flex-wrap:wrap;gap:18px}html .router-system.router-legal .legal-nav nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;width:100%}html .router-system.router-legal .legal-nav nav a{display:inline-block;font-size:11px}html .router-system .public-docs-actions{flex-wrap:wrap;gap:8px}html .router-system .public-docs .account-topbar-actions{flex-basis:100%;justify-content:flex-start}html .router-system .public-docs .account-topbar{padding-block:18px}}
.router-system .scroll-reveal-ready{opacity:var(--reveal-opacity,1);transform:translateY(var(--reveal-y,0));transition:opacity .12s linear;will-change:opacity,transform}
.router-system .scroll-reveal-ready:focus-within{opacity:1;transform:none}
.router-system .relay-nav::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#b58d6c;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.router-home .client-primary{min-height:52px;padding-inline:24px;box-shadow:0 6px 20px #382b1515}
.client-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1152px;margin:85px auto 0;padding:55px 60px;background:#f2f0e8;border:1px solid #e8e5dc;border-radius:5px}
.client-spotlight h2{font-size:40px;font-weight:520;line-height:1.25;letter-spacing:-.05em;margin:18px 0;color:#34372e}.client-spotlight h2 span{color:#a27f5c}.client-spotlight p{font-size:12px;color:#858473;line-height:1.9;max-width:340px;margin:18px 0 25px}.client-spotlight-copy>small{display:block;font-size:9px;color:#9d998a;margin-top:14px}
.client-mini{background:#fdfdf9;border:1px solid #d9d8cb;border-radius:9px;box-shadow:0 20px 50px #5e59371a;transform:rotate(-2deg);overflow:hidden}
.client-mini-bar{height:39px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #e7e6df;background:#f5f4ee;color:#838477}.client-mini-bar>i{width:6px;height:6px;background:#dedbcf;border-radius:50%}.client-mini-bar>i:first-child{background:#cda28a}.client-mini-bar>i:nth-child(2){background:#d9c490}.client-mini-bar>i:nth-child(3){background:#b5c1a3}.client-mini-bar>span{font-size:10px;margin-left:12px}.client-mini-bar>small{margin-left:auto;font-size:8px;color:#a4a294}.client-mini-body{padding:27px}.client-mini-body>img{border-radius:10px}.client-mini-body h3{font-size:20px;font-weight:500;color:#404235;margin:12px 0 20px}.client-mini-row{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #e6e5dc;border-radius:4px;margin:9px 0}.client-mini-row>span{color:#ab8b69;font-size:20px}.client-mini-row strong{font-size:12px;font-weight:500}.client-mini-row em{font-size:9px;font-style:normal;margin-left:auto;color:#9e886f;background:#f2eee5;padding:5px 7px;border-radius:3px}.client-mini-foot{display:flex;justify-content:space-between;font-size:9px;color:#a1a190;margin-top:22px}
.download-main{overflow:hidden}.download-hero{position:relative;isolation:isolate;text-align:center;padding:85px 24px 0}.download-aura{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 18% 85%,#e6c4a785,transparent 50%),radial-gradient(ellipse at 88% 85%,#becedc7a,transparent 45%),linear-gradient(#fdfdf9,#f8f5ef)}
.download-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.16;letter-spacing:-.065em;font-weight:500;color:#2e3028;margin:24px 0}.download-hero h1>span{color:#a17b5b}.download-hero>p{font-size:14px;line-height:1.9;color:#8c897a;margin:0 0 28px}.download-compat{display:flex;align-items:center;justify-content:center;gap:11px;font-size:10px;color:#999687;margin:20px 0 45px}.download-compat i{height:3px;width:3px;border-radius:50%;background:#bbb5a2}
.download-preview{width:min(820px,100%);margin:0 auto;text-align:left;border:1px solid #d9d8cc;border-bottom:0;border-radius:10px 10px 0 0;background:#fcfcf8;box-shadow:0 30px 70px #716b451a;overflow:hidden}.download-preview-layout{display:grid;grid-template-columns:190px 1fr;min-height:350px}.download-preview aside{display:flex;flex-direction:column;padding:28px 18px;border-right:1px solid #e5e5dc;background:#f7f7f0;gap:14px}.download-preview aside img{border-radius:8px}.download-preview aside strong{font-size:15px;margin-bottom:14px}.download-preview aside>span{font-size:11px;padding:9px;color:#8d8e7c}.download-preview aside>span.selected{background:#ede8dc;color:#a18361;border-radius:3px}.download-preview aside small{font-size:7px;color:#a7a994;line-height:1.7;margin-top:auto;letter-spacing:.1em}.download-preview-content{padding:32px}.download-preview h2{font-size:25px;letter-spacing:-.045em;font-weight:500;color:#444635;margin:12px 0}.download-preview-content>p{font-size:10px;color:#a0a18f;margin-bottom:27px}.preview-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-app-grid article{border:1px solid #e0e1d4;border-radius:5px;padding:20px;background:#fffffc}.preview-app-grid h3{font-size:16px;color:#474936;margin:10px 0 4px}.preview-app-grid p{font-size:10px;color:#a1a28e;margin:0 0 19px}.preview-app-grid article>span{display:flex;justify-content:space-between;font-size:10px;background:#3f4434;color:#f9faef;padding:8px 10px;border-radius:3px}.preview-foot{display:flex;justify-content:space-between;font-size:8px;color:#a0a18e;margin-top:24px}
.platform-section,.download-steps{max-width:1200px;margin:auto;padding:86px 24px 10px;scroll-margin-top:100px}.platform-section header,.download-steps header{text-align:center;margin-bottom:40px}.download-main h2{font-size:34px;line-height:1.3;letter-spacing:-.04em;font-weight:500;margin:17px 0;color:#34372d}.platform-section header p{font-size:12px;color:#939582}.platform-grid,.download-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.platform-card{padding:32px 27px;border:1px solid #e0e2d5;border-radius:5px;background:#fffffc;transition:border-color .2s,box-shadow .2s}.platform-card:hover{border-color:#c1b193;box-shadow:0 12px 35px #6257390c}.platform-symbol{display:block;font-size:39px;color:#6c755d;line-height:1;margin-bottom:27px}.platform-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.platform-heading h3{font-size:22px;font-weight:500;margin:0;color:#414a33}.platform-version{font:9px Consolas,monospace;color:#9c9e8a;background:#f4f5ec;padding:4px 7px;border:1px solid #e7e8dd;border-radius:3px}.platform-card p{font-size:11px;color:#969a85;margin:12px 0 28px}.router-home .platform-card .router-button{width:100%;justify-content:space-between;gap:12px;font-size:12px;background:#414831;border-color:#414831}.platform-card>small{display:block;font-size:10px;text-align:center;color:#acb099;margin-top:15px}.download-hint{text-align:center;font-size:10px;color:#a4a690;margin-top:24px}.download-steps{padding-top:85px}.download-step-grid article{padding:27px 25px;border-top:1px solid #d9ddcb}.download-step-grid article>span{font-size:9px;color:#b09877;letter-spacing:.1em}.download-step-grid h3{font-size:20px;font-weight:500;margin:22px 0 14px;color:#4d533b}.download-step-grid p{font-size:12px;line-height:1.9;color:#969b83}.download-help{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1152px;margin:60px auto 80px;padding:45px 50px;background:#f1f2e9;border:1px solid #e6e8d9;border-radius:5px}.download-help h2{font-size:29px}.download-help p{font-size:12px;color:#91977e}
@media(max-width:1100px){.client-spotlight{margin-inline:24px;padding:40px;gap:40px}.download-help{margin-inline:24px}.router-home .relay-nav .router-links{gap:17px}}
@media(max-width:800px){html .router-system .auth-intro{padding:30px}html .router-system .auth-forms{padding:30px}html .router-system.router-legal .legal-main{grid-template-columns:1fr;gap:35px;padding-top:35px}.client-spotlight{gap:30px;padding:32px}.client-spotlight h2{font-size:30px}.platform-grid{grid-template-columns:1fr}.platform-card{display:grid;grid-template-columns:55px 1fr 1fr;gap:8px 16px;padding:25px}.platform-symbol{grid-row:1/4;margin:0;align-self:center}.platform-card .platform-heading{grid-column:2}.platform-card p{grid-column:2;margin:0}.router-home .platform-card .router-button{grid-column:3;grid-row:1/3;align-self:center}.platform-card>small{grid-column:3;margin:0}.download-step-grid{gap:10px}.download-step-grid article{padding-inline:12px}.download-hero{padding-top:60px}.download-preview-layout{grid-template-columns:155px 1fr}.download-preview-content{padding:25px}.download-preview h2{font-size:22px}.download-preview aside{padding:25px 13px}}
@media(max-width:540px){.client-spotlight{grid-template-columns:1fr;margin:45px 19px 0;padding:28px;gap:32px}.client-spotlight h2{font-size:34px}.client-spotlight p{font-size:12px}.client-mini{transform:none}.router-home .client-primary{min-height:46px}.download-hero{padding:46px 19px 0}.download-hero h1{font-size:40px}.download-hero>p{font-size:11px}.download-preview-layout{grid-template-columns:1fr;min-height:0}.download-preview aside{display:none}.download-preview-content{padding:22px 17px}.download-preview h2{font-size:23px}.download-preview-content>p{font-size:9px}.preview-app-grid{gap:10px}.preview-app-grid article{padding:14px}.preview-app-grid article>span{font-size:9px}.platform-section,.download-steps{padding:52px 19px 0}.download-main h2{font-size:27px}.platform-section header p{font-size:11px}.platform-card{display:block;padding:28px}.platform-symbol{margin-bottom:22px}.platform-card p{margin:13px 0 23px}.platform-card>small{margin-top:14px}.platform-heading h3{font-size:24px}.download-step-grid{grid-template-columns:1fr}.download-step-grid article{padding:25px 5px}.download-step-grid h3{margin-top:13px}.download-help{margin:30px 19px 50px;display:block;padding:29px}.download-help .router-button{margin-top:15px}.download-help p{font-size:11px;line-height:1.8}html .router-system .auth-intro{padding:26px;border:0;border-bottom:1px solid var(--r-line)}html .router-system .auth-forms{padding:26px}html .router-system.router-status .hero{padding:24px}html .router-system.router-status .section{padding:20px}html .router-system.router-desktop-auth main{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.router-system .scroll-reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.router-system .relay-nav::after{display:none}.router-system *{scroll-behavior:auto!important}}
/* Top-up dialog: four tiers, custom amount, official-price estimate, Stripe and crypto actions. */
html .router-system dialog.recharge-purchase-dialog{width:min(580px,calc(100% - 24px));padding:0;border-radius:18px;overflow:auto}
html .router-system .topup-form{position:relative;display:grid;gap:18px;padding:34px 30px 26px;isolation:isolate}
html .router-system .topup-form::before{content:"";position:absolute;inset:0 0 auto;height:220px;z-index:-1;pointer-events:none;background:radial-gradient(60% 90% at 92% 0,color-mix(in srgb,#e0623f 34%,transparent),transparent 70%),radial-gradient(55% 80% at 8% 0,color-mix(in srgb,#8f86d8 26%,transparent),transparent 70%)}
html[data-theme="dark"] .router-system .topup-form::before{opacity:.45}
html .router-system .topup-form .dialog-close{top:18px;right:18px;border:0;background:transparent;color:var(--r-ink);font-size:24px}
html .router-system .topup-head h2{margin:0;font-size:30px;font-weight:700}
html .router-system .topup-head p{margin:8px 0 0;color:var(--r-muted);font-size:14px;line-height:1.55}
html .router-system .topup-tiers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html .router-system .topup-tiers>button{position:relative;display:flex;align-items:center;gap:12px;min-height:84px;padding:0 22px;border:1px solid var(--r-line);border-radius:14px;background:var(--r-panel);color:var(--r-ink);text-align:left;cursor:pointer;box-shadow:0 2px 10px #3b39230a;transition:border-color .16s,background .16s,transform .16s}
html .router-system .topup-tiers>button:hover{border-color:color-mix(in srgb,var(--r-accent) 55%,var(--r-line));transform:translateY(-1px)}
html .router-system .topup-tiers>button.selected{border:2px solid var(--r-accent);padding:0 21px;background:var(--r-tint)}
html .router-system .topup-tiers strong{font-size:27px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
html .router-system .topup-tiers em{padding:4px 9px;border-radius:6px;background:color-mix(in srgb,var(--r-accent) 16%,transparent);color:var(--r-accent);font-size:13px;font-style:normal;font-weight:650}
html .router-system .topup-tiers i{display:none;position:absolute;top:-1px;right:-1px;transform:translate(35%,-35%);place-items:center;width:26px;height:26px;border-radius:50%;background:var(--r-accent);color:#fff;font-size:13px;font-style:normal}
html .router-system .topup-tiers>button.selected i{display:grid}
html .router-system .topup-tiers>button:has(small[data-tier-approx]:not(:empty)){flex-wrap:wrap;align-content:center;row-gap:2px}
html .router-system .topup-tiers small[data-tier-approx]{order:3;flex-basis:100%;color:var(--r-muted,#77756a);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
html .router-system .topup-tiers small[data-tier-approx]:empty{display:none}
html .router-system .topup-custom{display:grid;gap:10px;margin:2px 0 0}
html .router-system .topup-custom>span:first-child{color:var(--r-ink);font-size:13px;font-weight:650;letter-spacing:.04em}
html .router-system .topup-input{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--r-line);border-radius:10px;background:var(--r-soft)}
html .router-system .topup-input:focus-within{border-color:var(--r-accent)}
html .router-system .topup-input b{color:var(--r-muted);font-size:17px;font-weight:500}
html .router-system .topup-input input{min-height:50px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:17px}
html .router-system .topup-estimate{display:grid;gap:10px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--r-accent) 22%,var(--r-line));border-radius:14px;background:color-mix(in srgb,var(--r-tint) 70%,var(--r-panel))}
html .router-system .topup-estimate-head{display:flex;align-items:center;gap:8px;color:var(--r-muted);font-size:13px;font-weight:600;letter-spacing:.06em}
html .router-system .topup-hint{display:grid;place-items:center;width:18px;height:18px;padding:0;border:1px solid var(--r-muted);border-radius:50%;background:transparent;color:var(--r-muted);font-size:11px;cursor:help}
html .router-system .topup-estimate-row,html .router-system .topup-bonus{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:15px}
html .router-system .topup-estimate-row img{width:20px;height:20px;border-radius:5px}
html .router-system .topup-or{margin-right:5px;font-style:normal}
html .router-system .topup-estimate-row.hidden+.topup-estimate-row .topup-or{display:none}
html .router-system .topup-estimate-row strong,html .router-system .topup-bonus strong{font-weight:700;font-variant-numeric:tabular-nums}
html .router-system .topup-bonus{grid-template-columns:1fr auto;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--r-accent) 30%,transparent);color:var(--r-accent);font-size:14px}
html .router-system .topup-offer{margin:-6px 0 0;color:var(--r-accent);font-size:13px}
html .router-system .topup-terms{color:var(--r-muted);font-size:13px}
html .router-system .topup-terms a{margin-left:.25em;color:var(--r-ink);font-weight:650;text-decoration:none}
html .router-system .topup-terms a:hover{text-decoration:underline}
html .router-system .topup-actions{display:grid;gap:12px;width:min(100%,400px);margin:2px auto 0}
html .router-system :is(.topup-pay,.topup-crypto){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:999px;font-size:17px;font-weight:600;cursor:pointer;transition:background .16s,color .16s,transform .16s}
html .router-system .topup-pay{border:0;background:var(--r-ink);color:var(--r-paper)}
html .router-system .topup-pay:hover:not(:disabled){background:var(--r-accent);color:#fff;transform:translateY(-1px)}
html .router-system .topup-pay:disabled{opacity:.45;cursor:not-allowed}
html .router-system .topup-pay>i{display:none;width:16px;height:16px;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;border-radius:50%;animation:checkoutSpin .75s linear infinite}
html .router-system .topup-pay.is-loading>i{display:inline-block}
html .router-system .topup-crypto{border:1.5px solid var(--r-ink);background:transparent;color:var(--r-ink)}
html .router-system .topup-crypto:hover{background:var(--r-soft)}
html .router-system .topup-crypto b{font-size:18px;font-weight:600}
html .router-system .topup-crypto-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html .router-system .topup-crypto-options>button{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--r-line);border-radius:12px;background:var(--r-panel);color:var(--r-ink);text-align:center;cursor:pointer}
html .router-system .topup-crypto-options>button:hover:not(:disabled){border-color:var(--r-accent)}
html .router-system .topup-crypto-options>button:disabled{opacity:.45;cursor:not-allowed}
html .router-system .topup-crypto-options strong{font-size:15px}
html .router-system .topup-crypto-options small{color:var(--r-muted);font-size:11px}
html .router-system .topup-brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:var(--r-muted);font-size:12px}
html .router-system .topup-brands>span{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:30px;padding:0 9px;border:1px solid var(--r-line);border-radius:6px;background:var(--r-panel);color:var(--r-ink);font-size:11px;font-weight:650}
html .router-system .topup-brands .visa{color:#1a1f71;font-size:13px;font-style:italic;font-weight:800;letter-spacing:.02em}
html[data-theme="dark"] .router-system .topup-brands .visa{color:#e7e8dd}
html .router-system .topup-brands .mastercard i{width:15px;height:15px;border-radius:50%;background:#eb001b}
html .router-system .topup-brands .mastercard i+i{margin-left:-6px;background:#f79e1b;opacity:.9}
html .router-system .topup-brands small{margin-left:4px;font-size:12px}
html .router-system .topup-brands small b{color:#635bff;font-size:14px;font-weight:700}
@media(max-width:560px){html .router-system .topup-form{padding:28px 18px 22px}html .router-system .topup-tiers{gap:10px}html .router-system .topup-tiers>button{min-height:70px;padding:0 14px;gap:8px}html .router-system .topup-tiers>button.selected{padding:0 13px}html .router-system .topup-tiers strong{font-size:21px}html .router-system .topup-tiers em{padding:3px 6px;font-size:11px}html .router-system :is(.topup-pay,.topup-crypto){min-height:50px;font-size:15px}}