:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--font-sans:"Vazirmatn", Tahoma, "Arial Unicode MS", system-ui, sans-serif;--color-bg:#e8eef5;--color-bg-highlight:#f4f7fb;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-border:#0f172a17;--color-border-strong:#0f172a24;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-active:#115e59;--color-primary-soft:#0d94881f;--color-primary-glow:#0d948838;--color-link:#0e7490;--color-warning-bg:#fffbeb;--color-warning-border:#f59e0b59;--color-warning-text:#92400e;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 24px -6px #0f172a14, 0 4px 8px -4px #0f172a0a;--shadow-inner-soft:inset 0 1px 0 #ffffffd9;--radius:1.125rem;--radius-sm:.625rem;--radius-pill:9999px;--space-safe-top:env(safe-area-inset-top,0px);--space-safe-bottom:env(safe-area-inset-bottom,0px);font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:400;line-height:1.65}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;margin:0}#root{min-height:100dvh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=480px){:root{--app-pad-x:1.5rem}}@media (width>=640px){:root{--app-pad-x:2rem}}.app{--app-pad-x:1rem;max-width:26rem;padding-top:calc(var(--space-safe-top) + 1.25rem);padding-bottom:calc(var(--space-safe-bottom) + 2rem);padding-left:max(var(--app-pad-x), env(safe-area-inset-left,0px));padding-right:max(var(--app-pad-x), env(safe-area-inset-right,0px));text-align:start;margin:0 auto;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%, #0d948824 0%, transparent 55%), radial-gradient(90% 60% at 100% 100%, #0e749014 0%, transparent 50%), linear-gradient(165deg, var(--color-bg-highlight) 0%, var(--color-bg) 100%);position:fixed;inset:0}@media (width>=640px){.app{max-width:32rem;padding-top:calc(var(--space-safe-top) + 2.5rem)}}.app-header{margin-bottom:1.5rem}@media (width>=640px){.app-header{margin-bottom:2rem}}.title{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0;font-size:clamp(1.35rem,4.5vw,1.65rem);font-weight:700;line-height:1.35}.title-accent{color:var(--color-text-muted);letter-spacing:0;margin-top:.35rem;font-size:.82rem;font-weight:500;display:block}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-lg), var(--shadow-inner-soft);padding:1.25rem 1.2rem;position:relative}.card+.card,.card+.home-nav,.home-nav+.card{margin-top:1rem}.card--banner{background:linear-gradient(180deg, #0d94880f 0%, var(--color-surface) 42%);border-color:#0d948838}.home-nav{flex-direction:column;gap:.75rem;display:flex}.nav-card{width:100%;font:inherit;text-align:start;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;background:var(--color-surface);box-shadow:var(--shadow-md), var(--shadow-inner-soft);align-items:center;gap:.85rem;margin:0;padding:1rem 1.05rem;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.nav-card:hover{box-shadow:var(--shadow-lg), var(--shadow-inner-soft);border-color:#0d948847}.nav-card:active{transform:scale(.99)}.nav-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.nav-card__body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.nav-card__title{color:var(--color-text);font-size:1.02rem;font-weight:700}.nav-card__desc{color:var(--color-text-muted);font-size:.88rem;line-height:1.5}.nav-card__chevron{color:var(--color-text-faint);flex-shrink:0;font-size:1.35rem;line-height:1}.page{flex-direction:column;gap:.85rem;display:flex}.page-card .page-title{margin:0 0 .85rem}.page-title{color:var(--color-text);font-size:1.15rem;font-weight:700;line-height:1.4}.page-title--compact{margin:0 0 .65rem;font-size:1.05rem}.page-lead{color:var(--color-text-muted);margin:0 0 1rem;font-size:.95rem}.page-text{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:.98rem;line-height:1.75}.back-btn{font:inherit;color:var(--color-link);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin:0;padding:.35rem .15rem;font-size:.92rem;font-weight:600;display:inline-flex}.back-btn__icon{font-size:1.1rem;line-height:1;display:inline-block}.back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:.25rem}.card-actions--tight{margin-top:1rem}@media (width>=640px){.card{padding:1.5rem 1.45rem}}.card p{color:var(--color-text);margin:0 0 1rem;font-size:.98rem}.card p:last-child{margin-bottom:0}.card--done{background:linear-gradient(180deg, #0d94880f 0%, var(--color-surface) 38%);border-color:#0d948838}.card--dev{border-style:dashed;border-color:#0e749042}.dev-title{color:var(--color-text);margin:0 0 .7rem;font-size:1rem}.card-actions{flex-direction:column;gap:.65rem;margin-top:1.15rem;display:flex}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(100%,26rem);box-shadow:var(--shadow-lg);padding:1.25rem 1.2rem}.dialog-title{color:var(--color-text);margin:0 0 .7rem;font-size:1.1rem;line-height:1.45}.dialog-text{color:var(--color-text);margin:0}.dialog-actions{flex-direction:column;gap:.65rem;margin-top:1.15rem;display:flex}.link{width:100%;min-height:2.85rem;font:inherit;color:var(--color-link);background:var(--color-surface-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);word-break:break-word;text-align:center;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;display:inline-flex}.link:hover{background:var(--color-primary-soft);box-shadow:var(--shadow-md);border-color:#0d948859}.link:active{transform:scale(.98)}.link:after{content:"↗";opacity:.65;font-size:.85em;line-height:1}.btn{width:100%;min-height:3rem;font:inherit;cursor:pointer;border-radius:var(--radius-sm);color:#fff;background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);box-shadow:var(--shadow-md), 0 0 0 1px #0000000a inset, 0 1px 0 #fff3 inset;border:none;justify-content:center;align-items:center;margin:0;padding:.7rem 1.25rem;font-size:.98rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex}.btn--secondary{color:var(--color-text);background:var(--color-surface-subtle);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn--ghost{color:var(--color-text-muted);border:1px dashed var(--color-border-strong);box-shadow:none;background:0 0}.btn:hover{background:linear-gradient(180deg, var(--color-primary-hover) 0%, var(--color-primary-active) 100%);box-shadow:0 8px 20px -6px var(--color-primary-glow), var(--shadow-md), 0 0 0 1px #0000000d inset}.btn:active{transform:scale(.98)}.btn--secondary:hover{background:var(--color-bg-highlight);box-shadow:var(--shadow-md)}.btn--ghost:hover{box-shadow:none;background:#94a3b814}.btn:focus-visible,.link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.hint{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.75rem .85rem;font-size:.88rem;line-height:1.55;margin-top:1rem!important}.hint--warning{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.video-wrap{margin-top:1.15rem}.video-overlay{z-index:15;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-overlay-content{width:100%;max-width:56rem}.video-close{top:max(.75rem, env(safe-area-inset-top,0px));width:2.75rem;height:2.75rem;font:inherit;color:#fff;cursor:pointer;background:#0f172abf;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex;position:absolute;inset-inline-end:max(.75rem, env(safe-area-inset-right,0px))}.video-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.video{border-radius:var(--radius-sm);width:100%;max-height:min(52vh,22rem);box-shadow:var(--shadow-md);background:#0f172a;display:block}.video--immersive{max-height:calc(100dvh - 2rem);box-shadow:none;border-radius:.75rem}.video-wrap .hint{margin-top:.85rem!important}code{background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text);direction:ltr;unicode-bidi:embed;border-radius:.3em;padding:.12em .35em;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.82em;font-weight:500}