:root{--c-bg: #F0F0F1;--c-bg-tint: #F0F0F1;--c-surface: #FFFFFF;--c-surface-muted: #F4F4F5;--c-surface-sunken: #E7E7E9;--c-border: #E8E8EA;--c-text: #17181A;--c-text-muted: #77787D;--c-text-faint: #A2A3A8;--c-primary: #E8531B;--c-primary-press: #C9410F;--c-primary-soft: #FCE1D2;--c-on-primary: #FFFFFF;--c-ink: #232326;--c-ink-press: #3B3B3F;--c-on-ink: #FFFFFF;--c-accent: #FF8A50;--c-accent-soft: #FDE4D2;--c-on-accent: #7A3510;--c-surface-dark: #1E1E21;--c-on-surface-dark: #F5F5F6;--c-pomegranate: #C8394A;--c-sky: #4A7FA8;--c-success: #2E8B57;--c-warning: #D2820F;--c-danger: #C8394A;--c-hero-from: #D63C0A;--c-hero-via: #FF7A3D;--c-hero-to: #FFC9A3;--c-chart1: #E8531B;--c-chart2: #F2A33C;--c-chart3: #4A7FA8;--c-chart4: #C8394A;--c-chart5: #7A5AA6;--c-chart6: #2E8B7A;--r-sm: .875rem;--r-md: 1.375rem;--r-lg: 1.875rem;--r-xl: 2.375rem;--r-pill: 62.4375rem;--s-xs: .25rem;--s-sm: .5rem;--s-md: 1rem;--s-lg: 1.5rem;--s-xl: 2rem;--s-xxl: 3rem;--shadow-card: 0 4px 22px rgba(23, 24, 26, .06);--shadow-raised: 0 10px 34px rgba(23, 24, 26, .1);--shadow-hero: 0 16px 44px rgba(23, 24, 26, .18);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .14s;--t-base: .24s;--t-slow: .42s}:root[data-theme=dark]{--c-bg: #0F0F11;--c-bg-tint: #141416;--c-surface: #1A1A1D;--c-surface-muted: #232327;--c-surface-sunken: #0C0C0E;--c-border: #2E2E33;--c-text: #EDEDEF;--c-text-muted: #9B9CA2;--c-text-faint: #6E6F75;--c-primary: #FF7A45;--c-primary-press: #E8631F;--c-primary-soft: #3A2318;--c-on-primary: #1A0A03;--c-ink: #EDEDEF;--c-ink-press: #C9C9CE;--c-on-ink: #17181A;--c-accent: #FFA070;--c-accent-soft: #3B2A20;--c-on-accent: #FFD9C2;--c-surface-dark: #0C0C0E;--c-on-surface-dark: #EDEDEF;--c-pomegranate: #E0697A;--c-sky: #7FB0D4;--c-success: #5CBF8A;--c-warning: #E5A94D;--c-danger: #E0697A;--c-hero-from: #8C2606;--c-hero-via: #D63C0A;--c-hero-to: #FF9257;--c-chart1: #FF7A45;--c-chart2: #F2B85C;--c-chart3: #7FB0D4;--c-chart4: #E0697A;--c-chart5: #B79BDD;--c-chart6: #5CC0AE}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--c-bg: #0F0F11;--c-bg-tint: #141416;--c-surface: #1A1A1D;--c-surface-muted: #232327;--c-surface-sunken: #0C0C0E;--c-border: #2E2E33;--c-text: #EDEDEF;--c-text-muted: #9B9CA2;--c-text-faint: #6E6F75;--c-primary: #FF7A45;--c-primary-press: #E8631F;--c-primary-soft: #3A2318;--c-on-primary: #1A0A03;--c-ink: #EDEDEF;--c-ink-press: #C9C9CE;--c-on-ink: #17181A;--c-accent: #FFA070;--c-accent-soft: #3B2A20;--c-on-accent: #FFD9C2;--c-surface-dark: #0C0C0E;--c-on-surface-dark: #EDEDEF;--c-pomegranate: #E0697A;--c-sky: #7FB0D4;--c-success: #5CBF8A;--c-warning: #E5A94D;--c-danger: #E0697A;--c-hero-from: #8C2606;--c-hero-via: #D63C0A;--c-hero-to: #FF9257;--c-chart1: #FF7A45;--c-chart2: #F2B85C;--c-chart3: #7FB0D4;--c-chart4: #E0697A;--c-chart5: #B79BDD;--c-chart6: #5CC0AE}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px}@media (min-width: 1024px){html{font-size:clamp(13px,calc(100vw / 1920 * 16),32px)}}html,body,#root{height:100%}body{font-family:Vazirmatn,system-ui,sans-serif;background:var(--c-bg);color:var(--c-text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.fa-nums{font-variant-numeric:normal}:root{--font-fa: "Vazirmatn", sans-serif}.app-column{width:100%;max-width:34rem;margin:0 auto;padding:0 var(--s-md);display:flex;flex-direction:column;gap:var(--s-md)}.app-scroll{min-height:100%;padding-block:var(--s-md) 7rem}.card{background:var(--c-surface);border-radius:var(--r-md);padding:var(--s-md);box-shadow:var(--shadow-card)}.card--tap{cursor:pointer;transition:transform var(--t-fast) var(--ease)}.card--tap:active{transform:scale(.985)}.hero{border-radius:var(--r-lg);padding:var(--s-lg);color:#fff;text-align:center;background:linear-gradient(135deg,var(--c-hero-from),var(--c-hero-via),var(--c-hero-to));box-shadow:var(--shadow-hero)}.section-header{display:flex;align-items:center;gap:var(--s-sm);padding-block:var(--s-sm)}.section-header h2{font-size:1.15rem;font-weight:700;flex:1}.section-header button{color:var(--c-primary);font-weight:600;min-height:2.75rem}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint)}.small{font-size:.85rem}.title{font-size:1.05rem;font-weight:600}.display{font-size:1.6rem;font-weight:700;line-height:1.35}.row{display:flex;align-items:center;gap:var(--s-sm)}.col{display:flex;flex-direction:column;gap:var(--s-sm)}.wrap{display:flex;flex-wrap:wrap;gap:var(--s-sm)}.reactions{flex-wrap:wrap;row-gap:var(--s-xs)}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;padding:0 var(--s-md);border-radius:var(--r-pill);background:var(--c-surface-muted);border:1px solid var(--c-border);font-size:.95rem;font-weight:500;white-space:nowrap}.chip--on{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.chip--ghost{background:transparent}.chip--danger{color:var(--c-danger);border-color:transparent;background:transparent}.stat{flex:1;min-width:0;text-align:center;background:var(--c-surface-muted);border-radius:var(--r-sm);padding:var(--s-sm) var(--s-xs)}.stat b{display:block;font-size:1.3rem}.stat span{font-size:.8rem;color:var(--c-text-muted)}.avatar{border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:700;overflow:hidden;flex:none;object-fit:cover}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--ring{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-primary)}.input,.textarea{width:100%;min-height:3.2rem;padding:.85rem var(--s-md);border-radius:var(--r-sm);background:var(--c-surface-muted);border:1px solid var(--c-border);outline:none}.textarea{min-height:6rem;resize:vertical;line-height:1.8}.input:focus-visible,.textarea:focus-visible{border-color:var(--c-primary)}.pill-button{width:100%;min-height:3.4rem;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-on-ink);font-weight:600;font-size:1.05rem}.pill-button:disabled{background:var(--c-surface-sunken);color:var(--c-text-faint)}.pill-button--live{background:var(--c-success);color:#fff}.live-dot{width:.6rem;height:.6rem;border-radius:999px;background:currentColor;animation:pulse 1.6s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.rail{display:flex;gap:var(--s-sm);overflow-x:auto;padding-block:var(--s-xs);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.story{flex:none;width:5.5rem;display:flex;flex-direction:column;align-items:center;gap:var(--s-xs);text-align:center}.story-frame{width:4.5rem;height:4.5rem;border-radius:999px;background:var(--c-surface-muted);overflow:hidden;box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-primary);display:grid;place-items:center}.story-frame img{width:100%;height:100%;object-fit:cover}.story-frame--add{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-border);font-size:1.6rem}.tile{width:100%;aspect-ratio:1;border-radius:var(--r-sm);background:var(--c-surface-muted);overflow:hidden;display:grid;place-items:center}.tile img{width:100%;height:100%;object-fit:cover}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-xs)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-sm)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:40}.sheet{width:100%;max-width:34rem;max-height:88vh;overflow-y:auto;background:var(--c-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--s-lg) var(--s-md) calc(var(--s-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s-md);animation:sheet-in var(--t-base) var(--ease)}@keyframes sheet-in{0%{transform:translateY(6%);opacity:.4}}.sheet-grip{width:2.5rem;height:.25rem;border-radius:999px;background:var(--c-surface-sunken);margin:0 auto}.tabbar{position:fixed;inset-inline:0;bottom:0;display:flex;justify-content:center;padding:var(--s-sm) var(--s-md) calc(var(--s-sm) + env(safe-area-inset-bottom));pointer-events:none;z-index:30}.tabbar>div{pointer-events:auto;display:flex;flex:1;min-width:0;max-width:34rem;gap:var(--s-xs);background:var(--c-ink);border-radius:var(--r-pill);padding:.4rem;box-shadow:var(--shadow-raised)}.tabbar button{flex:1 1 0;min-width:0;justify-content:center;min-height:3rem;padding:0 .4rem;border-radius:var(--r-pill);color:var(--c-on-ink);opacity:.6;font-size:.9rem;display:flex;align-items:center;gap:.35rem;transition:background var(--t-base) var(--ease),opacity var(--t-base) var(--ease)}.tabbar button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 24.5rem){.tabbar{padding-inline:var(--s-sm)}.tabbar button{font-size:.8rem;gap:.2rem;padding:0 .2rem}}.tabbar button[aria-current=page]{background:var(--c-surface);color:var(--c-text);opacity:1;font-weight:600}.topbar{display:flex;align-items:center;gap:var(--s-sm);padding-block:var(--s-sm)}.empty{text-align:center;padding:var(--s-xl) var(--s-md);color:var(--c-text-muted);line-height:1.8}.empty span{display:block;font-size:2.5rem;margin-bottom:var(--s-sm)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}