.lgq{--f:'Alexandria',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
@keyframes shine{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes orb{to{transform:translate(30px,50px) scale(1.15)}}
@keyframes fillseg{from{width:0}to{width:100%}}
@keyframes aiglow{50%{filter:drop-shadow(0 0 10px rgba(232,201,143,.7))}}
@keyframes aidraw{0%{stroke-dashoffset:70}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes aitw{0%,100%{transform:scale(.3);opacity:.3}50%{transform:scale(1.2);opacity:1}}
@keyframes aiarc{to{stroke-dashoffset:0}}
@keyframes aihand{to{transform:rotate(360deg)}}
@keyframes aicell{0%,10%{fill:rgba(232,201,143,.18)}25%,85%{fill:#E8C98F}100%{fill:rgba(232,201,143,.18)}}
@keyframes aidraw2{0%,65%{stroke-dashoffset:30}80%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
@keyframes aishk{0%,20%{transform:translateY(-12px)}40%,100%{transform:none}}
@keyframes aikey{0%,40%{fill:#15120E}55%{fill:#FFF1D2}70%,100%{fill:#15120E}}
@keyframes aibeat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.05)}}
@keyframes aiekg{from{stroke-dashoffset:140}to{stroke-dashoffset:0}}
@keyframes aisig{0%{stroke-dashoffset:260}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes aipen{0%{offset-distance:0%}60%,100%{offset-distance:100%}}
@keyframes aicut{50%{transform:scale(1.06)}}
.lgq .scr{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;font-family:var(--f)}
.lgq .scr[hidden]{display:none!important}
.lgq .scr input{font:inherit}
.lgq .otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;direction:ltr}
.lgq .otp input{width:100%;aspect-ratio:4/5;border-radius:14px;text-align:center;font-size:22px;font-weight:800;outline:0;padding:0;transition:.2s}
.lgq .demo{font-size:11.5px;opacity:.8}
.lgq .err{font-size:12.5px;margin:0;min-height:18px}
.lgq .bad{animation:shake .35s}
.lgq .s1{background:#0B0907;color:#F4EADA;justify-content:center;padding:28px 20px;gap:22px}
.lgq .s1 .orbs i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:orb 12s ease-in-out infinite alternate}
.lgq .s1 .orbs i:nth-child(1){width:300px;height:300px;background:#B88A4E;top:-100px;right:-90px}
.lgq .s1 .orbs i:nth-child(2){width:260px;height:260px;background:#5C4222;bottom:-70px;left:-100px;animation-delay:-5s}
.lgq .s1 .hd{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:up .7s both}
.lgq .s1 .mk{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#2A231B,#100D0A);color:#E8C98F;display:grid;place-items:center;box-shadow:0 18px 40px -16px rgba(232,201,143,.45)}
.lgq .s1 h2{margin:0;font-size:40px;font-weight:900;background:linear-gradient(160deg,#FFF1D2,#E8C98F 45%,#B88A4E);-webkit-background-clip:text;background-clip:text;color:transparent}
.lgq .s1 .hd p{margin:0;color:#BBA886;font-size:13.5px}
.lgq .s1 .gl{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(232,201,143,.16);border-radius:26px;padding:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:12px;animation:up .7s .15s both}
.lgq .s1 .gl h3{margin:0;font-size:18px}
.lgq .s1 .gl p{margin:0;color:#BBA886;font-size:13px}
.lgq .s1 .in{display:flex;align-items:center;gap:8px;min-height:54px;border-radius:16px;background:rgba(0,0,0,.35);border:1.5px solid rgba(232,201,143,.2);padding:0 14px;color:#BBA886}
.lgq .s1 .in:focus-within{border-color:#E8C98F}
.lgq .s1 .in input{flex:1;min-width:0;border:0;outline:0;background:none;color:#F4EADA;font-size:16px}
.lgq .s1 .btn{min-height:52px;border:0;border-radius:16px;font:inherit;font-weight:700;font-size:15px;color:#15120E;background:linear-gradient(135deg,#FFF1D2,#E8C98F 45%,#B88A4E);background-size:100%;cursor:pointer;position:relative;overflow:hidden}
.lgq .s1 .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:shine 2.8s ease-in-out infinite}
.lgq .s1 .otp input{border:1.5px solid rgba(232,201,143,.22);background:rgba(0,0,0,.35);color:#F4EADA}
.lgq .s1 .otp input:focus{border-color:#E8C98F}
.lgq .s1 .err{color:#F0A493}
.lgq .s1 .demo{color:#E8C98F}
.lgq .scr .link{background:none;border:0;font:inherit;font-size:13px;color:inherit;opacity:.75;cursor:pointer;min-height:36px}
.lgq .ok{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:up .5s both}
.lgq .ok svg{width:64px;height:64px}
.lgq .tm{background:#F6F2EB;color:#15120E;padding:22px 18px;gap:12px;overflow-y:auto}
.lgq .tm h3{margin:0;font-size:24px;font-weight:800}
.lgq .tm h3 em{font-style:normal;color:#7C5B2E}
.lgq .tm .sub{margin:0;color:#6E6354;font-size:13px}
.lgq .tbtn{min-height:54px;border:0;border-radius:18px;background:#15120E;color:#F3E2BE;font:inherit;font-weight:700;font-size:15px;cursor:pointer;width:100%;transition:opacity .2s}
.lgq .tbtn[disabled]{opacity:.3;cursor:not-allowed}
.lgq .story{position:absolute;inset:0;background:#0B0907;color:#F4EADA;display:flex;flex-direction:column;padding:20px 18px;gap:16px}
.lgq .seg{display:flex;gap:4px}
.lgq .seg u{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.2);text-decoration:none;overflow:hidden;display:flex}
.lgq .seg u.d{background:#E8C98F}
.lgq .seg u.c i{display:block;height:100%;background:#E8C98F;animation:fillseg 5s linear forwards}
.lgq .story .bigic{width:150px;height:150px;margin-top:24px;animation:up .5s both}
.lgq .ai{width:100%;height:100%;overflow:visible}
.lgq .ai-glow{animation:aiglow 2.4s ease-in-out infinite}
.lgq .ai-draw{stroke-dasharray:70;stroke-dashoffset:70;animation:aidraw 2.6s ease-in-out infinite}
.lgq .ai-tw path{transform-box:fill-box;transform-origin:center;animation:aitw 1.8s ease-in-out infinite}
.lgq .ai-tw .d2{animation-delay:.9s}
.lgq .ai-arc{stroke-dasharray:326.7;stroke-dashoffset:326.7;animation:aiarc 4s linear infinite}
.lgq .ai-hand{transform-origin:60px 62px;animation:aihand 4s linear infinite}
.lgq .ai-cell{fill:rgba(232,201,143,.18);animation:aicell 3s ease infinite}
.lgq .ai-draw2{stroke-dasharray:30;stroke-dashoffset:30;animation:aidraw2 3s ease infinite}
.lgq .ai-shk{animation:aishk 2.6s cubic-bezier(.3,1.5,.5,1) infinite}
.lgq .ai-key{animation:aikey 2.6s ease infinite}
.lgq .ai-beat{transform-box:fill-box;transform-origin:center;animation:aibeat 1.3s ease-in-out infinite}
.lgq .ai-ekg{stroke-dasharray:40 100;animation:aiekg 1.3s linear infinite}
.lgq .ai-sig{stroke-dasharray:260;stroke-dashoffset:260;animation:aisig 3.2s ease-in-out infinite}
.lgq .ai-pen{offset-path:path('M18 80c8-22 16-34 22-30s-8 28-2 30 12-26 18-24-4 22 2 22 10-14 16-14 4 10 10 10 10-6 16-8');animation:aipen 3.2s ease-in-out infinite}
.lgq .story h4{margin:0;font-size:30px;font-weight:800;line-height:1.3;animation:up .5s .08s both}
.lgq .story h4 em{font-style:normal;color:#E8C98F}
.lgq .story p{margin:0;font-size:15px;color:#C9B48F;line-height:1.7;animation:up .5s .16s both}
.lgq .scount{font-size:12px;color:#8A7A60}
.lgq .sok{margin-top:auto;display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;border-radius:18px;border:1.5px solid rgba(232,201,143,.35);background:rgba(255,255,255,.04);color:#F4EADA;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:.25s}
.lgq .sok .bx{width:28px;height:28px;border-radius:9px;border:2px solid rgba(232,201,143,.5);display:grid;place-items:center;color:transparent;transition:.25s}
.lgq .sok.on{border-color:#E8C98F;background:rgba(232,201,143,.12)}
.lgq .sok.on .bx{background:#E8C98F;border-color:#E8C98F;color:#15120E;transform:scale(1.1)}
.lgq .snav{display:grid;grid-template-columns:1fr 2fr;gap:10px}
.lgq .sback{min-height:54px;border-radius:18px;border:1.5px solid rgba(255,255,255,.18);background:none;color:#F4EADA;font:inherit;font-weight:600;cursor:pointer}
.lgq .story .tap{margin-top:auto;font-size:12px;color:#8A7A60;text-align:center}
.lgq .story .nav{position:absolute;inset:60px 0 80px;display:flex}
.lgq .story .nav button{flex:1;background:none;border:0;cursor:pointer}
.lgq .done2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;flex:1;animation:up .5s both}
.lgq .done2 svg{width:80px;height:80px;color:#9C7442}
[data-mode="light"] .lgq .story{background:#F6F2EB;color:#15120E}
[data-mode="light"] .lgq .seg u{background:#E2D7C7}
[data-mode="light"] .lgq .seg u.d{background:#A47B45}
[data-mode="light"] .lgq .story h4 em{color:#8A6630}
[data-mode="light"] .lgq .seg u{height:4px}
[data-mode="light"] .lgq .story p{color:#6E6354}
[data-mode="light"] .lgq .scount{color:#8A7A60}
[data-mode="light"] .lgq .sok{background:#fff;color:#15120E;border-color:#E2D7C7}
[data-mode="light"] .lgq .sok .bx{border-color:#CDBFA9}
[data-mode="light"] .lgq .sok.on{border-color:#A47B45;background:#FBF4E8}
[data-mode="light"] .lgq .sok.on .bx{background:#A47B45;border-color:#A47B45;color:#fff}
[data-mode="light"] .lgq .sback{color:#15120E;border-color:#E2D7C7}
[data-mode="light"] .lgq .story .tbtn{background:#15120E!important;color:#F3E2BE!important}
.lgq .story .bigic{display:grid;place-items:center}
[data-mode="light"] .lgq .story .bigic{width:170px;height:170px;border-radius:44px;padding:20px;background:radial-gradient(circle at 50% 30%,#2E261D,#110E0B 75%);box-shadow:0 24px 44px -20px rgba(80,55,20,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.lgq .ai-loop{transform-origin:60px 60px;animation:aihand 3.5s linear infinite}
.lgq .ai-cut{animation:aicut 2s ease-in-out infinite;transform-origin:60px 60px}
.lgq .soft{font-size:13px;line-height:1.7;padding:12px 14px;border-radius:16px;background:rgba(232,201,143,.1);color:inherit;animation:up .5s .24s both}
[data-mode="light"] .lgq .soft{background:#EFE6D6}
[data-mode="dark"] .lgq .tm{background:#0E0C0A;color:#F4EADA}
[data-mode="dark"] .lgq .tm .sub{color:#B3A38A}
[data-mode="dark"] .lgq .tbtn{background:#E8C98F;color:#15120E}
.lgq{position:fixed;inset:0;margin:0 auto;max-width:520px;overflow:hidden;font-family:'Alexandria',system-ui,sans-serif;direction:rtl}
.lgq>.scr{padding-top:calc(env(safe-area-inset-top,0px) + 28px);padding-bottom:max(28px,env(safe-area-inset-bottom,0px))}
.lgq .s1 .btn{width:100%}.lgq .s1 a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.lgq .s1 .btn.ln{background:none;color:#F4EADA;box-shadow:inset 0 0 0 1px rgba(232,201,143,.3)}.lgq .s1 .btn.ln::after{display:none}
.lgq .s1 .gl b{color:#E8C98F}
.lgq .s1 .ft9{position:relative;text-align:center;font-size:11px;color:#8A7A60;margin:0}
.lgq .s1 .tr9{position:relative;display:flex;justify-content:center;gap:16px;font-size:12px;color:#BBA886}
.lgq .tm{position:absolute;inset:0;padding:0}
.lgq .story{padding-top:calc(env(safe-area-inset-top,0px) + 20px);padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
.lgq .story .soft b{color:#E8C98F}[data-mode="light"] .lgq .story .soft b{color:#8A6630}
.lgq .tbtn:disabled{opacity:.35}
.lgq .s1 .orbs i{-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent)}
.lgq .s1 .orbs i{filter:none!important;will-change:transform}
.lgq .s1 .orbs i{animation:none!important}
.lgq .scr .link:disabled{opacity:.4;cursor:default}
.lgq .inst9{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:linear-gradient(135deg,rgba(232,201,143,.16),rgba(232,201,143,.05));border:1px solid rgba(232,201,143,.35);border-radius:20px;padding:12px 16px;color:#F4EADA;font:inherit;cursor:pointer}
.lgq .inst9 svg{flex:none;color:#E8C98F;background:rgba(232,201,143,.14);border-radius:12px;padding:8px;width:38px;height:38px}
.lgq .inst9 span{display:flex;flex-direction:column;gap:2px}.lgq .inst9 b{font-size:14px}.lgq .inst9 small{font-size:12px;color:#BBA886}
.inst9b{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(70px + env(safe-area-inset-bottom))}
.inst9s{position:relative;width:100%;max-width:420px;background:#17130F;border:1px solid rgba(232,201,143,.3);border-radius:24px;padding:20px 18px 18px;color:#F4EADA}
.inst9s h4{margin:0 0 10px;font-size:17px;color:#E8C98F}.inst9s p{margin:0 0 12px;font-size:14px;line-height:1.8}
.inst9s ol{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.7}
.inst9s .ic{display:inline-grid;place-items:center;vertical-align:middle;width:28px;height:28px;border-radius:8px;background:rgba(232,201,143,.15);color:#E8C98F;margin:0 2px}
.inst9s .x{position:absolute;top:10px;inset-inline-end:10px;background:none;border:0;color:#BBA886;font-size:16px;width:36px;height:36px;cursor:pointer}
.inst9s .cp{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(232,201,143,.35);background:rgba(232,201,143,.1);color:#F4EADA;font:inherit;direction:ltr;cursor:pointer}
.inst9s .arw{position:absolute;left:50%;bottom:-58px;transform:translateX(-50%);font-size:34px;color:#E8C98F;animation:arw9 1s ease-in-out infinite}
@keyframes arw9{50%{transform:translate(-50%,8px)}}
@media (prefers-reduced-motion:reduce){.inst9s .arw{animation:none}}
.ib9{position:fixed;z-index:40;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:500px;margin:0 auto;box-shadow:0 14px 34px -10px #000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background-color:rgba(23,19,15,.92)!important;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(232,201,143,.18),rgba(232,201,143,.06));border:1px solid rgba(232,201,143,.35);color:#F4EADA;font-size:13px;line-height:1.5}
.ib9 p{flex:1;margin:0}.ib9 b{color:#E8C98F}
.ib9 .go{flex:none;border:0;border-radius:12px;background:#E8C98F;color:#1A140C;font:inherit;font-weight:700;padding:8px 14px;min-height:36px;cursor:pointer}
.ib9 .x{flex:none;background:none;border:0;color:#BBA886;width:32px;height:36px;font-size:14px;cursor:pointer}
.lgq .fix9{margin:-4px 0 12px;padding:10px 12px;border-radius:14px;background:rgba(232,201,143,.1);border:1px solid rgba(232,201,143,.3);font-size:13.5px;line-height:1.7}
.lgq .fix9 b{color:#E8C98F}
.lgq .fix9 span{display:flex;gap:8px;margin-top:8px}
.lgq .fix9 button{flex:1;min-height:38px;border-radius:12px;border:0;background:#E8C98F;color:#1A140C;font:inherit;font-weight:700;cursor:pointer}
.lgq .fix9 button.no{background:transparent;color:#F4EADA;border:1px solid rgba(232,201,143,.3);font-weight:500}