.chat-avatar{flex-shrink:0;display:inline-flex;position:relative}.chat-online-dot{border:2px solid var(--surface);background:#10b981;border-radius:50%;width:28%;min-width:10px;height:28%;min-height:10px;position:absolute;bottom:0;left:0}.chat-list{flex-direction:column;display:flex}.chat-row{width:100%;color:inherit;text-align:right;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex}.chat-row:hover{background:var(--fill)}.chat-row:focus-visible{background:var(--fill)}.chat-row__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chat-row__top,.chat-row__bottom{align-items:center;gap:6px;min-width:0;display:flex}.chat-row__name{min-width:0;color:var(--tx);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:800;overflow:hidden}.chat-row__time{color:var(--tx-f);flex-shrink:0;font-size:11.5px}.chat-row__time--unread{color:var(--p);font-weight:800}.chat-row__preview{min-width:0;color:var(--tx-m);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.chat-row__preview--unread{color:var(--tx);font-weight:700}.chat-badge{background:var(--p);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.chat-badge--muted{background:var(--tx-f)}.chat-section-title{color:var(--tx-m);padding:14px 14px 4px;font-size:12.5px;font-weight:800}.chat-btn{cursor:pointer;border:1px solid var(--bd-2);background:var(--fill-2);height:38px;color:var(--tx);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:800;transition:transform .15s,background .2s,opacity .2s;display:inline-flex}.chat-btn:not(:disabled):active{transform:scale(.97)}.chat-btn:disabled{opacity:.55;cursor:not-allowed}.chat-btn--primary{background:var(--grad-p);color:#fff;box-shadow:0 5px 15px var(--sh-p);border:none}.chat-btn--danger{color:#ef4444;background:#ef444414;border:1px solid #ef444459}.chat-btn--ghost{color:var(--tx-m);background:0 0;border:none}.chat-btn--block{border-radius:14px;width:100%;height:46px;font-size:14.5px}.chat-action-card{border:1px solid var(--bd-2);background:var(--surface);width:100%;color:var(--tx);cursor:pointer;text-align:right;border-radius:16px;align-items:center;gap:12px;padding:12px;transition:background .15s,transform .15s;display:flex}.chat-action-card:hover{background:var(--fill)}.chat-action-card__icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.page-main>.chat-thread-page{padding:12px 0 14px!important}.page-main:has(>.chat-thread-page){padding-bottom:0!important}.chat-thread{border:1px solid var(--bd-2);background:var(--surface);height:calc(100dvh - 98px);min-height:420px;box-shadow:0 10px 40px var(--sh);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-thread__header{border-bottom:1px solid var(--bd);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;min-height:62px;padding:10px 12px;display:flex}.chat-thread__person{min-width:0;color:inherit;cursor:pointer;text-align:right;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.chat-thread__name{color:var(--tx);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.chat-thread__status{color:var(--tx-m);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-thread__status--live{color:#10b981}.chat-messages{background:radial-gradient(circle at 100% 0%, var(--p-muted), transparent 40%), radial-gradient(circle at 0% 100%, var(--a-muted), transparent 45%), var(--bg);overscroll-behavior:contain;flex-direction:column-reverse;flex:1;gap:2px;padding:12px 12px 8px;display:flex;overflow-y:auto}.chat-day{justify-content:center;margin:10px 0 6px;display:flex}.chat-day span{color:var(--tx-m);background:var(--surface);border:1px solid var(--bd);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.chat-notice{text-align:center;max-width:440px;color:var(--tx-m);background:var(--p-muted);border-radius:14px;align-self:center;margin:8px 12px;padding:8px 14px;font-size:12px;line-height:1.7}.chat-system{text-align:center;max-width:80%;color:var(--tx-m);background:var(--p-muted);border-radius:12px;align-self:center;margin:4px 0;padding:5px 12px;font-size:12px;line-height:1.6}.chat-msg{border-radius:12px;align-items:flex-end;gap:6px;padding:1px 4px;transition:background .4s;display:flex;position:relative}.chat-msg--mine{flex-direction:row-reverse;justify-content:flex-start}.chat-msg--highlight{background:#3b82f62e}.chat-msg--selected{background:var(--p-muted)}.chat-msg--selectable{cursor:pointer}.chat-msg__wrap{flex-direction:column;max-width:min(78%,560px);display:flex;position:relative}.chat-msg--mine .chat-msg__wrap{align-items:flex-end}.chat-msg:not(.chat-msg--mine) .chat-msg__wrap{align-items:flex-start}.chat-msg__check{border:2px solid var(--tx-f);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:22px;height:22px;display:flex}.chat-msg__check--on{background:var(--p);border-color:var(--p)}.chat-msg__sender-avatar{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:30px;padding:0}.chat-bubble{word-break:break-word;overflow-wrap:anywhere;border-radius:18px;min-width:64px;max-width:100%;padding:8px 12px 6px;position:relative;box-shadow:0 1px 2px #0000000f}.chat-bubble--mine{background:var(--grad-p);color:#fff;border-bottom-left-radius:6px}.chat-bubble--theirs{background:var(--surface);color:var(--tx);border:1px solid var(--bd-2);border-bottom-right-radius:6px}.chat-bubble--deleted.chat-bubble--mine{opacity:.75}.chat-bubble--image{padding:4px 4px 6px}.chat-bubble--bare{box-shadow:none;padding:0 2px;background:0 0!important;border:none!important}.chat-bubble__sender{cursor:pointer;background:0 0;border:none;margin-bottom:2px;padding:0;font-size:12.5px;font-weight:800;display:block}.chat-bubble__text{white-space:pre-wrap;font-size:15px;line-height:1.65}.chat-bubble__text--clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-bubble__more{cursor:pointer;color:inherit;opacity:.9;background:0 0;border:none;margin-top:2px;padding:0;font-size:13px;font-weight:800;text-decoration:underline}.chat-bubble__emoji{text-align:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1.25}.chat-bubble__meta{opacity:.8;justify-content:flex-end;align-items:center;gap:3px;margin-top:1px;font-size:10.5px;display:flex}.chat-bubble__forwarded{opacity:.8;align-items:center;gap:4px;margin-bottom:2px;font-size:11.5px;font-style:italic;display:flex}.chat-bubble__deleted{opacity:.85;align-items:center;gap:5px;font-size:14px;font-style:italic;display:flex}.chat-mention{cursor:pointer;color:inherit;background:#ffffff2e;border-radius:4px;padding:0 2px;font-weight:800;text-decoration:none}.chat-bubble--theirs .chat-mention{color:var(--p);background:var(--p-muted)}.chat-quote{text-align:right;border:none;border-right:3px solid var(--p);cursor:pointer;background:var(--p-muted);width:100%;min-width:150px;color:var(--tx-m);border-radius:8px;margin-bottom:5px;padding:5px 8px;display:block}.chat-bubble--mine .chat-quote{color:#ffffffe0;background:#ffffff29;border-right-color:#fff}.chat-quote__name{color:var(--p);font-size:12px;font-weight:800}.chat-bubble--mine .chat-quote__name{color:#fff}.chat-quote__body{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.chat-msg__menu-btn{border:1px solid var(--bd-2);background:var(--surface);width:26px;height:26px;color:var(--tx-m);cursor:pointer;opacity:0;z-index:2;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;top:4px}.chat-msg--mine .chat-msg__menu-btn{right:-32px}.chat-msg:not(.chat-msg--mine) .chat-msg__menu-btn{left:-32px}.chat-msg:hover .chat-msg__menu-btn,.chat-msg__menu-btn[aria-expanded=true]{opacity:1}.chat-msg__menu-btn:focus-visible{opacity:1}@media (hover:none){.chat-msg__menu-btn{display:none}}.chat-menu{z-index:30;background:var(--surface);border:1px solid var(--bd-2);border-radius:16px;min-width:210px;margin-top:4px;padding:6px;position:absolute;top:100%;box-shadow:0 14px 40px #0003}.chat-msg--mine .chat-menu{left:0}.chat-msg:not(.chat-msg--mine) .chat-menu{right:0}.chat-menu--up{margin-top:0;margin-bottom:4px;top:auto;bottom:100%}.chat-menu__reactions{border-bottom:1px solid var(--bd);align-items:center;gap:2px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.chat-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:21px;line-height:1;transition:transform .12s,background .12s;display:inline-flex}.chat-emoji-btn:hover{background:var(--fill-2);transform:scale(1.18)}.chat-emoji-btn--on{background:var(--p-soft)}.chat-reactions{z-index:1;flex-wrap:wrap;gap:4px;margin-top:-4px;padding:0 6px;display:flex}.chat-reaction-pill{border:1px solid var(--bd-2);background:var(--surface);height:24px;color:var(--tx);cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:0 7px;font-size:13px;display:inline-flex;box-shadow:0 1px 3px #00000014}.chat-reaction-pill--mine{border-color:var(--p);background:var(--p-muted)}.chat-reaction-pill b{color:var(--tx-m);font-size:11px;font-weight:800}.chat-failed{color:#ef4444;cursor:pointer;background:0 0;border:none;margin:2px 6px;padding:0;font-size:11px}.chat-gift{text-align:center;color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ec4899 50%,#8b5cf6 100%);border-radius:22px;width:230px;max-width:100%;padding:14px 14px 8px;position:relative;overflow:hidden;box-shadow:0 8px 24px #ec489940}.chat-gift:before{content:"";background:#ffffff24;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-50px}.chat-gift__emoji{font-size:40px;line-height:1.2}.chat-gift__title{opacity:.9;font-size:13px;font-weight:700}.chat-gift__amount{font-size:26px;font-weight:900}.chat-gift__note{margin-top:4px;font-size:13px;line-height:1.6}.chat-image{cursor:zoom-in;background:var(--fill-2);border:none;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.chat-image img{object-fit:cover;width:100%;height:100%;display:block}.chat-image__loading{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chat-audio{align-items:center;gap:10px;min-width:220px;max-width:280px;padding:2px 0;display:flex}.chat-audio__play{cursor:pointer;color:#fff;background:var(--p);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-bubble--mine .chat-audio__play{background:#ffffff47}.chat-audio__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chat-wave{cursor:pointer;direction:ltr;align-items:center;gap:2px;height:30px;display:flex}.chat-wave span{opacity:.4;background:currentColor;border-radius:2px;flex:1;min-width:2px}.chat-wave span.on{opacity:1}.chat-audio__meta{opacity:.85;justify-content:space-between;align-items:center;font-size:11px;display:flex}.chat-audio__speed{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:0 6px;font-size:11px;font-weight:800}.chat-composer{border-top:1px solid var(--bd);background:var(--surface);flex-shrink:0;position:relative}.chat-composer__row{align-items:flex-end;gap:8px;padding:8px 10px;display:flex}.chat-composer__input-wrap{border:1.5px solid var(--bd-2);background:var(--bg);border-radius:22px;flex:1;align-items:flex-end;gap:2px;min-width:0;min-height:46px;padding:0 4px;transition:border-color .2s;display:flex}.chat-composer__input-wrap:focus-within{border-color:var(--p)}.chat-composer textarea{resize:none;min-width:0;color:var(--tx);background:0 0;border:none;outline:none;flex:1;max-height:140px;padding:11px 4px;font-family:inherit;font-size:15px;line-height:1.5}.chat-composer textarea::placeholder{color:var(--tx-f)}.chat-icon-btn{width:38px;height:44px;color:var(--tx-m);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-icon-btn:hover,.chat-icon-btn--on{color:var(--p)}.chat-send{cursor:pointer;background:var(--grad-p);color:#fff;width:46px;height:46px;box-shadow:0 5px 15px var(--sh-p);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,opacity .2s;display:inline-flex}.chat-send:disabled{background:var(--fill-2);color:var(--tx-f);box-shadow:none;cursor:default}.chat-send:not(:disabled):active{transform:scale(.94)}.chat-reply-bar{border-right:3px solid var(--p);background:var(--p-muted);border-radius:10px;align-items:center;gap:6px;margin:8px 10px 0;padding:6px 10px 6px 4px;display:flex}.chat-reply-bar__texts{flex:1;min-width:0}.chat-reply-bar__name{color:var(--p);font-size:12.5px;font-weight:800}.chat-reply-bar__body{color:var(--tx-m);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-popover{z-index:20;background:var(--surface);border:1px solid var(--bd-2);border-radius:18px;max-width:420px;margin-bottom:6px;position:absolute;bottom:100%;left:10px;right:10px;overflow:hidden;box-shadow:0 -10px 40px #0000002e}.chat-emoji-panel__tabs{border-bottom:1px solid var(--bd);gap:2px;padding:6px;display:flex}.chat-emoji-panel__grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;max-height:240px;padding:8px;display:grid;overflow-y:auto}.chat-mention-item{width:100%;color:var(--tx);cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.chat-mention-item:hover,.chat-mention-item--active{background:var(--fill-2)}.chat-recorder{align-items:center;gap:10px;padding:10px 12px;display:flex}.chat-recorder__dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.1s ease-in-out infinite pulse}.chat-recorder__time{font-variant-numeric:tabular-nums;color:var(--tx);min-width:44px;font-weight:800}.chat-recorder__wave{min-width:0;height:30px;color:var(--p);direction:ltr;flex:1;justify-content:flex-end;align-items:center;gap:2px;display:flex;overflow:hidden}.chat-recorder__wave span{background:currentColor;border-radius:2px;flex-shrink:0;width:3px}.chat-selection-bar{border-bottom:1px solid var(--bd);background:var(--p-muted);flex-shrink:0;align-items:center;gap:6px;min-height:62px;padding:10px 12px;display:flex}.chat-selection-bar__count{color:var(--tx);flex:1;font-size:16px;font-weight:900}.chat-viewer{z-index:1100;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.chat-viewer img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}.chat-fab{z-index:50;cursor:pointer;background:var(--grad-p);color:#fff;width:58px;height:58px;box-shadow:0 10px 30px var(--sh-p);border:none;border-radius:20px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;left:28px}@media (max-width:768px){.page-main>.chat-thread-page{padding:6px 0 8px!important}.chat-thread{border-radius:18px;height:calc(100dvh - 78px);min-height:360px}.chat-msg__wrap{max-width:86%}.chat-fab{bottom:20px;left:16px}.page-main .chat-btn,.page-main .chat-send,.page-main .chat-icon-btn{min-height:0}}@media (max-width:420px){.chat-thread{border-radius:14px}.chat-messages{padding:10px 6px 6px}.chat-audio{min-width:190px}.chat-composer__row{gap:6px;padding:6px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--p:#2563eb;--p-light:#3b82f6;--p-dark:#1d4ed8;--p-muted:#2563eb1a;--p-soft:#2563eb29;--p-glow:#2563eb47;--a:#7c3aed;--a-light:#8b5cf6;--a-muted:#7c3aed1a;--a2:#f59e0b;--a2-muted:#f59e0b1f;--bg:#f6f7f9;--bg-2:#eff1f4;--bg-3:#e6e8ec;--surface:#fff;--surface-2:#fafafb;--panel:#fffffff5;--glass:#ffffffb8;--glass-nav:#f6f7f9e0;--tx:#111318;--tx-2:#050608;--tx-m:#5f6470;--tx-f:#9aa0ab;--tx-inv:#fff;--bd:#11131814;--bd-2:#1113181f;--bd-p:#2563eb4d;--fill:#11131808;--fill-2:#1113180d;--fill-3:#1113180a;--sh:#1113180f;--sh-p:#2563eb33;--sh-d:#1113181f;--grad-p:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--grad-a:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--grad-hero:linear-gradient(135deg, #1fc8c0 0%, #2563eb 55%, #6d28d9 100%);--grad-warm:linear-gradient(135deg, #f6f7f9 0%, #eff1f4 100%);--r-s:8px;--r-m:14px;--r-l:20px;--r-xl:28px;--r-2xl:40px}[data-theme=dark]{--p:#5b8cff;--p-light:#7ba3ff;--p-dark:#3d6fe8;--p-muted:#5b8cff24;--p-soft:#5b8cff38;--p-glow:#5b8cff59;--a:#a78bfa;--a-light:#c4b5fd;--a-muted:#a78bfa29;--a2:#f59e0b;--a2-muted:#f59e0b24;--bg:#101012;--bg-2:#141416;--bg-3:#18181b;--surface:#18181b;--surface-2:#1c1c20;--panel:#18181b;--glass:#18181b9e;--glass-nav:#101012cc;--tx:#ededef;--tx-2:#fafafa;--tx-m:#a1a1a8;--tx-f:#6e6e76;--tx-inv:#101012;--bd:#ffffff12;--bd-2:#ffffff1c;--bd-p:#5b8cff52;--fill:#ffffff0a;--fill-2:#ffffff12;--fill-3:#ffffff0a;--sh:#00000073;--sh-p:#5b8cff38;--sh-d:#0009;--grad-p:linear-gradient(135deg, #5b8cff 0%, #3d6fe8 100%);--grad-a:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--grad-hero:linear-gradient(135deg, #1fc8c0 0%, #3d6fe8 55%, #7c3aed 100%);--grad-warm:linear-gradient(135deg, #18181b 0%, #1c1c20 100%)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100vh;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}#root{min-height:100vh}button,input,select,textarea,a{font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bd-p);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--p)}::selection{background:var(--p-soft);color:var(--tx)}:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes floatX{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-15px)scale(1.04)}66%{transform:translate(-15px,10px)scale(.97)}}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glassSheen{0%{transform:translate(-100%)skew(-12deg)}to{transform:translate(250%)skew(-12deg)}}.aurora{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.aurora__orb{border-radius:50%;position:absolute}.aurora__orb--1{filter:blur(50px);background:radial-gradient(circle,#2563eb24 0%,#3b82f60d 50%,#0000 70%);width:60vw;max-width:720px;height:60vw;max-height:720px;animation:20s ease-in-out infinite floatX;top:-18%;right:-12%}.aurora__orb--2{filter:blur(60px);background:radial-gradient(circle,#4f46e517 0%,#6366f108 50%,#0000 70%);width:50vw;max-width:600px;height:50vw;max-height:600px;animation:26s ease-in-out infinite reverse floatX;bottom:-14%;left:-10%}.aurora__orb--3{filter:blur(65px);background:radial-gradient(circle,#3b82f614 0%,#0000 65%);width:36vw;max-width:440px;height:36vw;max-height:440px;animation:30s ease-in-out -10s infinite floatX;top:42%;left:32%}[data-theme=dark] .aurora__orb--1{background:radial-gradient(circle,#5b8cff21 0%,#7ba3ff0a 45%,#0000 70%);width:65vw;max-width:780px;height:65vw;max-height:780px;animation-duration:22s;top:-22%;right:-14%}[data-theme=dark] .aurora__orb--2{background:radial-gradient(circle,#6366f11a 0%,#818cf808 45%,#0000 70%);width:55vw;max-width:660px;height:55vw;max-height:660px;animation-duration:28s;bottom:-18%;left:-12%}[data-theme=dark] .aurora__orb--3{filter:blur(70px);background:radial-gradient(circle,#5b8cff0f 0%,#0000 65%);width:38vw;max-width:480px;height:38vw;max-height:480px;animation-duration:34s;animation-delay:-12s;top:38%;left:28%}.input{border-radius:var(--r-m);border:1.5px solid var(--bd-2);background:var(--surface);width:100%;color:var(--tx);outline:none;padding:12px 16px;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.input:focus{border-color:var(--p);background:var(--surface-2);box-shadow:0 0 0 3px var(--p-muted)}.input::placeholder{color:var(--tx-f)}.input[aria-invalid=true]{border-color:#ef4444}.card-link{color:inherit;text-decoration:none;display:block}.card-link:focus-visible{outline:2px solid var(--p);outline-offset:3px;border-radius:18px}.pill-link{transition:transform .2s cubic-bezier(.16,1,.3,1)}.pill-link:hover{transform:scale(1.03)}.pill-link:active{transform:scale(.97)}.icon-btn{transition:background .2s,color .2s,transform .15s}.icon-btn:not(:disabled):active{transform:scale(.94)}.icon-btn:disabled{opacity:.6}@media (hover:hover){.icon-btn--outline:not(:disabled):hover{background:var(--fill)!important;color:var(--tx)!important}.icon-btn--ghost:not(:disabled):hover{color:var(--tx)!important}}.menu-link{width:100%;color:var(--tx);text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.menu-link:hover{background:var(--fill)}.menu-link:focus-visible{background:var(--fill)}.menu-link--danger{color:#ef4444;font-weight:700}.text-button{color:var(--p);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:800;text-decoration:underline}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}img,video,iframe,canvas,svg,button,input,select,textarea{max-width:100%}@media (max-width:640px){.lecture-floating-player{width:auto!important;bottom:14px!important;left:14px!important;right:14px!important}}@media (max-width:768px){html{scroll-padding-top:64px}body{font-size:14px}.page-main{overflow:clip;width:100%!important;max-width:100%!important;padding:64px 14px 92px!important}.page-main--flush{padding-left:0!important;padding-right:0!important}.page-main>div{padding-top:20px!important;padding-bottom:40px!important}.page-main h1{letter-spacing:-.5px!important;font-size:clamp(22px,7vw,29px)!important;line-height:1.25!important}.page-main h2{font-size:clamp(17px,5vw,21px)!important;line-height:1.35!important}.page-main h3{line-height:1.4!important}.page-main p{overflow-wrap:anywhere}.page-main [style*=grid-template-columns]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.page-main [style*="1fr 340px"],.page-main [style*="1fr auto"]{grid-template-columns:minmax(0,1fr)!important}.page-main [style*="min-width: 200px"],.page-main [style*="min-width: 220px"],.page-main [style*="min-width: 250px"],.page-main [style*="min-width: 270px"],.page-main [style*="min-width: 280px"],.page-main [style*="min-width: 300px"],.page-main [style*="min-width: 320px"]{min-width:0!important}.page-main [style*="overflow-x: auto"]{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-inline:14px;margin-inline-start:-14px!important;margin-inline-end:-14px!important;padding-inline-start:14px!important;padding-inline-end:14px!important}.page-main [style*="overflow-x: auto"]::-webkit-scrollbar{display:none}.page-main [style*="overflow-x: auto"]>*{scroll-snap-align:start}.page-main [style*="width: fit-content"]{scrollbar-width:none;width:100%!important;max-width:100%!important;overflow-x:auto!important}.page-main [style*="width: fit-content"]>button{white-space:nowrap;flex:none!important}.input{border-radius:13px;min-height:46px;font-size:16px}.page-main button{min-height:40px}.glass-card{border-radius:17px!important}nav[aria-label=التنقل\ الرئيسي]{height:64px!important}nav[aria-label=التنقل\ الرئيسي]>div{height:64px!important;padding-inline-start:14px!important;padding-inline-end:14px!important}.nav-brand{margin-left:0!important}.nav-drop-panel{max-height:calc(100dvh - 78px);width:auto!important;position:fixed!important;top:66px!important;left:10px!important;right:10px!important;overflow-y:auto!important}.modal-backdrop{align-items:flex-end!important;padding:10px!important}.modal-panel{border-radius:22px 22px 12px 12px!important;max-width:100%!important;max-height:min(92dvh,760px)!important}.modal-header{padding:14px 16px!important}.modal-body{overscroll-behavior:contain;padding:16px!important}.lecture-floating-player{width:auto!important;bottom:10px!important;left:10px!important;right:10px!important}#root>div[style*="align-items: center"]{padding:14px!important;align-items:flex-start!important;padding-top:28px!important}}@media (max-width:520px){.page-main{padding-inline-start:12px!important;padding-inline-end:12px!important}.page-main>div{padding-top:16px!important}.page-main [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.mobile-compact-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.mobile-compact-grid-3>*{min-width:0!important;padding-inline-start:5px!important;padding-inline-end:5px!important}.page-main [style*=minmax\(160px]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-main [style*="padding: 40px"],.page-main [style*="padding: 32px"],.page-main [style*="padding: 28px"]{padding:18px!important}.page-main [style*="padding: 24px"]{padding:16px!important}.glass-card{border-radius:16px!important}.page-main [style*="font-size: 52px"],.page-main [style*="font-size: 48px"]{font-size:38px!important}.modal-body [style*="display: flex"][style*="gap: 10px"]{flex-wrap:wrap}.modal-body [style*="display: flex"][style*="gap: 10px"]>button{min-width:100%}}@media (max-width:340px){.page-main{padding-inline-start:9px!important;padding-inline-end:9px!important}.page-main [style*=minmax\(160px]{grid-template-columns:minmax(0,1fr)!important}.page-main h1{font-size:21px!important}.modal-backdrop{padding:5px!important}.nav-brand-text{display:none}.mobile-compact-grid-3{grid-template-columns:minmax(0,1fr)!important}}@media (hover:none),(pointer:coarse){button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}}@media (max-width:768px),(prefers-reduced-motion:reduce){.aurora__orb{display:none}.aurora{background:radial-gradient(circle at 88% 0,#2563eb1f,#0000 55%),radial-gradient(circle at 5% 100%,#4f46e514,#0000 50%)}[data-theme=dark] .aurora{background:radial-gradient(circle at 88% 0,#5b8cff1c,#0000 55%),radial-gradient(circle at 5% 100%,#6366f114,#0000 50%)}.page-main [style*=backdrop-filter]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:.8s!important;animation-iteration-count:infinite!important}.ticker-track{animation:none!important}}@media print{body{display:none!important}}.content-obscured #root{filter:blur(24px);opacity:.08;transition:none!important}.lesson-layout{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);align-items:start;gap:22px;margin-top:12px;display:grid}.lesson-sidebar{max-height:calc(100vh - 110px);top:88px;position:sticky!important;overflow-y:auto!important}@media (max-width:960px){.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-sidebar{max-height:none;top:auto;position:relative!important}}