*{box-sizing:border-box}html,body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--bg:#F8F6FD;--surface:#FFFFFF;--sunk:#F1ECFB;--ink:#1D1A2B;--muted:#6E6A80;--line:#ECE7F6;--brand:#5321B5;--brand-2:#7B3FE4;--brand-soft:#EFE8FC;--brand-ink:#FFFFFF;--accent:#F59E0B;--good:#22B35E;--bad:#E5484D;--pink:#E8457A;--blue:#2F80ED;--orange:#F2711C;--teal:#0EA5A4;--c-int:#F2711C;--c-q:#5321B5;--c-content:#2F80ED;--c-creative:#E8457A;--c-weak:#E5484D;--f-display:"Alexandria","IBM Plex Sans Arabic",Tahoma,system-ui,sans-serif;--f-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;--r:20px;--shadow:0 1px 2px rgb(60 30 120 / .04),0 8px 24px rgb(60 30 120 / .07);--hero:linear-gradient(135deg,#6A2BD9 0%,#5321B5 45%,#3F168F 100%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#110D1C;--surface:#1B1529;--sunk:#241C36;--ink:#EEEAF8;--muted:#A49DBB;--line:#2E2543;--brand:#A37BFF;--brand-2:#8B5CF6;--brand-soft:#2A1F45;--brand-ink:#14082E;--accent:#FBBF24;--good:#4ADE80;--bad:#F87171;--pink:#F472B6;--blue:#60A5FA;--orange:#FB923C;--teal:#2DD4BF;--c-int:#FB923C;--c-q:#A37BFF;--c-content:#60A5FA;--c-creative:#F472B6;--c-weak:#F87171;--shadow:0 1px 2px rgb(0 0 0 / .4);color-scheme:dark}}:root[data-theme=dark]{--bg:#110D1C;--surface:#1B1529;--sunk:#241C36;--ink:#EEEAF8;--muted:#A49DBB;--line:#2E2543;--brand:#A37BFF;--brand-2:#8B5CF6;--brand-soft:#2A1F45;--brand-ink:#14082E;--accent:#FBBF24;--good:#4ADE80;--bad:#F87171;--pink:#F472B6;--blue:#60A5FA;--orange:#FB923C;--teal:#2DD4BF;--c-int:#FB923C;--c-q:#A37BFF;--c-content:#60A5FA;--c-creative:#F472B6;--c-weak:#F87171;--shadow:0 1px 2px rgb(0 0 0 / .4);color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.65 var(--f-body);direction:rtl;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}h1,h2,h3{margin:0;text-wrap:balance}.display{font-family:var(--f-display);font-weight:800;letter-spacing:0}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.ico{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}main{max-width:1080px;margin:auto;padding-inline:16px;padding-block:0 calc(120px + min(env(safe-area-inset-bottom,0px),20px))}.screen{display:grid;gap:22px}.nav{position:fixed;inset-inline:12px;bottom:calc(10px + min(env(safe-area-inset-bottom,0px),16px));z-index:30;max-width:560px;margin:auto}.nav-in{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-radius:30px;padding:6px;background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);box-shadow:0 10px 30px #3c1e7824,0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent),inset 0 1px #ffffff59}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav-in{background:var(--surface)}}.nav button{border:0;background:none;height:62px;border-radius:24px;display:grid;justify-items:center;align-content:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .2s,color .2s}.nav button .ico{width:25px;height:25px}.nav button[aria-current=page]{background:var(--brand);color:#fff;box-shadow:0 6px 16px #5321b559}:root[data-theme=dark] .nav button[aria-current=page]{color:var(--brand-ink)}.pagehead{position:sticky;top:0;z-index:20;margin-inline:-16px;background:var(--surface);padding:max(14px,env(safe-area-inset-top)) 16px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 0 var(--line)}.pagehead h1{font-family:var(--f-display);font-size:21px;font-weight:700}.pagehead .sp{flex:1}.back{border:0;background:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--ink)}.back:hover{background:var(--sunk)}.ptitle{display:grid;gap:4px;padding-top:6px}.ptitle h2{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,6.4vw,30px);color:var(--brand);line-height:1.3}.ptitle p{margin:0;color:var(--muted);font-size:15.5px}.sec-h{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.sec-h h2,.sec-h h3{font-family:var(--f-display);font-weight:700;font-size:19px}.link{border:0;background:none;color:var(--brand);font-weight:700;display:inline-flex;gap:6px;align-items:center;padding:4px}.link .ico{width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px 18px;font-weight:700;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:transform .12s,filter .15s}.btn:active{transform:scale(.98)}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme=dark] .btn.pri{color:var(--brand-ink)}.btn.acc{background:var(--accent);border-color:var(--accent);color:#2a1600}.btn.ghost{background:transparent}.btn.sm{padding:6px 14px;font-size:13px;border-radius:12px}.btn.wide{width:100%;padding:14px;border-radius:999px;font-size:16.5px}.btn.outline{background:transparent;border:2px solid var(--brand);color:var(--brand)}.btn.white{background:#fff;border-color:#fff;color:var(--brand)}.btn:disabled{opacity:.45;cursor:not-allowed}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;white-space:nowrap}.chip[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:8px;background:color-mix(in srgb,var(--cat,var(--brand)) 13%,var(--surface));color:var(--cat,var(--brand));white-space:nowrap}.bar{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden}.bar i{display:block;height:100%;background:var(--cat,var(--brand));border-radius:inherit;transition:width .5s;margin-inline-start:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.field{display:grid;gap:6px;font-size:13px;font-weight:600}.input{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px 14px;width:100%;font-weight:400;font-size:15px}.input:focus{outline:2px solid color-mix(in srgb,var(--brand) 40%,transparent);border-color:var(--brand)}textarea.input{min-height:110px;resize:vertical;line-height:1.7}.toast{position:fixed;bottom:calc(100px + min(env(safe-area-inset-bottom,0px),20px));inset-inline:0;margin:auto;width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:14px;font-weight:600;z-index:90;transition:.25s;opacity:0;transform:translateY(10px);pointer-events:none}.toast.on{opacity:1;transform:none}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:40px;height:40px;display:grid;place-items:center;color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:700;white-space:nowrap}.tile-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--cat,var(--brand)) 13%,var(--surface));color:var(--cat,var(--brand))}.tile-ic .ico{width:22px;height:22px}.hhead{display:flex;align-items:center;gap:12px;padding-top:max(18px,env(safe-area-inset-top))}.avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none;background:var(--brand-soft);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:22px;color:var(--brand);border:3px solid var(--surface);box-shadow:var(--shadow)}.hhead .hi{flex:1;min-width:0;display:grid}.hhead .hi b{font-family:var(--f-display);font-size:21px;font-weight:800;line-height:1.35}.hhead .hi span{color:var(--muted);font-size:15px}.hbtn{position:relative;border:0;background:var(--surface);box-shadow:var(--shadow);border-radius:18px;min-width:52px;height:52px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;justify-content:center;font-weight:800;color:var(--ink)}.hbtn .dot{position:absolute;top:10px;inset-inline-end:12px;width:9px;height:9px;border-radius:50%;background:var(--bad);border:2px solid var(--surface)}.flame{color:var(--orange)}.hero{position:relative;overflow:hidden;background:var(--hero);color:#fff;border-radius:30px;padding:24px 22px 22px;display:grid;gap:12px;box-shadow:0 18px 40px #5321b547;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:38px solid rgb(255 255 255 / .05);z-index:-1}.hero:before{width:300px;height:300px;inset-inline-start:-90px;top:-150px}.hero:after{width:220px;height:220px;inset-inline-end:-80px;bottom:-110px}.hero .k{font-size:14px;font-weight:600;opacity:.85;display:flex;align-items:center;gap:6px}.hero h3{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,6vw,27px);line-height:1.35}.hero p{margin:0;opacity:.85;font-size:14.5px}.hero .top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.hero .art{width:clamp(110px,30vw,170px)}.hero .ok-tags{display:flex;gap:6px;flex-wrap:wrap}.hero .ok-tags span{border:1px solid rgb(255 255 255 / .45);border-radius:999px;padding:3px 10px;font-size:12.5px}.hero .btn.white{margin-top:8px}.hero .bar{background:#ffffff38}.hero .bar i{background:#fff}.ring{position:relative;display:grid;place-items:center;flex:none}.ring svg{transform:rotate(-90deg)}.ring .in{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.1}.ring .in small{font-size:12px;opacity:.8}.ring .in b{font-family:var(--f-display);font-weight:800;font-size:30px}.qstats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line);padding:16px 6px}.qstats>div{display:grid;justify-items:center;gap:4px;text-align:center;border-inline-start:1px solid var(--line);padding-inline:4px;min-width:0}.qstats>div:first-child{border:0}.qstats b{font-family:var(--f-display);font-weight:800;font-size:clamp(16px,4.6vw,21px);line-height:1.2}.qstats small{color:var(--muted);font-size:12px}.qstats .tile-ic{width:40px;height:40px;border-radius:12px}.daily{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1.5px solid color-mix(in srgb,var(--brand) 22%,var(--line));background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand-soft) 60%,var(--surface)));border-radius:26px;padding:20px;text-align:start;width:100%}.daily h3{font-family:var(--f-display);font-weight:800;font-size:21px}.daily p{margin:4px 0 10px;color:var(--muted);font-size:14px}.daily .meta{display:flex;gap:6px;flex-wrap:wrap}.daily .meta span{background:var(--surface);border:1px solid var(--line);color:var(--brand);border-radius:10px;padding:3px 10px;font-size:12.5px;font-weight:600}.daily .target{width:96px;height:96px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;font-size:44px}.subjs{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}@media(min-width:700px){.subjs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.subj{--c:var(--brand);position:relative;text-align:start;border:1.5px solid color-mix(in srgb,var(--c) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,var(--surface)),var(--surface));border-radius:24px;padding:16px;display:grid;gap:8px;align-content:start;min-width:0;transition:transform .15s}.subj:hover{transform:translateY(-2px)}.subj .ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:800;font-size:26px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c));box-shadow:0 8px 18px color-mix(in srgb,var(--c) 35%,transparent)}.subj .go{position:absolute;top:16px;inset-inline-end:16px;width:38px;height:38px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--c);box-shadow:var(--shadow)}.subj .go .ico{width:18px;height:18px}.subj b{font-family:var(--f-display);font-weight:700;font-size:16.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subj small{color:var(--muted);font-size:12.5px}.subj .pr{display:flex;align-items:center;gap:10px}.subj .pr .bar{flex:1;height:7px}.subj .pr .bar i{background:var(--c)}.subj .pr span{font-weight:800;font-size:13px;color:var(--c);font-family:var(--f-display)}.subj .warn{color:var(--accent);font-size:12px;font-weight:700}.bk-hero{margin-inline:-16px;background:var(--hero);height:260px;position:relative;display:grid;place-items:center;padding-top:env(safe-area-inset-top)}.bk-hero .back{position:absolute;top:max(18px,env(safe-area-inset-top));inset-inline-start:16px;width:52px;height:52px;border-radius:50%;background:#ffffffe6;color:var(--brand)}.bk-hero .big{width:150px;height:150px;border-radius:40px;display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:800;font-size:68px;transform:rotate(-6deg);background:linear-gradient(150deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c));box-shadow:0 22px 40px #00000047,inset 0 -8px #0000001f,inset 0 6px #ffffff40}.bk-sheet{margin-inline:-16px;margin-top:-40px;position:relative;background:var(--bg);border-radius:34px 34px 0 0;padding:26px 16px 0;display:grid;gap:18px}.bk-sheet h1{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,7vw,32px);line-height:1.35}.bk-prog{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted)}.bk-prog b{font-family:var(--f-display);font-weight:800;font-size:28px;color:var(--brand)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-radius:20px;padding:6px;box-shadow:var(--shadow);border:1px solid var(--line)}.seg button{border:0;background:none;border-radius:15px;padding:11px 6px;font-weight:700;color:var(--muted);font-size:15px}.seg button[aria-pressed=true]{background:var(--brand);color:#fff}.unit{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.unit-h{width:100%;border:0;background:none;text-align:start;padding:18px;display:grid;grid-template-columns:auto 1fr auto auto;gap:6px 14px;align-items:center}.unit-h .n{width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:22px;grid-row:span 2}.unit-h .n.done{background:var(--good)}.unit-h .n.todo{background:var(--brand-soft);color:var(--brand)}.unit-h b{font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.4}.unit-h small{color:var(--muted);font-size:13px;grid-column:2}.unit-h .cnt{grid-row:span 2;text-align:center;display:grid;line-height:1.2}.unit-h .cnt b{color:var(--brand);font-size:16px}.unit-h .cnt small{grid-column:auto;font-size:11px}.unit-h .chev{grid-row:span 2;color:var(--brand);transition:transform .2s}.unit.open .unit-h .chev{transform:rotate(-90deg)}.unit-h .bar{grid-column:1/-1;margin-top:10px}.lessons{border-top:1px solid var(--line);display:grid}.lesson{border:0;background:none;width:100%;text-align:start;display:flex;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.lesson:last-child{border:0}.lesson .st{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;border:2px solid var(--line);color:var(--muted);font-size:20px}.lesson .st.done{background:var(--good);border-color:var(--good);color:#fff}.lesson .st.next{background:var(--brand);border-color:var(--brand);color:#fff}.lesson .st .ico{width:20px;height:20px}.lesson .t{flex:1;min-width:0;display:grid}.lesson .t b{font-weight:700;font-size:15px}.lesson .t small{color:var(--muted);font-size:12.5px}.lesson.cur{background:var(--brand-soft)}.lesson .arrow{color:var(--brand)}.lesson:hover{background:color-mix(in srgb,var(--brand-soft) 60%,transparent)}.bot{width:150px;margin:6px auto 0;display:block}.ast-h{text-align:center;display:grid;gap:8px}.ast-h h2{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,6.4vw,28px)}.ast-h h2 span{color:var(--brand)}.ast-h p{margin:0;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.action{border:1px solid var(--line);background:var(--surface);border-radius:26px;padding:22px 12px;display:grid;justify-items:center;gap:6px;text-align:center;box-shadow:var(--shadow)}.action .tile-ic{width:64px;height:64px;border-radius:20px}.action .tile-ic .ico{width:28px;height:28px}.action .tile-ic.solid{background:var(--brand);color:#fff}.action b{font-family:var(--f-display);font-weight:700;font-size:17px;margin-top:6px}.action small{color:var(--muted);font-size:12.5px}.ask{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:10px;box-shadow:var(--shadow)}.ask input{flex:1;min-width:0;border:0;background:none;padding:8px 4px;font-size:15.5px;outline:0}.ask .send{width:58px;height:58px;border-radius:18px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;flex:none}.ask .send .ico{width:26px;height:26px;transform:scaleX(-1)}.ask .lead{width:48px;height:48px;border-radius:16px;background:var(--sunk);display:grid;place-items:center;color:var(--muted);flex:none}.sugg{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sugg button{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:9px 14px;color:var(--brand);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow)}.hist{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.hist button.h{width:100%;border:0;background:none;text-align:start;display:flex;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.hist button.h:last-child{border:0}.hist .t{flex:1;min-width:0;display:grid}.hist .t b{font-weight:700}.hist .t small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof{display:flex;gap:14px;align-items:center}.prof .avatar{width:68px;height:68px}.menu{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.menu>button,.menu>a{width:100%;border:0;background:none;text-align:start;display:flex;gap:14px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}.menu>:last-child{border:0}.menu .t{flex:1;min-width:0;display:grid}.menu .t small{color:var(--muted);font-weight:400;font-size:12.5px}.menu .chev{color:var(--muted)}.gsec{display:grid;gap:10px}.gsec h3{font-size:15px;display:flex;gap:8px;align-items:center}.gsec h3 .dot{width:10px;height:10px;border-radius:3px;background:var(--cat)}.ggrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.gcard{text-align:start;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;transition:transform .15s,border-color .15s}.gcard:hover{transform:translateY(-2px);border-color:var(--cat)}.gcard .ic{grid-row:span 2;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--cat) 14%,var(--surface))}.gcard b{font-size:15px}.gcard small{color:var(--muted);font-size:12.5px;line-height:1.5}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.stat b{display:block;font-family:var(--f-display);font-weight:800;font-size:22px;line-height:1.2}.stat small{color:var(--muted);font-size:12px}.player{position:fixed;inset:0;z-index:60;background:var(--bg);overflow:auto;padding-top:env(safe-area-inset-top,0px)}.p-top{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line)}.p-top-in{max-width:760px;margin:auto;padding:10px 16px;display:flex;gap:12px;align-items:center}.p-top h2{font-size:17px;flex:1;min-width:0}.p-body{max-width:760px;margin:auto;padding-inline:16px;padding-block:20px 60px;display:grid;gap:16px}.q{font-size:clamp(18px,4.4vw,22px);font-weight:700;line-height:1.55}.opts{display:grid;gap:10px}.opt{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;text-align:start;font-weight:600;display:flex;gap:12px;align-items:center;transition:.15s}.opt .l{width:28px;height:28px;border-radius:8px;background:var(--sunk);display:grid;place-items:center;font-size:13px;flex:none}.opt.ok{border-color:var(--good);background:color-mix(in srgb,var(--good) 13%,var(--surface))}.opt.no{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--surface))}.opt.dim{opacity:.4}.opt:disabled{cursor:default}.explain{border-inline-start:4px solid var(--brand);background:var(--surface);padding:10px 14px;border-radius:8px;font-size:14.5px}.explain.bad{border-color:var(--bad)}.progress-dots{display:flex;gap:4px}.progress-dots i{flex:1;height:5px;border-radius:9px;background:var(--sunk)}.progress-dots i.ok{background:var(--good)}.progress-dots i.no{background:var(--bad)}.progress-dots i.cur{background:var(--accent)}.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(6px)}50%{transform:translate(-6px)}75%{transform:translate(3px)}}.pop{animation:pop .35s}@keyframes pop{50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.result{text-align:center;display:grid;gap:12px;justify-items:center;padding-top:20px}.result .big{font-family:var(--f-display);font-weight:800;font-size:64px;line-height:1;color:var(--brand)}.stars{font-size:34px;letter-spacing:6px}.ladder{display:grid;gap:2px;font-size:13px}.ladder div{display:flex;justify-content:space-between;padding:3px 10px;border-radius:6px;color:var(--muted)}.ladder .safe{color:var(--ink);font-weight:700}.ladder .cur{background:var(--accent);color:#1d1300;font-weight:700}.ladder .won{color:var(--good)}.mil{display:grid;grid-template-columns:1fr 190px;gap:16px}@media(max-width:640px){.mil{grid-template-columns:1fr}.mil .ladder{grid-template-columns:repeat(5,1fr);font-size:11px}.ladder div{padding:2px 4px;justify-content:center}.ladder div span:first-child{display:none}}.tiles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tile{width:48px;height:52px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);font-size:24px;font-weight:700;display:grid;place-items:center;box-shadow:0 3px 0 var(--line)}.tile:disabled{opacity:.25}.slots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;min-height:58px}.slot{width:44px;height:52px;border-radius:10px;border:2px dashed var(--line);display:grid;place-items:center;font-size:24px;font-weight:700;background:none}.slot.f{border-style:solid;border-color:var(--brand);background:var(--surface)}.clue{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.clue b{font-family:var(--f-display);font-weight:800;color:var(--accent);font-size:20px;line-height:1.2}.story{font-size:18px;line-height:2.4;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.gap{border:0;border-bottom:2px dashed var(--muted);background:var(--sunk);border-radius:6px 6px 0 0;padding:0 10px;min-width:90px;font-weight:700;line-height:1.7}.gap.act{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.gap.ok{border-color:var(--good);border-bottom-style:solid;color:var(--good)}.gap.no{border-color:var(--bad);border-bottom-style:solid;color:var(--bad)}.taboo{background:var(--ink);color:var(--bg);border-radius:var(--r);padding:20px;text-align:center;display:grid;gap:10px}.taboo .w{font-family:var(--f-display);font-weight:800;font-size:36px;color:var(--accent)}.taboo .no{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.taboo .no span{border:1px solid currentColor;border-radius:8px;padding:2px 10px;text-decoration:line-through;opacity:.8}.conn{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.conn button{min-height:62px;border-radius:10px;border:0;background:var(--sunk);font-weight:700;font-size:clamp(11.5px,3vw,14px);padding:4px;line-height:1.35}.conn button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.conn .solved{grid-column:1/-1;border-radius:10px;padding:10px;text-align:center;color:#111;font-weight:600}.conn .solved b{display:block}.timer{font-family:var(--f-display);font-weight:800;font-size:30px;line-height:1}.chal{display:grid;gap:10px}.chal .card.done{border-color:var(--good)}.hang{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}@media(max-width:560px){.hang{grid-template-columns:1fr;justify-items:center}}.hang svg{width:160px;height:180px}.hang svg *{stroke:var(--ink);stroke-width:4;fill:none;stroke-linecap:round}.hang svg .on{opacity:1}.hang svg .off{opacity:.08}.hword{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;direction:rtl}.hword span{width:34px;border-bottom:3px solid var(--ink);text-align:center;font-size:26px;font-weight:700;min-height:42px}.kb{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.kb button{width:38px;height:42px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:18px}.kb button.ok{background:var(--good);color:#fff;border-color:var(--good)}.kb button.no{opacity:.3}.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match .col{display:grid;gap:8px;align-content:start}.match button{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px;font-weight:600;text-align:start;min-height:52px;font-size:14px;line-height:1.45}.match button.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.match button.done{border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--surface));opacity:.75}.flash{perspective:1000px;height:240px}.flash .in{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d;cursor:pointer}.flash.flip .in{transform:rotateY(180deg)}.flash .face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;display:grid;place-items:center;text-align:center;padding:24px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.flash .face.b{transform:rotateY(180deg);background:var(--ink);color:var(--bg)}.flash .face .t{font-family:var(--f-display);font-weight:800;font-size:34px;color:var(--brand)}.flash .face.b .t{font-family:var(--f-body);font-size:19px;color:inherit;font-weight:600}.content h3{font-size:17px;margin-bottom:6px}.content ul{margin:0;padding-inline-start:20px;display:grid;gap:6px}.content li::marker{color:var(--brand)}.ttable{width:100%;border-collapse:collapse;font-size:14px}.ttable th,.ttable td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.ttable th{color:var(--muted);font-weight:600;font-size:12.5px}.tscroll{overflow-x:auto}.formula{font-family:var(--f-display);font-weight:800;font-size:20px;color:var(--brand);padding:8px 14px;background:var(--sunk);border-radius:10px;display:inline-block}.chat{display:grid;gap:10px}.bub{max-width:85%;padding:10px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);animation:pop .3s}.bub.b{justify-self:end;background:color-mix(in srgb,var(--brand) 13%,var(--surface));border-color:transparent}.bub small{display:block;font-weight:700;font-size:12px;color:var(--muted)}details.faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}details.faq summary{font-weight:700;cursor:pointer}details.faq p{margin:8px 0 0}.magnets{display:grid;gap:8px}.magnet{border:0;background:var(--surface);border-radius:8px;padding:10px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;text-align:start;box-shadow:0 2px 0 var(--line),0 0 0 1px var(--line);display:flex;gap:10px;align-items:center}.magnet.picked{opacity:.3}.magnet .n{font-family:var(--f-display);font-weight:800;color:var(--accent);font-size:18px}.cw-wrap{overflow-x:auto}.cw{display:grid;gap:2px;direction:rtl;width:max-content;margin:auto}.cw .c{width:38px;height:38px;position:relative}.cw .c input{width:100%;height:100%;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);text-align:center;font-size:19px;font-weight:700;padding:0}.cw .c sup{position:absolute;top:1px;right:3px;font-size:9px;color:var(--muted);pointer-events:none}.cw .c input.ok{border-color:var(--good);color:var(--good)}.cw .c input.no{border-color:var(--bad);color:var(--bad)}.maze{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;width:100%;margin:auto}.room{aspect-ratio:1;max-width:100%;border-radius:12px;border:1.5px solid var(--line);background:var(--sunk);display:grid;place-items:center;font-size:24px}.room.adj{background:var(--surface);border-color:var(--accent);border-style:dashed}.room.here{background:var(--brand);border-color:var(--brand)}.room.exit{border-color:var(--c-weak);border-style:solid}.room.target{outline:3px solid var(--accent);outline-offset:2px}.room.pulse{animation:pulse .5s 2}@keyframes pulse{50%{transform:scale(1.08);background:color-mix(in srgb,var(--accent) 25%,var(--surface))}}.room.clear{background:color-mix(in srgb,var(--good) 18%,var(--surface))}.tree ul{list-style:none;margin:0;padding-inline-start:22px;border-inline-start:2px solid var(--line)}.tree>ul{border:0;padding:0}.tree li{position:relative;padding:4px 0}.tree li:before{content:"";position:absolute;inset-inline-start:-22px;top:20px;width:18px;border-top:2px solid var(--line)}.tree>ul>li:before{display:none}.node{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:5px 12px;font-weight:600;font-size:14px;display:inline-flex;gap:6px;align-items:center}.node.root{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-family:var(--f-display);font-size:20px;font-weight:800}.node.l1{border-color:var(--cat);color:var(--cat)}.metro text{font-family:var(--f-body);font-size:13px;font-weight:600;fill:var(--ink)}.qitem{display:grid;gap:4px;padding:12px 14px;border-bottom:1px solid var(--line)}.qitem:last-child{border:0}.qitem .a{color:var(--good);font-weight:600;font-size:14px}.books{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.kpis{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi b{font-family:var(--f-display);font-weight:800;font-size:28px;display:block;line-height:1.2}.kpi small{color:var(--muted)}.chart svg{width:100%;height:auto;display:block}.chart text{font-size:11px;fill:var(--muted);font-family:var(--f-body)}.weak-list{display:grid;gap:8px}.weak-list .row{justify-content:space-between;padding:8px 12px;border-radius:10px;background:var(--sunk)}.step{display:flex;gap:12px;align-items:center;padding:8px 0}.step i{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}.step.on i{border-color:var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}.step.ok i{background:var(--good);border-color:var(--good);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.drop{border:2px dashed var(--line);border-radius:var(--r);padding:26px;text-align:center;display:grid;gap:8px;justify-items:center;background:var(--surface)}.drop.over{border-color:var(--brand)}.pick{display:flex;flex-wrap:wrap;gap:8px}.pick label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer}.pick input{accent-color:var(--brand)}.pick label:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface))}.admin{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}@media(max-width:820px){.admin{grid-template-columns:1fr}}.amenu{display:grid;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px;position:sticky;top:70px}.amenu button{border:0;background:none;text-align:start;padding:8px 10px;border-radius:8px;font-weight:500;font-size:14px;display:flex;gap:10px}.amenu button[aria-current=true]{background:var(--ink);color:var(--bg);font-weight:700}@media(max-width:820px){.amenu{position:static;display:flex;overflow-x:auto;padding:6px}.amenu button{white-space:nowrap}}.apanel{display:grid;gap:16px;min-width:0}.trow{display:grid;grid-template-columns:auto 1fr auto auto;gap:4px 12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.trow:last-child{border:0}.trow .ic{font-size:22px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--cat) 14%,var(--surface))}.trow .id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--muted);direction:ltr;text-align:right}.trow.off{opacity:.5}.switch{position:relative;width:40px;height:22px;flex:none}.switch input{opacity:0;position:absolute;inset:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:.2s}.switch span:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--surface);transition:.2s}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{right:21px}.modal{position:fixed;inset:0;z-index:80;background:#00000073;display:grid;place-items:center;padding:16px}.modal .card{width:min(520px,100%);display:grid;gap:12px;max-height:90vh;overflow:auto}.status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.st-ok{color:var(--good)}.st-bad{color:var(--bad)}.st-wait{color:var(--accent)}@media(min-width:1000px){.nav{top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:104px;max-width:none;margin:0;display:grid;align-content:center;padding:12px}.nav-in{grid-template-columns:1fr;gap:8px;border-radius:30px;padding:8px}body{padding-inline-start:104px}main{padding-block-end:40px;max-width:920px}.toast{bottom:24px;inset-inline-start:104px}.bk-hero{margin:16px 0 0;border-radius:34px;height:240px}.bk-sheet{margin:0;padding:24px 0 0;border-radius:0;background:none}}@media(max-width:420px){body{font-size:14.5px}.nav button{font-size:11.5px;height:58px}.nav button .ico{width:23px;height:23px}.p-body{padding-block-start:14px}.tile{width:42px;height:46px;font-size:21px}.slot{width:38px;height:46px;font-size:21px}.kb button{width:33px;height:40px;font-size:16px}.hword span{width:28px;font-size:22px}.flash{height:210px}.flash .face .t{font-size:28px}.trow{grid-template-columns:auto 1fr auto}.trow .iconbtn{grid-column:3;grid-row:2}.card{padding:15px}.qstats small{font-size:11px}}@media(min-width:600px)and (max-width:999px){.p-body{padding-inline:24px}}.cw .c{width:var(--cs,38px);height:var(--cs,38px)}.cw .c input{font-size:calc(var(--cs,38px) * .5)}.sharebtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.sharebtn:hover{color:var(--brand);border-color:var(--brand)}.qhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.sheet{position:fixed;inset:0;z-index:95;background:#00000073;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;justify-items:center}@media(min-width:600px){.sheet{align-items:center;padding:16px}}.sheet .card{width:min(520px,100%);min-width:0;border-radius:20px 20px 0 0;display:grid;gap:14px;max-height:92vh;overflow:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));animation:up .25s}@media(min-width:600px){.sheet .card{border-radius:20px}}@keyframes up{0%{transform:translateY(30px);opacity:0}}.sh-prev{white-space:pre-wrap;background:var(--sunk);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.75;max-height:240px;overflow:auto;border:1px solid var(--line)}.sh-link{min-width:0;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 6px 6px 10px;background:var(--surface)}.sh-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;font-size:13px;color:var(--brand)}.sh-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.sh-apps a,.sh-apps button{display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:600;text-decoration:none;color:var(--ink)}.sh-apps b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px}#pMeta:empty{display:none}.challenge{display:grid;gap:12px;justify-items:center;text-align:center;padding-top:16px}.repbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}.repbtn:hover{color:var(--bad);border-color:var(--bad)}.reasons{display:flex;flex-wrap:wrap;gap:8px}.reasons label{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:7px 12px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.reasons input{position:absolute;opacity:0;pointer-events:none}.reasons label:has(input:checked){border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface));color:var(--bad)}.reasons label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.rtarget{background:var(--sunk);border-radius:12px;padding:10px 14px;font-size:14px;display:grid;gap:4px}.rcard{display:grid;gap:10px;border-inline-start:4px solid var(--st,var(--line))}.rcard .opts-mini{display:grid;gap:3px;font-size:13.5px}.rcard .opts-mini span.ok{color:var(--good);font-weight:700}.rcard .opts-mini span.me{color:var(--bad);font-weight:700}.stbtns{display:flex;gap:6px;flex-wrap:wrap}.stbtns button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--bad);color:#fff;font-size:11.5px;font-weight:700;display:inline-grid;place-items:center;margin-inline-start:auto}.mine{display:grid;gap:8px}.mine .row{justify-content:space-between;padding:8px 12px;border-radius:10px;background:var(--sunk);flex-wrap:nowrap}.mine .row>span:first-child{min-width:0}.p-top{background:var(--surface);border-bottom:0;box-shadow:0 1px 0 var(--line)}.p-top h2{font-family:var(--f-display);font-weight:700}.opt{border-radius:18px;padding:14px 16px;border-color:var(--line);box-shadow:var(--shadow)}.opt .l{background:var(--brand-soft);color:var(--brand);border-radius:10px;font-weight:800}.opt:hover:not(:disabled){border-color:var(--brand)}.progress-dots i.cur{background:var(--brand)}.explain{border-radius:14px;border-inline-start-color:var(--brand)}.result .big{color:var(--brand)}.stars{color:var(--accent)}.kpi{border-radius:20px;box-shadow:var(--shadow)}.amenu{border-radius:22px}.amenu button[aria-current=true]{background:var(--brand);color:#fff}.sheet .card{border-radius:28px 28px 0 0}@media(min-width:600px){.sheet .card{border-radius:28px}}.qitem{padding:14px 16px}.screen>*,.hero .top>*,.daily>*,.row>*,.bk-sheet>*,.apanel>*{min-width:0}.chips,.sugg,.amenu{max-width:100%}.hhead .hi b,.hhead .hi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero .art{width:clamp(78px,26vw,170px);height:auto}.hero h3{font-size:clamp(19px,5.4vw,27px)}.daily .target{width:clamp(62px,20vw,96px);height:clamp(62px,20vw,96px);font-size:clamp(30px,9vw,44px)}.subjs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:700px){.subjs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}}.hero .glyph{width:clamp(60px,20vw,84px)!important;height:clamp(60px,20vw,84px)!important}@media(max-width:420px){.hhead{gap:8px}.avatar{width:46px;height:46px;font-size:18px}.hbtn{min-width:44px;height:44px;border-radius:15px;padding:0 9px}.hhead .hi b{font-size:17.5px}.hhead .hi span{font-size:13px}.hero{padding:20px 16px 18px;border-radius:26px}.hero .ok-tags span{font-size:11.5px}.daily{padding:16px;gap:10px;border-radius:22px}.daily h3{font-size:18px}.subj{padding:12px;border-radius:20px;gap:6px}.subj .ic{width:46px;height:46px;border-radius:14px}.subj .go{width:30px;height:30px;top:12px;inset-inline-end:12px}.subj b{font-size:15px}.subj small{font-size:11.5px}.bk-hero{height:210px}.bk-hero .big{width:118px;height:118px;border-radius:32px}.bk-hero .back{width:44px;height:44px}.unit-h{padding:14px;gap:4px 10px;grid-template-columns:auto 1fr auto}.unit-h .n{width:44px;height:44px;font-size:18px}.unit-h b{font-size:15.5px}.unit-h .chev{display:none}.lesson{padding:12px 14px;gap:10px}.lesson .st{width:40px;height:40px;font-size:18px}.seg button{font-size:13.5px;padding:10px 4px}.actions{gap:10px}.action{padding:16px 8px;border-radius:22px}.action .tile-ic{width:54px;height:54px;border-radius:17px}.action b{font-size:15.5px}.ask .send{width:50px;height:50px;border-radius:16px}.ask .lead{display:none}.ptitle h2{font-size:24px}.qstats{padding:12px 2px}.qstats .tile-ic{width:34px;height:34px;border-radius:10px}.qstats .tile-ic .ico{width:18px;height:18px}.bk-prog b{font-size:24px}}@media(max-width:340px){.nav{inset-inline:6px}.nav button{font-size:10.5px}.hero .art{width:70px}}.p-top-in>*{min-width:0}.p-top-in>button,.p-top-in>.iconbtn{flex:none}.p-top h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-top .pill{max-width:38vw;overflow:hidden;text-overflow:ellipsis;display:inline-block}@media(max-width:420px){.p-top-in{gap:8px;padding-inline:12px}.p-top .iconbtn{width:36px;height:36px}}@media(max-width:380px){.hero .ring{width:84px!important;height:84px!important}.hero .ring .in b{font-size:22px}.hero .ring .in small{font-size:10.5px}}@media(max-width:420px){.pcard{padding:12px}.pcard .tile-ic{width:34px;height:34px;border-radius:10px}}@media(max-width:360px){.pcard .tile-ic{display:none}}.filters{display:grid;gap:8px}.chips.grades .chip{background:var(--brand-soft);border-color:transparent;color:var(--brand)}.chips.grades .chip[aria-pressed=true]{background:var(--brand);color:#fff}.agent-fab{position:fixed;z-index:65;inset-inline-end:16px;bottom:calc(96px + min(env(safe-area-inset-bottom,0px),16px));width:58px;height:58px;border-radius:20px;border:0;color:#fff;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-2),var(--brand));box-shadow:0 10px 26px #5321b56b,inset 0 1px #ffffff4d;transition:transform .15s}.agent-fab .ico{width:28px;height:28px}.agent-fab:active{transform:scale(.94)}.agent-fab.in-player{bottom:calc(18px + env(safe-area-inset-bottom,0px))}.agent-fab.ping:after{content:"";position:absolute;inset:-6px;border-radius:24px;border:2px solid var(--brand-2);animation:ping 1.4s ease-out infinite}@keyframes ping{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.agent-tip{position:fixed;z-index:65;inset-inline-end:84px;bottom:calc(104px + min(env(safe-area-inset-bottom,0px),16px));max-width:min(260px,calc(100vw - 110px));border:0;background:var(--surface);color:var(--ink);font-weight:700;font-size:13.5px;text-align:start;padding:10px 14px;border-radius:16px 16px 4px;box-shadow:0 10px 28px #3c1e7833,0 0 0 1px var(--line);animation:up .25s}.agent-tip.in-player{bottom:calc(26px + env(safe-area-inset-bottom,0px))}.agent-wrap{position:fixed;inset:0;z-index:88;background:#140a2847;display:grid;align-items:end;justify-items:center}.agent-panel{width:100%;max-width:560px;height:min(80vh,680px);background:var(--bg);border-radius:28px 28px 0 0;display:grid;grid-template-rows:auto 1fr auto auto;box-shadow:0 -10px 40px #1e0a4640;overflow:hidden;animation:up .25s;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:700px){.agent-wrap{background:transparent;pointer-events:none;justify-items:end;align-items:end;padding:24px}.agent-panel{pointer-events:auto;width:400px;height:min(640px,calc(100vh - 48px));border-radius:26px;box-shadow:0 20px 60px #1e0a4647,0 0 0 1px var(--line)}[dir=rtl] .agent-wrap,.agent-wrap{justify-items:end}}.agent-h{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:var(--surface);box-shadow:0 1px 0 var(--line)}.agent-h b{font-family:var(--f-display);font-weight:800;font-size:17px}.agent-h small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-h .iconbtn{width:36px;height:36px;border-radius:12px}.agent-h .iconbtn .ico{width:18px;height:18px}.agent-av{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand-2),var(--brand));flex:none}.agent-msgs{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.agent-hello{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:4px;font-size:14.5px}.abub{max-width:88%;padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.75;animation:pop .25s}.abub .t{white-space:pre-wrap;overflow-wrap:anywhere}.abub.it{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-start-start-radius:6px}.abub.me{align-self:flex-end;background:var(--brand);color:#fff;border-start-end-radius:6px}:root[data-theme=dark] .abub.me{color:var(--brand-ink)}.abub.err{border-color:var(--bad);color:var(--bad)}.abub .acts{display:grid;gap:6px;margin-top:10px}.abub .acts button{border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:var(--brand-soft);color:var(--brand);border-radius:12px;padding:8px 10px;font-weight:700;font-size:13px;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abub .src{display:block;margin-top:6px;color:var(--muted);font-size:11.5px}.abub.typing{display:flex;gap:5px;padding:14px}.abub.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}.abub.typing i:nth-child(2){animation-delay:.15s}.abub.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.agent-sugg{padding:0 12px 8px}.agent-sugg button:disabled{opacity:.5}.agent-ask{margin:0 12px 12px;border-radius:20px;padding:6px}.agent-ask .send{width:46px;height:46px;border-radius:15px}.agent-ask .send:disabled{opacity:.45}@media(min-width:1000px){.agent-fab{bottom:24px;inset-inline-end:24px}.agent-tip{bottom:32px;inset-inline-end:92px}}.p-body{padding-block-end:110px}