@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-BM00HIL5.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-D-ylXcdQ.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-a0NpOJIw.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-BQ7tCLaK.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-arabic-700-normal-CW2fYlQC.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-700-normal-KReiOUqo.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-400-normal-B5r_Re2g.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-400-normal-BbS7hP4A.woff) format("woff")}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/reem-kufi-arabic-700-normal-nkxJ6bfY.woff2) format("woff2"),url(/assets/reem-kufi-arabic-700-normal-3T0WrmRQ.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-CT-oGClK.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-CBLEcY0Z.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-3pcsEkwp.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-DToP4gPc.woff) format("woff")}:root{--paper: #F7F2E9;--surface: #FFFCF6;--sand: #EDE5D6;--line: #E4DACA;--ink: #1E2622;--muted: #5C6661;--primary: #1C5953;--primary-strong: #123E3A;--on-primary: #FFFFFF;--primary-soft: #E1ECE8;--primary-line: #C9DAD4;--kin: #2E7D73;--gold: #C49A4A;--gold-ink: #7A5A1E;--gold-soft: #F4EBD8;--milk: #8A6420;--pending: #8A938E;--danger: #9A3B1F;--whatsapp-bubble: #DCF2D0;--shadow-sheet: 0 10px 30px rgba(30,38,34,.12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--target-min: 44px;--target-floor: 24px;--button-height: 50px;--screen-width: 390px;--font-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-display: "Reem Kufi", "IBM Plex Sans Arabic", sans-serif;--font-quran: Amiri, "Traditional Arabic", serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #121A18;--surface: #1A2522;--sand: #24302C;--line: #2E3B37;--ink: #EEF2EE;--muted: #A9B5AF;--primary: #8FC2B8;--primary-strong: #B5DCD3;--on-primary: #0E1F1C;--primary-soft: #1F3B36;--primary-line: #33524C;--kin: #6FAEA2;--gold: #D9B26A;--gold-ink: #D9B26A;--gold-soft: #33291A;--milk: #C9A35B;--pending: #7F8B86;--danger: #F08A6C;--whatsapp-bubble: #1F3A2A;--shadow-sheet: 0 10px 30px rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--paper: #121A18;--surface: #1A2522;--sand: #24302C;--line: #2E3B37;--ink: #EEF2EE;--muted: #A9B5AF;--primary: #8FC2B8;--primary-strong: #B5DCD3;--on-primary: #0E1F1C;--primary-soft: #1F3B36;--primary-line: #33524C;--kin: #6FAEA2;--gold: #D9B26A;--gold-ink: #D9B26A;--gold-soft: #33291A;--milk: #C9A35B;--pending: #7F8B86;--danger: #F08A6C;--whatsapp-bubble: #1F3A2A;--shadow-sheet: 0 10px 30px rgba(0,0,0,.45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans)}body{direction:rtl}.screen{max-width:var(--screen-width);min-height:100dvh;margin:0 auto;padding:var(--space-8) max(var(--space-5),env(safe-area-inset-right,0px)) var(--space-8) max(var(--space-5),env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:var(--space-5)}.brand{display:flex;align-items:center;gap:var(--space-4)}.wordmark{margin:0;font-family:var(--font-display);font-weight:700;font-size:60px;line-height:66px;color:var(--primary)}.tagline{margin:0;font-size:16px;line-height:26px;font-weight:700;color:var(--gold-ink)}.logo-mark circle{fill:none;stroke-width:8;stroke-linecap:round}.logo-mark .ring-outer{stroke:var(--gold)}.logo-mark .ring-middle{stroke:var(--kin)}.logo-mark .ring-inner{stroke:var(--primary)}.logo-mark .dot{fill:var(--primary);stroke:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.scripture{text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.scripture hr{width:100%;border:0;border-top:1px solid var(--line);margin:var(--space-3) 0}.verse{margin:0;font-family:var(--font-quran);font-size:22px;line-height:40px;color:var(--primary)}.hadith{margin:0;font-family:var(--font-quran);font-size:19px;line-height:34px;color:var(--gold-ink)}.ref{margin:0;font-size:12px;line-height:18px;color:var(--muted)}.promise{margin:0;font-size:15px;line-height:26px}.promise b{color:var(--primary)}.note{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary-soft);font-size:13px;line-height:21px}.date{margin:auto 0 0;text-align:center;font-size:12px;line-height:18px;color:var(--muted)}:focus-visible{outline:3px solid var(--primary-line);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.brand-sm{gap:var(--space-2)}.wordmark-sm{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;color:var(--primary)}.flow{display:flex;flex-direction:column;gap:var(--space-4)}.nudge{display:flex;flex-direction:column;gap:var(--space-3)}.nudge p{margin:0}.title{margin:0;font-size:28px;line-height:40px;font-weight:700}.title:focus{outline:none}.lead{margin:0;font-size:17px;line-height:29px}.lead b{color:var(--primary)}.muted{color:var(--muted);margin:0}.benefits{list-style:none;margin:0;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.benefits li{display:flex;align-items:center;gap:var(--space-3);font-size:16px;line-height:26px}.dot-mk{width:10px;height:10px;flex:none;border-radius:var(--radius-pill);background:var(--kin)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:15px;font-weight:600}.field input{height:var(--button-height);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;font-weight:400;font-size:18px;padding:0 var(--space-4)}.field input[aria-invalid=true]{border-color:var(--danger)}.alert{margin:0;color:var(--danger);font-size:14px;line-height:22px}.warn-text{color:var(--danger)}.btn{display:flex;align-items:center;justify-content:center;min-height:var(--button-height);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer;padding:0 var(--space-4)}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.quiet{background:transparent;color:var(--primary);border-color:var(--primary-line)}.btn:disabled{opacity:.55;cursor:default}.subtitle{margin:0;font-size:22px;line-height:32px;font-weight:700}.hint{margin:0;font-size:14px;line-height:22px;color:var(--muted)}.field-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.field input[dir=ltr]{text-align:left}.link-btn{align-self:flex-start;min-height:32px;padding:var(--space-1) 0;border:0;background:transparent;color:var(--primary);font:inherit;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer}.choice{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:var(--space-2)}.choice legend{padding:0;margin-bottom:var(--space-2);font-size:15px;font-weight:600}.choice-item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-size:16px;cursor:pointer}.choice-item input{width:20px;height:20px;margin:0;accent-color:var(--primary)}.completion{display:flex;flex-direction:column;gap:var(--space-2)}.completion-num{margin:0;font-size:20px;line-height:30px;font-weight:700;color:var(--primary)}.meter{height:10px;border-radius:var(--radius-pill);background:var(--primary-soft);overflow:hidden}.meter span{display:block;height:100%;background:var(--primary);border-radius:var(--radius-pill)}.tree{min-height:100dvh;background:var(--paper)}.tree .appbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-2) max(16px,env(safe-area-inset-right,0px)) var(--space-2) max(16px,env(safe-area-inset-left,0px))}.tree .appbar .brand{text-decoration:none;min-height:var(--target-min)}.tree-wrap{max-width:520px;margin:0 auto;padding:var(--space-3) max(16px,env(safe-area-inset-right,0px)) 120px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:var(--space-3)}.switch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--muted);cursor:pointer;min-height:var(--target-min)}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:24px;border-radius:var(--radius-pill);background:var(--line);position:relative;cursor:pointer;margin:0}.switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--surface)}.switch input:checked{background:var(--primary)}.switch input:checked:after{inset-inline-start:19px}.nasab{position:sticky;top:53px;z-index:5;background:var(--paper);padding-block:var(--space-2);border-bottom:1px solid var(--line)}.nasab p{margin:0;font-size:15px;line-height:2}.nasab .lbl{font-size:12px;color:var(--muted);display:block;line-height:1.4}.nasab .lbl b{color:var(--gold-ink)}.nasab button{background:none;border:0;padding:2px 4px;border-radius:var(--radius-sm);color:var(--primary);font:inherit;font-weight:600;cursor:pointer;min-height:32px}.nasab button[aria-current]{color:var(--ink);background:var(--primary-soft)}.nasab .bin{color:var(--muted);font-size:13px}.you{font-size:10px;font-weight:700;color:var(--on-primary);background:var(--primary);border-radius:var(--radius-pill);padding:0 6px;margin-inline-start:2px;vertical-align:2px}.stem{width:2px;height:var(--space-3);background:var(--primary-line);margin:calc(-1 * var(--space-3)) auto}.gen-lbl{font-size:13px;font-weight:700;color:var(--gold-ink);margin:0 0 var(--space-1)}.up{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:start;min-height:var(--target-min);font:inherit;color:inherit}.up .arrow{color:var(--primary);font-size:18px}.up small{color:var(--muted);display:block;font-size:12px}.strip{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-1);scrollbar-width:none}.strip button{scroll-snap-align:center;flex:none;min-width:80px;min-height:60px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;font:inherit;color:inherit}.strip button.line{border:2px solid var(--primary-line)}.strip button[aria-current]{border:2px solid var(--primary);background:var(--primary-soft)}.strip small{font-size:11px;color:var(--muted);white-space:nowrap}.hidden-n{font-size:12px;color:var(--muted);margin:var(--space-1) 0 0}.focus{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sheet)}.focus .rel{align-self:flex-start;font-size:13px;font-weight:700;color:var(--primary-strong);background:var(--primary-soft);border-radius:var(--radius-pill);padding:2px var(--space-3)}.focus .rel.me{color:var(--on-primary);background:var(--primary)}.focus .rel.far{color:var(--muted);background:var(--sand)}.focus h1{margin:0;font-size:26px;line-height:1.3;font-weight:700}.focus h1:focus{outline:none}.focus .full{margin:0;color:var(--muted);font-size:14px}.state{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.mk{display:inline-block;width:10px;height:10px;border-radius:var(--radius-pill);flex:none}.mk.rg{background:var(--primary)}.mk.ng{border:2px solid var(--pending);width:6px;height:6px}.mk.dd{background:var(--gold);border-radius:0;transform:rotate(45deg);width:8px;height:8px}.stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stats span{font-size:13px;background:var(--sand);border-radius:var(--radius-pill);padding:2px var(--space-3)}.links{display:flex;flex-direction:column;gap:var(--space-1)}.links button{display:flex;align-items:center;gap:var(--space-2);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:start;cursor:pointer;min-height:var(--target-min);font:inherit;color:inherit}.links .k{font-size:12px;color:var(--muted);min-width:44px}.links .v{flex:1;min-width:0;font-weight:600}.links .v small{font-weight:400;color:var(--muted);font-size:12px;margin-inline-start:var(--space-1)}.links .go,.kids .go{color:var(--primary);font-size:18px}.path{margin:0;padding:var(--space-2) var(--space-3);background:var(--gold-soft);border-radius:var(--radius-md);font-size:13px;color:var(--gold-ink)}.path b{color:var(--ink);font-weight:600}.kids{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.kids li+li{border-top:1px solid var(--line)}.kids button{width:100%;display:flex;align-items:center;gap:var(--space-3);background:none;border:0;padding:var(--space-3);text-align:start;cursor:pointer;min-height:56px;font:inherit;color:inherit}.kids .nm{flex:1;min-width:0}.kids .nm small{display:block;font-size:12px;color:var(--muted)}.empty{font-size:13px;color:var(--muted);margin:0;padding:var(--space-3);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-md)}.dock{position:fixed;inset:auto 0 0;z-index:6;background:var(--surface);border-top:1px solid var(--line);padding:var(--space-2) max(16px,env(safe-area-inset-right,0px)) calc(var(--space-2) + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.dock div{max-width:520px;margin:0 auto;display:flex;gap:var(--space-2)}.dock button{flex:1;min-height:var(--button-height);border-radius:var(--radius-md);border:1px solid var(--primary-line);background:var(--surface);color:var(--primary);font:inherit;font-weight:700;cursor:pointer}.dock button.main{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.dock button:disabled{color:var(--muted);border-color:var(--line);background:var(--surface);cursor:default}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--paper);display:flex;flex-direction:column}.sheet .sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-2) max(16px,env(safe-area-inset-right,0px)) var(--space-2) max(16px,env(safe-area-inset-left,0px))}.sheet .sheet-title{flex:1;margin:0;font-size:18px}.sheet .sheet-close{order:9;color:var(--ink)}.sheet .sheet-head input{flex:1;min-width:0;height:var(--button-height);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;padding:0 var(--space-3)}.sheet .sheet-head button:not(.icon-btn){min-height:var(--button-height);border:0;background:none;color:var(--primary);font:inherit;font-weight:700;padding:0 var(--space-2);cursor:pointer}.sheet .res{flex:1;overflow-y:auto;padding:0 max(16px,env(safe-area-inset-right,0px)) var(--space-6) max(16px,env(safe-area-inset-left,0px))}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.count-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.count-grid p{margin:0;font-size:14px}.count-grid b{color:var(--primary);font-size:18px}.issue-list{margin:var(--space-2) 0 0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);font-size:14px}details.card summary{cursor:pointer;font-weight:700;min-height:var(--target-min);display:flex;align-items:center}.appbar-end{display:flex;align-items:center;gap:var(--space-3)}.more{position:relative}.more summary{list-style:none;min-width:var(--target-min);min-height:var(--target-min);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--primary);cursor:pointer;border-radius:var(--radius-md)}.more summary::-webkit-details-marker{display:none}.more-menu{position:absolute;inset-inline-end:0;top:100%;z-index:9;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;padding:var(--space-1)}.more-menu a{min-height:var(--target-min);display:flex;align-items:center;padding:0 var(--space-3);color:var(--ink);text-decoration:none;border-radius:var(--radius-sm)}.more-menu a:hover,.more-menu a:focus-visible{background:var(--primary-soft)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn.small{min-height:var(--target-min);font-size:15px;padding:0 var(--space-3);flex:1 1 auto}.textarea{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;font-weight:400;font-size:16px;line-height:1.7;padding:var(--space-3);resize:vertical}.textarea[aria-invalid=true]{border-color:var(--danger)}.chips{flex-direction:row;flex-wrap:wrap}.chips legend{width:100%}.chip-item{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer}.chip-item:has(input:checked){border-color:var(--primary);background:var(--primary-soft);font-weight:700}.chip-item input{margin:0;accent-color:var(--primary)}.res.flow{padding-top:var(--space-2)}.invite-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.invite-row .btn.small{flex:none}.details{display:flex;flex-direction:column;gap:var(--space-2)}.more-inline summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:32px;display:flex;align-items:center}.btn.danger{color:var(--danger);border-color:var(--danger)}.more-menu button{min-height:var(--target-min);display:flex;align-items:center;padding:0 var(--space-3);color:var(--ink);background:none;border:0;font:inherit;text-align:start;cursor:pointer;border-radius:var(--radius-sm)}.more-menu button:hover,.more-menu button:focus-visible{background:var(--primary-soft)}.home{min-height:100dvh;background:var(--paper)}.feed-bar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-2) max(16px,env(safe-area-inset-right,0px)) var(--space-2) max(16px,env(safe-area-inset-left,0px))}.feed-bar .brand{text-decoration:none;min-height:var(--target-min)}.icon-link{position:relative;min-width:var(--target-min);min-height:var(--target-min);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);text-decoration:none;font-weight:700;font-size:15px;padding:0 var(--space-2)}.badge{position:absolute;top:4px;inset-inline-start:2px;min-width:18px;height:18px;border-radius:var(--radius-pill);background:var(--danger);color:var(--on-primary);font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 4px}.feed-wrap{max-width:560px;margin:0 auto;padding:var(--space-3) max(16px,env(safe-area-inset-right,0px)) 110px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:var(--space-3)}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.tabs button{flex:none;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.post{display:flex;flex-direction:column;gap:var(--space-2)}.post-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.post-author{font-weight:700;font-size:16px}.rel-chip,.kind-chip{font-size:12px;border-radius:var(--radius-pill);padding:2px var(--space-2)}.rel-chip{background:var(--primary-soft);color:var(--primary-strong)}.kind-chip{background:var(--gold-soft);color:var(--gold-ink)}.post-body{margin:0;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.post-meta{margin:0;font-size:14px;color:var(--muted)}.post-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2)}.post-actions button,.post-actions a{min-height:var(--target-min);padding:0 var(--space-3);border:0;background:none;color:var(--primary);font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;border-radius:var(--radius-sm)}.post-actions button[aria-pressed=true]{background:var(--primary-soft)}.muted-link{color:var(--muted)}.bottom-nav{position:fixed;inset:auto 0 0;z-index:6;background:var(--surface);border-top:1px solid var(--line);padding:var(--space-2) max(16px,env(safe-area-inset-right,0px)) calc(var(--space-2) + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.bottom-nav div{max-width:560px;margin:0 auto;display:flex;gap:var(--space-2)}.nav-item{flex:1;min-height:var(--button-height);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--muted);text-decoration:none;font-weight:700}.nav-item[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.nav-item.publish{background:var(--primary);color:var(--on-primary)}.comments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.comments li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.comments p{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.chips-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-btn{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--primary-line);background:var(--surface);color:var(--primary);font:inherit;font-size:14px;cursor:pointer}.comment-form{display:flex;gap:var(--space-2)}.comment-form input{flex:1;min-width:0;height:var(--button-height);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;padding:0 var(--space-3)}.comment-form .btn.small{flex:none}.wa-preview{margin:0;padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.date-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:var(--space-2)}.inbox-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:inherit;text-decoration:none;min-height:56px}.dot-new{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--primary);flex:none}.field input,.field textarea,.textarea{width:100%;min-width:0}.flow>*,.feed-wrap>*,.date-row>*{min-width:0}.feed-wrap{width:100%}.lineage-card{text-align:center}.lineage-text{margin:0;font-family:var(--font-display);font-size:22px;line-height:1.9;color:var(--primary)}.case-link{color:inherit;text-decoration:none}.timeline{margin:0;padding-inline-start:var(--space-5);font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:var(--space-1)}.select{height:var(--button-height);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;padding:0 var(--space-3);width:100%}.invite-row .nm small{display:block;color:var(--muted);font-size:12px}.switch-row{justify-content:space-between}.avatar{width:56px;height:56px;border-radius:var(--radius-pill);object-fit:cover;flex:none;background:var(--primary-soft)}.avatar-initial{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;font-size:22px}.focus-head{display:flex;align-items:center;gap:var(--space-3)}.drawn{overflow:auto;max-height:70dvh;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.drawn svg{display:block}.drawn .edges path{fill:none;stroke:var(--primary-line);stroke-width:2}.drawn .node{cursor:pointer}.drawn .node .card{fill:var(--paper);stroke:var(--line);stroke-width:1;rx:10}.drawn .node.hl .card{fill:var(--primary-soft);stroke:var(--primary);stroke-width:2}.drawn .node:focus{outline:none}.drawn .node:focus .card{stroke:var(--primary);stroke-width:3}.drawn .node.dd .card{stroke:var(--gold)}.drawn .node .name{font-family:var(--font-sans);font-size:15px;font-weight:700;fill:var(--ink);text-anchor:middle}.drawn .node .sub{font-family:var(--font-sans);font-size:11px;fill:var(--muted);text-anchor:middle}.drawn .node .more{font-family:var(--font-sans);font-size:11px;fill:var(--primary);text-anchor:middle}@media(min-width:900px){.tree-wrap{max-width:1100px}}.chip-btn[aria-pressed=true]{background:var(--primary-soft);font-weight:700}.app{min-height:100dvh;background:var(--paper)}.app-top{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-1) max(16px,env(safe-area-inset-right,0px)) var(--space-1) max(16px,env(safe-area-inset-left,0px))}.app-top .brand{text-decoration:none;min-height:var(--target-min);gap:var(--space-2)}.app-body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.app-body>.screen{min-height:auto;padding-top:var(--space-4)}.app-body>.home,.app-body>.tree{min-height:auto}.icon{flex:none;display:block}.icon-btn{position:relative;min-width:var(--target-min);min-height:var(--target-min);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);border-radius:var(--radius-pill);text-decoration:none;background:none;border:0;cursor:pointer}.icon-btn:hover{background:var(--primary-soft)}.ring-link{display:inline-flex;min-width:var(--target-min);min-height:var(--target-min);align-items:center;justify-content:center;text-decoration:none}.ring-track{fill:none;stroke:var(--line);stroke-width:3}.ring-fill{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round}.ring-text{fill:var(--ink);font-size:10px;font-weight:700;font-family:var(--font-sans)}.bottom-nav{padding-top:var(--space-1);padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom,0px))}.bottom-nav div{gap:var(--space-1)}.nav-item{flex-direction:column;gap:2px;min-height:56px;font-size:12px;font-weight:600;background:none}.nav-item[aria-current=page]{background:none;color:var(--primary)}.nav-item[aria-current=page] .icon{stroke-width:2.4}.nav-item.publish{background:none;color:var(--primary)}.nav-item.publish .icon{width:40px;height:40px;padding:8px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);margin-top:-6px}.app .dock{bottom:calc(64px + env(safe-area-inset-bottom,0px));border-bottom:1px solid var(--line)}.app .tree .appbar{top:50px;z-index:7}.app .tree-wrap{padding-bottom:150px}.menu-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.menu-list li+li{border-top:1px solid var(--line)}.menu-list a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 var(--space-4);color:var(--ink);text-decoration:none;font-weight:600}.menu-list a:after{content:"‹";color:var(--muted);font-size:20px}.menu-list a:hover,.menu-list a:focus-visible{background:var(--primary-soft)}.strip button.st-rg,.kids button.st-rg{border:2px solid var(--primary-line)}.strip button.st-ng,.kids button.st-ng{border:1.5px dashed var(--pending)}.strip button.st-dd,.kids button.st-dd{border:1.5px solid var(--gold);background:var(--sand)}.strip button[aria-current]{border-style:solid;border-color:var(--primary)}.focus.st-ng{border-style:dashed;border-color:var(--pending)}.focus.st-dd{border-color:var(--gold)}.st-key{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0;font-size:12px;color:var(--muted)}.st-key span{display:inline-flex;align-items:center;gap:var(--space-1)}.st-key i{width:16px;height:10px;border-radius:var(--radius-sm);background:var(--surface)}.st-key .rg{border:2px solid var(--primary-line)}.st-key .ng{border:1.5px dashed var(--pending)}.st-key .dd{border:1.5px solid var(--gold);background:var(--sand)}.kids button[class^=st-]{border-radius:var(--radius-md);margin:4px 0}.post-actions{justify-content:space-between}.post-actions .act{gap:var(--space-1);color:var(--muted);padding:0 var(--space-2)}.post-actions .act.on{color:var(--danger);background:none}.post-actions .act span{font-size:13px;font-weight:600}.qr{width:168px;margin:var(--space-3) auto 0;padding:var(--space-2);background:var(--surface);border-radius:var(--radius-md)}.qr svg{display:block;width:100%;height:auto}.link-pairs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.link-pairs li{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-2);align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:14px}.link-pairs span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.link-pairs small{color:var(--muted);font-size:12px}.checklist{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.checklist li{display:flex;align-items:center;gap:var(--space-2);min-height:36px;font-size:14px}.checklist li>span:first-child{width:20px;text-align:center;color:var(--muted)}.checklist li.ok>span:first-child{color:var(--primary);font-weight:700}.checklist li>span:nth-child(2){flex:1}.checklist li.ok>span:nth-child(2){color:var(--muted)}.help summary{cursor:pointer;font-weight:700;color:var(--primary);min-height:var(--target-min);display:flex;align-items:center}.help dl{margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.help dt{font-weight:700;margin-top:var(--space-2)}.help dd{margin:0;font-size:14px;line-height:1.8;color:var(--ink)}.pitch-title{margin:0;font-family:var(--font-display);font-size:26px;line-height:1.4;color:var(--primary)}.pitch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.pitch-list li{display:flex;flex-direction:column;gap:2px;padding-inline-start:var(--space-4);border-inline-start:3px solid var(--gold)}.pitch-list b{font-size:16px}.pitch-list span{font-size:14px;line-height:1.7;color:var(--muted)}.center{text-align:center}.page-hero{display:flex;flex-direction:column;gap:var(--space-2)}.chip-link{align-self:flex-start;min-height:36px;display:inline-flex;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-strong);text-decoration:none;font-weight:700;font-size:14px}.stat-hero{display:flex;flex-direction:column;gap:var(--space-3)}.stat-hero>p:first-child{margin:0;font-size:16px}.stat-hero>p:first-child b{font-size:34px;color:var(--primary);font-family:var(--font-display);margin-inline-end:var(--space-2)}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-tiles p{margin:0;background:var(--paper);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-tiles b{font-size:20px;color:var(--primary)}.stat-tiles span{font-size:12px;color:var(--muted)}.install{max-width:560px;margin:var(--space-3) auto 0;width:calc(100% - 32px);display:flex;flex-direction:column;gap:var(--space-2)}.install p{margin:0}.nudge-wrap{max-width:560px;margin:var(--space-3) auto 0;width:calc(100% - 32px)}.nudge,.install{font-size:13px;line-height:1.7;padding:var(--space-2) var(--space-3)}.nudge .btn,.install .btn{min-height:38px;font-size:14px}.install .actions{flex-wrap:nowrap}