.connection-banner{z-index:999999;background:var(--surface);border:1px solid var(--border-hi);pointer-events:auto;border-radius:20px;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;top:50%;left:12px;right:12px;transform:translateY(-50%);box-shadow:0 12px 32px #00000047}.connection-banner-icon{background:#ff7a3d1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.connection-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.connection-banner-title{color:var(--text);font-size:14px;font-weight:700}.connection-banner-sub{color:var(--text-sec);font-size:12px;line-height:1.6}.connection-banner-btn{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:all .25s}.connection-banner-btn:hover{filter:brightness(1.08)}.update-banner{bottom:calc(env(safe-area-inset-bottom,0px) + 68px);z-index:999999;background:var(--surface);border:1px solid var(--border-hi);pointer-events:auto;border-radius:20px;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:14px 16px;animation:.25s cubic-bezier(.2,.8,.2,1) update-banner-in;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 12px 32px #00000047}@keyframes update-banner-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.update-banner-icon{background:#ff7a3d1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.update-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.update-banner-title{color:var(--text);font-size:14px;font-weight:700}.update-banner-sub{color:var(--text-sec);font-size:12px;line-height:1.6}.update-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.update-banner-later{height:36px;color:var(--text-sec);background:0 0;border-radius:12px;padding:0 10px;font-size:13px;font-weight:600;transition:all .25s}.update-banner-later:hover{color:var(--text)}.update-banner-btn{background:var(--accent);color:#fff;border-radius:12px;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:all .25s}.update-banner-btn:hover{filter:brightness(1.08)}.app-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 68px);z-index:500;background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);opacity:0;pointer-events:none;align-items:center;gap:10px;width:fit-content;max-width:calc(100vw - 32px);margin:0 auto;padding:8px 14px;transition:opacity .22s,transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;left:12px;right:12px;transform:translateY(10px)scale(.96);box-shadow:0 12px 32px #00000047}.app-toast.app-toast-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.app-toast-text{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.4}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Vazirmatn-Regular.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Vazirmatn-Medium.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Vazirmatn-SemiBold.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Vazirmatn-Bold.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Vazirmatn-ExtraBold.woff2)format("woff2")}:root{--bg:#0b0f17;--surface:#131a26;--surface-hi:#1a2332;--surface-lo:#0f1521;--border:#ffffff0f;--border-hi:#ffffff1a;--text:#f2f4f8;--text-sec:#9aa3b5;--text-ter:#5e6678;--text-inv:#0b0f17;--scrim:#0b0f17f5;--ok:#4ade80;--warn:#f4b740;--danger:#f87171;--info:#6fa8ff;--accent:#ff7a3d;--accent-glow:#ff7a3d59;--font-ui:"Vazirmatn",system-ui,sans-serif;--font-mono:"Vazirmatn",system-ui,sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--tab-bar-height:64px;--content-padding-bottom:calc(var(--tab-bar-height) + 16px + env(safe-area-inset-bottom,0px))}[data-theme=giorno]{--bg:#f4f6fa;--surface:#fff;--surface-hi:#eceff5;--surface-lo:#f8fafc;--border:#0f152112;--border-hi:#0f152121;--text:#0b0f17;--text-sec:#5a6478;--text-ter:#98a0ae;--text-inv:#fff;--scrim:#f4f6faf5;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--info:#2563eb}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;margin:0;padding:0}html{-webkit-text-size-adjust:100%;direction:rtl;height:100%;font-size:16px}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;direction:rtl;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;text-align:right;direction:rtl}input[dir=ltr],textarea[dir=ltr]{text-align:left;direction:ltr;unicode-bidi:isolate}img,svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:0;height:0;display:none}.app-root{width:100%;overflow-x:clip}@media (width>=600px){body{background:color-mix(in srgb,var(--bg)60%,#000 40%);justify-content:center;display:flex}.app-root{background:var(--bg);max-width:480px;min-height:100dvh;position:relative;box-shadow:0 0 80px #00000080}}.sidebar{display:none}@media (width>=768px){body{background:var(--bg);display:block}.app-root{max-width:none;box-shadow:none}.tab-bar{display:none!important}.sidebar{display:flex!important}.main-content{margin-inline-start:220px}:root{--content-padding-bottom:24px}}