.persistent-save{position:static;flex-shrink:0;width:100%;min-height:26px;font:13px var(--font-sans);color:var(--muted-ink);padding:5px 28px;text-align:end;overflow-wrap:anywhere;pointer-events:none}.recovery-banner{position:relative;z-index:15;background:#fff3dc;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.merge-choice{border:1px solid var(--line);padding:12px;margin:8px 0}.merge-choice legend{font-weight:600}.merge-choice label{display:grid;grid-template-columns:24px 1fr;gap:8px;margin:12px 0}.merge-choice input{width:18px;min-height:18px}.merge-choice pre{grid-column:2;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font:14px/1.5 var(--font-sans)}.date-warning{padding:10px 16px;color:#764616;background:#fff3dc;font-size:14px}.pdf-preview{width:100%;height:55vh;border:0;background:var(--paper)}.archive-viewer-body{align-items:start;grid-auto-rows:max-content}.archive-visual:has(.pdf-preview){display:block;min-height:0;overflow:hidden}.pdf-download:has(.pdf-preview){display:block;padding:0}.pdf-download:has(.pdf-preview)>small,.pdf-download:has(.pdf-preview)>svg{display:none}.pdf-download:has(.pdf-preview)>p{padding:8px;margin:0;font-size:12px}.pdf-preview{display:block;flex-shrink:0}.person-form-footer>span{max-width:270px}.access-section summary{font-weight:600}.access-screen a{margin:10px}.account-dialog input:focus-visible,.person-form input:focus-visible{outline:2px solid var(--wine);outline-offset:2px}@media(max-width:720px){:root{--top:140px}.topbar,.topbar:has(.demo-try){height:140px;min-height:140px;display:grid;grid-template-columns:auto minmax(0,1fr) 40px;grid-template-rows:40px 38px 38px;gap:4px 10px;padding:8px 14px}.topbar .brand{grid-row:1;grid-column:1;font-size:27px}.topbar .family-context{grid-row:1;grid-column:2;padding-left:10px;font-size:16px;overflow:hidden;max-width:100%}.topbar>.language-switch{grid-row:1;grid-column:3;min-width:40px;height:40px;margin:0;padding:4px}.topbar .main-nav,.topbar:has(.demo-try) .main-nav{grid-row:2;grid-column:1/-1;justify-content:center;margin:0;height:38px!important}.topbar .header-actions,.topbar:has(.demo-try) .header-actions{grid-row:3;grid-column:1/-1;display:flex;flex-wrap:nowrap;justify-content:flex-end;height:38px;gap:5px;min-width:0}.header-actions .icon-btn,.header-actions .share-button{width:38px;height:38px;min-width:38px}.header-actions .button{white-space:nowrap;font-size:12px!important;padding:7px!important}.header-actions .account-entry,.header-actions .demo-try{font-size:12px}.persistent-save{font-size:12px;padding:3px 12px;text-align:end}.family-heading.tree-only-heading{padding-left:12px}.recovery-banner{padding:8px 12px;font-size:12px;flex-wrap:wrap}.recovery-banner .button{font-size:13px;min-height:36px}.error-banner{padding:10px 12px;font-size:12px;gap:8px;max-height:145px;overflow:auto;flex-wrap:wrap}.error-banner>span{flex-basis:100%}.person-form-footer{flex-wrap:wrap;gap:8px}.person-form-footer>span{font-size:11px;max-width:none}.person-form-footer>div{width:100%;justify-content:flex-end}.person-form-scroll{min-height:0}.pdf-preview{height:45vh}}.recovery-list{display:grid;gap:8px;max-height:42vh;overflow:auto}.recovery-list button{display:grid;gap:4px;text-align:left;border:1px solid var(--line);border-radius:5px;padding:10px;background:var(--paper)}.recovery-list button.selected{border-color:var(--wine);background:#f8eceb}.recovery-list small,.recovery-list span{font-size:13px;color:var(--muted-ink)}@media(max-width:720px){.persistent-save{position:static;flex-shrink:0;max-width:none;width:100%;min-height:21px;text-align:right;padding:3px 14px;background:transparent;border-radius:0;font-size:11px}.tree-view-choice{display:flex;overflow-x:auto;gap:12px;max-width:100%;white-space:nowrap}.recovery-banner{max-height:140px;overflow:auto}.topbar .header-actions{margin-left:0;width:100%}}@media(max-width:720px){.topbar:has(.demo-try) .demo-try{flex:1;min-width:0;white-space:normal;line-height:1.15;text-align:left;font-size:11px}.topbar:has(.demo-try) .account-entry{flex-shrink:0;white-space:nowrap;font-size:11px}.topbar:has(.demo-try) .header-actions>.primary{font-size:11px!important;flex-shrink:0}.topbar:has(.demo-try) .header-actions>.search-button{width:32px;min-width:32px}}.task-help{max-width:540px;max-height:85dvh;overflow-y:auto}.task-help-actions{display:grid;gap:8px}.task-help-actions button{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;border:1px solid var(--line);border-radius:6px;text-align:start;background:var(--paper)}.task-help-actions button span{flex:1}.task-help-actions button:hover:not(:disabled){border-color:var(--wine)}.task-help-actions button:disabled{opacity:.45}.task-help details{margin-top:12px}.task-help summary{cursor:pointer}.task-help p{line-height:1.5}.help-button{display:inline-flex;align-items:center;gap:6px;width:auto!important;padding:6px 9px}.help-button span{position:static!important;font-size:13px!important;background:none!important;color:inherit!important}.inline-relatives{flex-basis:100%;width:100%;display:grid;gap:8px}.inline-relatives h3{font-size:18px}.inline-relatives p{overflow-wrap:anywhere}.inline-relatives .kinship-choices{display:flex;gap:6px}.inline-relatives .kinship-choices button{flex:1;min-width:0;padding:10px 5px}.inline-relatives .kinship-choices small{display:none}.story-footer:has(.inline-relatives){flex-wrap:wrap}.story-footer:has(.inline-relatives)>.button,.story-footer:has(.inline-relatives)>button{display:none}.scope-person{font-size:13px;color:var(--muted-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.tree-only-heading{gap:10px;flex-wrap:wrap}.material-file-preview{height:150px;display:flex;justify-content:center}.material-file-preview img{max-width:100%;height:100%;object-fit:contain}.material-file-preview .pdf-thumbnail{width:120px;height:150px}.quick-person-list button{overflow-wrap:anywhere}@media(max-width:720px){.task-help{max-height:82dvh}.inline-relatives .kinship-choices button{font-size:13px}.scope-person{max-width:100%;font-size:12px}.tree-only-heading{gap:3px}}.help-button span{width:auto;height:auto}.canvas-create{min-width:0}.inline-relatives{max-height:55dvh;overflow-y:auto}.inline-relatives .existing-relative{min-width:0;white-space:normal}.task-help-actions button{white-space:normal;overflow-wrap:anywhere}@media(max-width:720px){.canvas-create{max-width:calc(100vw - 24px);width:max-content;white-space:normal;gap:8px}.canvas-create .button,.canvas-create .text-action{height:auto;min-height:40px;line-height:1.3}.profile-sheet:has(.inline-relatives) .story-scroll{max-height:25dvh}.task-help{width:calc(100vw - 24px);border-radius:8px}}.demo-try{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;line-height:1.2}.demo-status{font-size:11px;color:var(--wine)}.canvas-bottom{height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;bottom:12px}.canvas-bottom .canvas-create{position:static;transform:none;left:auto;bottom:auto;display:flex;flex-wrap:wrap;justify-content:center;flex:1 1 300px;min-width:0;max-width:100%;margin:0;padding:0;white-space:normal;background:transparent}.canvas-bottom .canvas-controls{flex:0 0 auto;margin-inline-start:auto;gap:6px;max-width:100%}.canvas-controls .undo-actions{padding-inline-end:6px;border-inline-end:1px solid var(--line)}.canvas-controls .workspace-help{color:var(--wine)}@media(max-width:1000px){.canvas-bottom .canvas-create{flex-basis:100%}.canvas-bottom .canvas-controls{margin-inline:auto}.canvas-bottom .canvas-controls .icon-btn{min-width:36px;min-height:40px}.canvas-bottom .canvas-create .text-action{white-space:normal;height:auto;line-height:1.3}}@media(max-width:420px){.topbar:has(.demo-try) .header-actions>.search-button{display:none}.topbar:has(.demo-try) .demo-try{min-width:64px}}@media(max-width:360px){.canvas-bottom .canvas-controls{gap:2px}.canvas-bottom .canvas-controls .icon-btn{min-width:32px;width:32px}.canvas-controls .undo-actions{padding-inline-end:2px;gap:0}}.collection-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:260px;width:100%;padding:28px 22px;border:1px dashed var(--line);border-radius:8px;background:transparent;text-align:center;color:var(--wine);cursor:pointer;transition:background .15s,border-color .15s}.collection-add-card:hover:not(:disabled){background:var(--paper);border-color:var(--wine)}.collection-add-card:focus-visible,.file-copy-picker:focus-visible,.notebook-example:focus-visible{outline:2px solid var(--wine);outline-offset:4px}.collection-add-card:disabled{opacity:.5;cursor:wait}.collection-add-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--paper);border:1px solid var(--line)}.collection-add-card strong{font:500 21px/1.3 var(--font-book);overflow-wrap:anywhere}.collection-add-description{font:14px/1.5 var(--font-sans);color:var(--muted-ink);max-width:24ch}.cabinet-example{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.cabinet-example>h2{font:27px var(--font-book);color:var(--wine);margin:0 0 16px}.notebook-example{display:flex;align-items:center;max-width:850px;min-height:210px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--paper);overflow:hidden}.notebook-example:hover{border-color:var(--wine)}.notebook-example .notebook-caption{padding:24px;flex:1;min-width:0}.notebook-example h3{font-size:25px;margin-top:8px}.example-label{font:12px var(--font-sans);color:var(--wine);border:1px solid var(--line);padding:4px 8px;display:inline-block;border-radius:3px}.notebook-example small{display:block;color:var(--muted-ink);font-size:12px;line-height:1.5;margin-top:8px}.example-preview{width:300px;height:210px;flex-shrink:0;background:#e3e5df;color:#989e93}.example-preview-inner{position:relative;width:300px;height:210px;margin:auto}.example-preview svg{position:absolute;width:100%;height:100%}.example-preview-person{position:absolute;width:29px;height:38px;border-radius:50%;border:3px double #969b90;background-image:url(/demo-portraits.png);background-size:300% 300%;background-color:var(--paper)}.notebook-card{display:flex;flex-direction:column;align-self:stretch}.notebook-entry{position:relative;flex:1}.notebook-cover-action{position:absolute;inset-block-start:10px;inset-inline-end:10px;max-width:calc(100% - 20px);font-size:13px;color:var(--wine)}.notebook-cover-image{width:100%;height:100%;object-fit:contain}.notebook-cover.has-cover{box-shadow:none;overflow:hidden;background:var(--paper)}.merge-cover-preview{display:block;width:100%;max-height:150px;object-fit:contain}.cover-dialog .notebook-cover{height:240px}.cover-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:12px}.cover-dialog .field-hint{margin-top:10px}@media(max-width:600px){.notebook-example{flex-direction:column;align-items:stretch}.example-preview{width:100%;height:190px}.example-preview-inner{transform:scale(.9);transform-origin:top center}.notebook-example .notebook-caption{padding:20px}.cover-dialog .notebook-cover{height:200px}}.file-copy-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:180px;border:1px dashed var(--line);border-radius:8px;background:var(--paper);padding:24px;color:var(--wine)}.file-copy-picker span{font-size:13px;color:var(--muted-ink)}.file-copy-summary{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;padding:16px;background:var(--paper);border-radius:6px}.file-copy-summary svg{flex-shrink:0;color:var(--wine)}.file-copy-summary strong{overflow-wrap:anywhere}.file-copy-summary p{font-size:13px;line-height:1.6;margin:6px 0 0}.file-copy-summary>div{min-width:0}.menu-description{display:block;max-width:240px;white-space:normal;font-size:12px;line-height:1.5;color:var(--muted-ink);margin-top:4px}.tree-menu [role=menuitem]:has(>.menu-description){flex-wrap:wrap}.tree-menu [role=menuitem]>.menu-description{flex-basis:100%;margin-inline-start:24px}@media(prefers-reduced-motion:reduce){.collection-add-card{transition:none}}.cabinet-header .account-avatar{margin-inline-start:auto}.cabinet-content .notebook-grid{align-items:stretch}.notebook-example .notebook-caption h3{font-size:24px}.cabinet-shared+section[aria-label]{margin-top:28px}.cabinet-heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cabinet-content>.cabinet-heading{margin-bottom:28px}.cabinet-heading .eyebrow{display:none}.cabinet-content .cabinet-shared{margin-top:32px}.cabinet-content .cabinet-shared:has(.incoming-invite){margin-top:0;margin-bottom:28px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.cabinet-content .cabinet-shared:has(.incoming-invite) h2{margin-top:0}.cabinet-collection-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 24px}.cabinet-search{display:flex;align-items:center;gap:8px;max-width:460px;flex:1}.cabinet-search input{width:100%;min-width:0}.cabinet-sort{display:flex;align-items:center;gap:8px;font-size:13px}.cabinet-sort select{padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);max-width:100%}.cabinet-content .notebook-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px}.cabinet-content .notebook-cover{height:180px}.notebook-caption h3,.notebook-caption p{overflow-wrap:anywhere}.notebook-bottom{gap:8px}@media(max-width:720px){.cabinet-heading{flex-wrap:wrap}.cabinet-heading-actions{margin-inline-start:auto}.cabinet-heading-actions .button{font-size:13px;padding:9px}.cabinet-collection-tools{align-items:stretch;flex-direction:column;gap:10px}.cabinet-search{max-width:none}.cabinet-sort{justify-content:space-between}.cabinet-content .notebook-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.cabinet-content .cabinet-shared:has(.incoming-invite){padding:16px}.cabinet-header .language-menu{margin-inline-start:auto}}.story-relative-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.story-relative-actions .button{justify-content:flex-start;white-space:normal;min-height:44px;text-align:start}.invitation-receipt{display:grid;gap:8px;overflow-wrap:anywhere}.invitation-copy{display:grid;gap:6px;min-width:0}.invitation-copy .text-action{display:inline-flex;align-items:center;gap:6px;min-height:42px;text-align:start;line-height:1.4}.invitation-copy svg{flex-shrink:0}.invitation-copy p,.invitation-copy small{font-size:13px;line-height:1.5}.invitation-copy textarea{width:100%;min-height:120px;font:13px/1.5 var(--font-sans);overflow-wrap:anywhere;resize:vertical}.invite-row:has(.invitation-copy){align-items:flex-start}.photo-actions{flex-wrap:wrap}.photo-preview>.personal-photo{width:100%;height:100%;display:block}.photo-framer{border:1px solid var(--line);border-radius:5px;padding:16px;display:flex;flex-direction:column;gap:14px}.photo-framer>.field-caption{margin:0}.photo-frame-preview{width:176px;height:220px;align-self:center;border-radius:50%;border:1px solid var(--line);background:var(--canvas);overflow:hidden;touch-action:none;cursor:grab;user-select:none;flex-shrink:0}.photo-frame-preview:active{cursor:grabbing}.photo-frame-preview:focus-visible{outline:2px solid var(--wine);outline-offset:4px}.photo-frame-preview>.personal-photo{width:100%;height:100%;pointer-events:none}.photo-frame-preview>span{display:block;text-align:center;padding:60px 16px;font-size:13px}.photo-frame-controls{border:0;padding:0;display:flex;flex-direction:column;gap:14px;min-width:0}.photo-frame-controls label{display:grid;grid-template-columns:1fr auto}.photo-frame-controls input[type=range]{grid-column:1/-1;width:100%;min-height:32px;padding:0;accent-color:var(--wine)}.photo-frame-controls output{font-variant-numeric:tabular-nums}.photo-frame-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.photo-frame-actions .button{min-height:40px}@media(max-width:720px){.photo-framer{padding:12px}.photo-frame-preview{width:144px;height:180px}}.language-menu{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:0 10px;border:1px solid var(--line,#ccd0ca);border-radius:5px;color:var(--ink,#34424a);background:var(--paper,#f7f7f3);font:500 13px/1.2 var(--font-sans,Arial,sans-serif);cursor:pointer}.language-menu:focus-visible,.language-option:focus-visible{outline:2px solid var(--wine,#743d49);outline-offset:3px}.language-menu:disabled{opacity:.55;cursor:wait}.language-flag{width:25px;height:19px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0002;flex-shrink:0}.language-options{z-index:150;width:280px;max-width:calc(100vw - 24px);max-height:min(620px,var(--radix-dropdown-menu-content-available-height));overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--paper,#f7f7f3);color:var(--ink,#34424a);border:1px solid var(--line,#ccd0ca);border-radius:8px;box-shadow:0 12px 36px #25302726;font:14px/1.3 var(--font-sans,Arial,sans-serif)}.language-options-title{padding:10px 12px;color:var(--muted-ink,#616c71);font-size:12px}.language-option{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 32px 7px 12px;border-radius:4px;cursor:pointer;outline:none;user-select:none}.language-option[data-highlighted]{background:#743d4910}.language-option[data-state=checked]{background:#743d4918;color:var(--wine,#743d49)}.language-names{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.language-code,.language-names small{font-size:11px;color:var(--muted-ink,#616c71)}.language-selected{position:absolute;right:9px;display:flex}[dir=rtl] .language-option{padding:7px 12px 7px 32px}[dir=rtl] .language-selected{right:auto;left:9px}.pdf-thumbnail{display:flex;position:relative;width:100%;height:100%;align-items:center;justify-content:center;background:#f5f4ef;overflow:hidden}.pdf-thumbnail canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 1px 8px #0001}.pdf-thumbnail canvas[hidden]{display:none}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;color:var(--muted-ink);text-align:center}.pdf-placeholder small{font:12px/1.5 var(--font-sans,Arial,sans-serif);max-width:210px}.pdf-badge{position:absolute;inset-inline-start:10px;bottom:10px;padding:3px 5px;border:1px solid #d3d5cc;border-radius:3px;background:#fafaf6e8;color:#616661;font:10px/1.2 Arial,sans-serif;letter-spacing:.6px}.canvas,.canvas-world{direction:ltr}[dir=rtl] .generation-mark,[dir=rtl] .person-node{direction:rtl}[dir=rtl] .account-dialog,[dir=rtl] .archive-caption,[dir=rtl] .auth-content,[dir=rtl] .field,[dir=rtl] .notebook-card,[dir=rtl] .person-fields{text-align:start}[dir=rtl] input[autocomplete=username],[dir=rtl] input[name=username],[dir=rtl] input[type=email],[dir=rtl] input[type=password]{direction:ltr;text-align:start}[dir=rtl] .auth-password input{padding-left:48px;padding-right:12px}[dir=rtl] .auth-password button{left:4px;right:auto}[dir=rtl] .people-search input,[dir=rtl] .search-field input{padding-inline:12px}:is(html[lang=ja],html[lang=ko],html[lang=zh]) :is(h1,h2,h3,.brand,.node-name){line-height:1.45;letter-spacing:normal}html[lang=ar] :is(h1,h2,h3,.brand,.node-name){line-height:1.55;letter-spacing:normal}@media(max-width:700px){.header-actions .button{white-space:normal;line-height:1.25}.header-actions{min-width:0}.auth-header{gap:10px}}@media(max-width:720px){.topbar,.topbar:has(.demo-try){grid-template-columns:auto minmax(0,1fr) auto}.topbar>.language-menu{grid-row:1;grid-column:3;max-width:125px}.topbar .family-context{padding-inline:0;min-width:0}.topbar .family-context>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .main-nav{justify-content:center!important}}