/* Lanjuan AI partner commission center */
.ljReferralMenuEntry{position:relative}
.ljReferralMenuEntry>em{margin-left:auto;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;color:#70788d}
.ljReferralMenuEntry>svg:last-child{flex:0 0 auto}
.ljReferralField>span{display:flex!important;align-items:center;gap:7px}
.ljReferralField>span small{padding:2px 7px;border-radius:999px;background:#eef2ff;color:#5852d6;font-size:10px;font-weight:700}
.ljReferralField>div{position:relative}
.ljReferralField>div>i{display:grid;place-items:center;width:17px;color:#645ce0;font-size:14px;font-style:normal}
.ljReferralFieldStatus{margin:6px 2px 0!important;font-size:11px!important;line-height:1.45!important;color:#8a91a4!important}
.ljReferralFieldStatus[data-tone=success]{color:#15875f!important}
.ljReferralFieldStatus[data-tone=error]{color:#d14747!important}
.ljReferralFieldStatus[data-tone=warning]{color:#ad741c!important}
.ljReferralFieldStatus[data-tone=loading]{color:#6250cf!important}
.ljReferralArrival{position:fixed;z-index:1500;right:22px;bottom:22px;display:flex;align-items:center;gap:14px;max-width:min(530px,calc(100vw - 32px));padding:13px 14px;border:1px solid rgba(59,57,132,.14);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(26,29,69,.17);backdrop-filter:blur(18px);color:#25233b;animation:ljReferralRise .35s ease both}
.ljReferralArrival>div{display:flex;align-items:center;gap:10px;min-width:0}
.ljReferralArrival>div>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:linear-gradient(145deg,#27285f,#4941b4);color:#fff;font-style:normal}
.ljReferralArrival span{display:grid;gap:2px}
.ljReferralArrival b{font-size:13px}
.ljReferralArrival small{font-size:11px;color:#7e8498}
.ljReferralArrival [data-register]{min-height:44px;padding:9px 13px;border:0;border-radius:10px;background:#35328a;color:#fff;font-weight:750;white-space:nowrap;cursor:pointer}
.ljReferralArrival [data-dismiss]{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#8b91a1;font-size:20px;cursor:pointer}
.ljReferralModalOpen{overflow:hidden}
.ljReferralBackdrop{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(24,28,43,.54);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.ljReferralBackdrop.open{opacity:1;visibility:visible}
.ljReferralDialog{--ref-ink:#20243b;--ref-muted:#72788c;--ref-line:#e3e6ee;--ref-indigo:#3d38a0;--ref-violet:#6c63e5;--ref-green:#159a6d;width:min(1110px,100%);max-height:min(94vh,970px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:25px;background:#f7f8fb;box-shadow:0 36px 110px rgba(15,18,42,.34);color:var(--ref-ink);transform:translateY(12px) scale(.985);transition:transform .2s ease}
.ljReferralBackdrop.open .ljReferralDialog{transform:none}
.ljReferralDialog>header{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 21px;border-bottom:1px solid #e7e9ef;background:rgba(255,255,255,.96)}
.ljReferralBrandIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#242651,#3f3898);box-shadow:0 9px 22px rgba(45,43,113,.24);color:#fff}
.ljReferralDialog>header>div:nth-child(2){display:grid;gap:1px}
.ljReferralDialog>header span{font-size:10px;letter-spacing:.13em;color:#858a99}
.ljReferralDialog>header h2{margin:0;color:#1d2138;font-size:20px;letter-spacing:-.025em}
.ljReferralClose{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e2e4ea;border-radius:12px;background:#fff;color:#6c7282;font-size:23px;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.ljReferralClose:hover{border-color:#cbc9e6;background:#f9f8ff;color:#37318e}
.ljReferralContent{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;scrollbar-color:#c8cad6 transparent}
.ljReferralHero{display:grid;grid-template-columns:minmax(315px,.88fr) minmax(430px,1.12fr);gap:12px}
.ljReferralCashCard,.ljReferralHeroCopy{position:relative;overflow:hidden;min-height:216px;border-radius:20px}
.ljReferralCashCard{display:grid;align-content:center;gap:4px;padding:25px 28px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,#171b49 0%,#242762 58%,#161a42 100%);box-shadow:0 17px 38px rgba(32,34,91,.2);color:#fff}
.ljReferralCashCard:after{content:"";position:absolute;inset:0 0 0 38%;pointer-events:none;background:repeating-radial-gradient(ellipse at 112% 52%,transparent 0 16px,rgba(142,148,255,.12) 17px 18px,transparent 19px 28px);opacity:.7}
.ljReferralCashCard>*{position:relative;z-index:1}
.ljReferralCashCard>span{font-size:12px;color:rgba(255,255,255,.72)}
.ljReferralCashCard>strong{margin-top:2px;color:#69e0ad;font-size:42px;line-height:1.08;letter-spacing:-.04em}
.ljReferralCashCard>p{margin:3px 0 12px;font-size:11px;color:rgba(255,255,255,.7)}
.ljReferralCashCard>button{justify-self:start;min-height:44px;padding:9px 15px;border:0;border-radius:10px;background:#fff;color:#2e2b78;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(9,12,42,.2)}
.ljReferralCashCard>button:disabled{cursor:not-allowed;opacity:.48}
.ljReferralHeroCopy{display:grid;align-content:center;gap:5px;padding:25px 28px;border:1px solid var(--ref-line);background:radial-gradient(circle at 96% 5%,rgba(108,99,229,.08),transparent 36%),#fff;box-shadow:0 10px 28px rgba(32,38,65,.04)}
.ljReferralHeroCopy>span{font-size:12px;font-weight:750;color:#686f82}
.ljReferralHeroCopy>strong{color:#232747;font-size:34px;letter-spacing:.12em}
.ljReferralHeroCopy>p{margin:2px 0 12px;max-width:560px;font-size:12px;line-height:1.65;color:#73798b}
.ljReferralHeroActions{display:flex;flex-wrap:wrap;gap:8px}
.ljReferralHeroActions button{min-height:44px;padding:9px 14px;border:1px solid #dddfea;border-radius:10px;background:#fff;color:#484d63;font-size:11px;font-weight:780;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.ljReferralHeroActions button:hover{transform:translateY(-1px);border-color:#bdb9e9;background:#faf9ff}
.ljReferralHeroActions button:last-child{border-color:#39348f;background:#39348f;color:#fff;box-shadow:0 8px 18px rgba(57,52,143,.21)}
.ljReferralStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:12px}
.ljReferralStats article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:98px;padding:14px 15px;border:1px solid var(--ref-line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(32,38,65,.025)}
.ljReferralStats article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--icon-soft);color:var(--icon);font-style:normal}
.ljReferralStats article>div{display:grid;gap:2px;min-width:0}
.ljReferralStats article[data-tone=violet]{--icon:#6558db;--icon-soft:#efedff}
.ljReferralStats article[data-tone=gold]{--icon:#bb7b07;--icon-soft:#fff4d9}
.ljReferralStats article[data-tone=green]{--icon:#12845e;--icon-soft:#e6f7f0}
.ljReferralStats article[data-tone=blue]{--icon:#2570b9;--icon-soft:#eaf4ff}
.ljReferralStats span{font-size:11px;color:#70778a}
.ljReferralStats strong{color:#252a42;font-size:22px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}
.ljReferralStats article[data-tone=green] strong{color:#12845e}
.ljReferralStats strong small{margin-left:3px;font-size:10px;color:#777e91}
.ljReferralStats em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;color:#7e8596}
.ljReferralTierPanel{margin-top:12px;padding:16px 18px 17px;border:1px solid var(--ref-line);border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(32,38,65,.025)}
.ljReferralTierPanel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ljReferralTierPanel>header>div{display:grid;gap:3px}
.ljReferralTierPanel>header h3{display:flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:850;color:#292d43;letter-spacing:0}
.ljReferralTierPanel>header h3 small{font-size:11px;font-weight:650;color:#72798c;letter-spacing:0}
.ljReferralTierPanel>header strong{font-size:10px;font-weight:500;color:#7b8293}
.ljReferralTierPanel>header>b{padding:6px 9px;border-radius:9px;background:#f2f1ff;color:#514aba;font-size:11px;white-space:nowrap}
.ljReferralProgress{height:3px;margin:13px 17px 7px;overflow:hidden;border-radius:99px;background:#e7e9ef}
.ljReferralProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c45c0,#7568ea);transition:width .35s ease}
.ljReferralTiers{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.ljReferralTiers:before{content:"";position:absolute;top:16px;right:12%;left:12%;height:2px;background:#e2e5ec}
.ljReferralTier{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;min-height:112px;padding:0 8px;text-align:center}
.ljReferralTier>i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:3px;border:6px solid #fff;border-radius:50%;background:#e9ebf1;box-shadow:0 0 0 1px #e1e4eb;color:#73798b;font-size:10px;font-style:normal;font-weight:850}
.ljReferralTier>span{font-size:11px;font-weight:760;color:#555c70}
.ljReferralTier>strong{color:#252a43;font-size:27px;line-height:1.12}
.ljReferralTier>strong small{font-size:11px}
.ljReferralTier>em{font-size:10px;font-style:normal;line-height:1.4;color:#7c8394}
.ljReferralTier>b{position:absolute;top:58px;left:calc(50% + 29px);padding:3px 7px;border:1px solid #d8d4fb;border-radius:6px;background:#f7f5ff;color:#5b52d4;font-size:9px;white-space:nowrap}
.ljReferralTier.active>i{background:linear-gradient(145deg,#5048c5,#7569eb);box-shadow:0 0 0 1px #6d63df,0 7px 16px rgba(79,72,197,.24);color:#fff}
.ljReferralTier.active>strong{color:#5b52d4}
.ljReferralLinkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}
.ljReferralLinkCard,.ljReferralRules,.ljReferralRecent{border:1px solid var(--ref-line);border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(32,38,65,.02)}
.ljReferralLinkCard{padding:14px 15px}
.ljReferralLinkCard header,.ljReferralRecent>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ljReferralLinkCard header>div,.ljReferralRecent>header>div{display:grid;gap:2px}
.ljReferralLinkCard header h3,.ljReferralRules header h3,.ljReferralRecent header h3{margin:0;font-size:12px;font-weight:850;color:#292d40}
.ljReferralLinkCard header strong,.ljReferralRules header strong,.ljReferralRecent header strong{font-size:10px;font-weight:500;color:#72798b}
.ljReferralLinkValue{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:9px;padding:3px 3px 3px 10px;border:1px solid #e1e4eb;border-radius:9px;background:#fbfbfd;color:#575e72;font-size:11px;line-height:1.5}
.ljReferralLinkValue>code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font:inherit}
.ljReferralLinkValue>button,.ljReferralRecent button{min-height:36px;padding:6px 10px;border:1px solid #dedcef;border-radius:8px;background:#f5f4ff;color:#514aba;font-size:11px;font-weight:800;cursor:pointer}
.ljReferralLinkCard p{margin:7px 0 0;color:#7d8495;font-size:10px;line-height:1.5}
.ljReferralBottomGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;margin-top:12px}
.ljReferralRules,.ljReferralRecent{margin:0;padding:14px 15px}
.ljReferralRules header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ljReferralRules ol{display:grid;gap:9px;margin:11px 0 0;padding:0;list-style:none}
.ljReferralRules li{display:flex;gap:9px}
.ljReferralRules li>i{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:8px;background:#efedff;color:#5e57cf;font-size:9px;font-style:normal;font-weight:850}
.ljReferralRules li>div{display:grid;gap:1px}
.ljReferralRules li b{color:#3b3f53;font-size:11px}
.ljReferralRules li span{color:#747b8c;font-size:10px;line-height:1.5}
.ljReferralRewardList{display:grid;margin-top:8px}
.ljReferralRewardList article{display:flex;align-items:center;gap:9px;padding:9px 1px;border-top:1px solid #eff0f4}
.ljReferralRewardList article>i{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:10px;font-size:9px;font-style:normal;font-weight:850}
.ljReferralRewardList article>i[data-kind=cash]{background:#fff2d6;color:#ae7408}
.ljReferralRewardList article>div{display:grid;gap:2px;min-width:0}
.ljReferralRewardList article strong{font-size:11px;color:#3b3f52}
.ljReferralRewardList article span{font-size:10px;color:#747b8d}
.ljReferralRewardList article>b{margin-left:auto;color:#168660;font-size:12px;white-space:nowrap}
.ljReferralEmpty,.ljReferralLoading,.ljReferralError{display:grid;place-items:center;text-align:center}
.ljReferralEmpty{gap:5px;padding:25px 10px;color:#888e9e}
.ljReferralEmpty strong{color:#4a4e60;font-size:10px}
.ljReferralEmpty span{font-size:9px}
.ljReferralLoading,.ljReferralError{min-height:330px;gap:8px}
.ljReferralLoading i{width:38px;height:38px;border:3px solid #e3e4f5;border-top-color:#5f58d2;border-radius:50%;animation:ljReferralSpin .8s linear infinite}
.ljReferralLoading strong,.ljReferralError strong{margin-top:8px;color:#34384a;font-size:14px}
.ljReferralLoading span,.ljReferralError span{max-width:420px;color:#9297a6;font-size:11px;line-height:1.6}
.ljReferralError button{margin-top:8px;padding:9px 14px;border:0;border-radius:10px;background:#3d3898;color:#fff;font-weight:750;cursor:pointer}
.ljReferralFooter{display:flex;justify-content:center;gap:24px;margin-top:10px;padding:0 4px;color:#6f7586;font-size:11px;line-height:1.55}
.ljReferralFooter span:last-child{opacity:.94}
.ljReferralToast{position:absolute;z-index:2;left:50%;bottom:24px;padding:10px 15px;border-radius:11px;background:#25283b;color:#fff;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;transform:translate(-50%,8px);pointer-events:none;transition:.2s ease}
.ljReferralToast.show{opacity:1;transform:translate(-50%,0)}
.ljReferralToast[data-tone=error]{background:#bd3f48}
.ljReferralDialog button:focus-visible,.ljReferralArrival button:focus-visible{outline:2px solid #3d3898;outline-offset:2px;box-shadow:0 0 0 4px #fff}
@keyframes ljReferralSpin{to{transform:rotate(360deg)}}
@keyframes ljReferralRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  body{--mobile-bottom-nav-height:calc(66px + max(8px,env(safe-area-inset-bottom,0px)))}
  body:has(.appShell .exactKreaWorkbench.historyRailOpen),body:has(.appShell .exactVideoWorkbench.historyOpen),body:has(.appShell .exactVideoWorkbench.historyRailOpen),body:has(.appShell .exactVideoWorkbench.revisionOpen),body:has(.appShell input:focus,.appShell textarea:focus,.appShell [contenteditable=true]:focus){--mobile-bottom-nav-height:0px}
  .ljReferralMenuEntry>em{display:none}
  .ljReferralBackdrop{align-items:end;padding:0}
  .ljReferralDialog{width:100%;height:min(95dvh,970px);max-height:none;border-radius:23px 23px 0 0}
  .ljReferralDialog>header{min-height:66px;padding:12px 15px}
  .ljReferralContent{padding:12px 12px calc(13px + env(safe-area-inset-bottom,0px))}
  .ljReferralHero{grid-template-columns:1fr;gap:9px}
  .ljReferralCashCard,.ljReferralHeroCopy{min-height:185px;padding:20px}
  .ljReferralCashCard>strong{font-size:37px}
  .ljReferralHeroCopy>strong{font-size:29px}
  .ljReferralStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ljReferralStats article{min-height:91px;padding:12px}
  .ljReferralTierPanel>header{display:grid;gap:8px}
  .ljReferralTierPanel>header>b{justify-self:start;white-space:normal}
  .ljReferralLinkGrid,.ljReferralBottomGrid{grid-template-columns:1fr;gap:9px}
  .ljReferralFooter{display:grid;gap:2px;text-align:left}
  .ljReferralArrival{right:12px;bottom:calc(var(--mobile-bottom-nav-height,0px) + 12px);left:12px;max-width:none;gap:8px;padding:11px}
  .ljReferralArrival small{display:none}
  .ljReferralLinkValue>button,.ljReferralRecent button{min-height:44px}
  .ljReferralArrival [data-register]{min-height:44px;padding:8px 10px}
  .ljReferralArrival [data-dismiss]{width:44px;height:44px}
  .ljReferralFieldStatus{font-size:10px!important}
}
@media(max-width:560px){
  .ljReferralHeroActions button{flex:1 1 calc(50% - 4px);min-width:0;padding:9px 6px}
  .ljReferralHeroActions button:last-child{flex-basis:100%}
  .ljReferralStats article{grid-template-columns:36px minmax(0,1fr);gap:8px}
  .ljReferralStats article>i{width:36px;height:36px}
  .ljReferralStats strong{font-size:19px}
  .ljReferralTiers{grid-template-columns:1fr;gap:7px;margin-top:10px}
  .ljReferralTiers:before{display:none}
  .ljReferralTier{grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"node range rate" "node desc badge";align-items:center;justify-items:start;gap:2px 8px;min-height:72px;padding:9px 10px;border:1px solid #e7e8ef;border-radius:13px;background:#fafbfc;text-align:left}
  .ljReferralTier>i{grid-area:node;margin:0;border-width:5px}
  .ljReferralTier>span{grid-area:range}
  .ljReferralTier>strong{grid-area:rate;font-size:23px}
  .ljReferralTier>em{grid-area:desc}
  .ljReferralTier>b{position:static;grid-area:badge}
  .ljReferralTier.active{border-color:#cfcafb;background:#f6f4ff}
  .ljReferralRules header{display:grid;gap:2px}
  .ljReferralRewardList article span{white-space:normal}
  .ljReferralArrival b{font-size:11px}
  .ljReferralArrival>div>i{display:none}
}
@media(max-width:960px) and (orientation:landscape) and (max-height:500px) and (pointer:coarse){
  body{--mobile-bottom-nav-height:calc(56px + max(4px,env(safe-area-inset-bottom,0px)))}
}
@media(prefers-reduced-motion:reduce){
  .ljReferralDialog,.ljReferralBackdrop,.ljReferralProgress i,.ljReferralToast{transition:none}
  .ljReferralArrival{animation:none}
}