*{margin:0;padding:0;box-sizing:border-box}:root{--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary: #226C4F;--color-primary-dark: #14503A;--color-primary-fg: #14503A;--color-on-primary: #FFFFFF;--color-primary-light: #4E9873;--color-primary-soft: #E3F0E8;--color-accent: #B45309;--color-accent-light: #FBE3C0;--color-accent-dark: #8F4108;--primary-rgb: 34, 108, 79;--accent-rgb: 180, 83, 9;--cream-rgb: 241, 245, 242;--ink-rgb: 19, 26, 22;--color-cream: #F1F5F2;--color-cream-dark: #E6ECE7;--color-background: #FBFDFB;--color-text: #131A16;--color-text-light: #3E4A44;--color-text-muted: #64726B;--color-border: #D3DCD6;--color-border-light: #E4EAE5;--surface-page: var(--color-cream);--surface-sunken: var(--color-cream-dark);--surface-panel: var(--color-background);--surface-raised: #FFFFFF;--surface-inverse: #101A15;--surface-inverse-raised: #1A2720;--surface-inverse-text: #EAF1EC;--color-success: #1F7A45;--color-success-light: #E1F1E7;--color-error: #B3402E;--color-error-light: #FAE7E2;--shadow-sm: 0 1px 1px rgba(var(--ink-rgb), .04), 0 2px 5px rgba(var(--ink-rgb), .05);--shadow-md: 0 1px 2px rgba(var(--ink-rgb), .05), 0 6px 18px rgba(var(--ink-rgb), .07);--shadow-lg: 0 2px 4px rgba(var(--ink-rgb), .05), 0 16px 40px rgba(var(--ink-rgb), .11);--shadow-xl: 0 4px 8px rgba(var(--ink-rgb), .06), 0 32px 68px rgba(var(--ink-rgb), .15);--shadow-glow: 0 10px 30px rgba(var(--primary-rgb), .22);--shadow-gold: 0 8px 24px rgba(var(--accent-rgb), .24);--ring: 0 0 0 3px var(--color-cream), 0 0 0 5px var(--color-primary);--color-border-strong: #B7C4BC;--surface-overlay: rgba(var(--cream-rgb), .86);--surface-scrim: rgba(var(--ink-rgb), .42);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .55);--shadow-focus: 0 0 0 3px rgba(var(--primary-rgb), .22);--ring-accent: 0 0 0 3px var(--color-cream), 0 0 0 5px var(--color-accent);--control-height-sm: 32px;--control-height-md: 38px;--control-height-lg: 44px;--transition-emphasis: .28s cubic-bezier(.22, 1, .36, 1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-2xs: .375rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 30px;--radius-full: 9999px;--radius-xs: 6px;--step--2: clamp(.7rem, .68rem + .1vw, .75rem);--step--1: clamp(.8rem, .77rem + .14vw, .875rem);--step-0: clamp(.95rem, .92rem + .15vw, 1rem);--step-1: clamp(1.1rem, 1.03rem + .34vw, 1.3rem);--step-2: clamp(1.35rem, 1.2rem + .72vw, 1.75rem);--step-3: clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);--step-4: clamp(2.25rem, 1.7rem + 2.4vw, 3.5rem);--tracking-tight: -.022em;--tracking-caps: .11em;--hairline: linear-gradient(90deg, transparent, var(--color-border) 18%, var(--color-border) 82%, transparent);--transition-fast: .12s cubic-bezier(.2, 0, 0, 1);--transition-base: .2s cubic-bezier(.2, 0, 0, 1);--transition-slow: .3s cubic-bezier(.16, 1, .3, 1);--color-canvas: var(--color-cream-dark);--color-feed-bg: var(--color-cream);--color-gold: var(--color-accent);--color-rose: #A85570;--color-sage: #4E9873;--tree-group-1: #A23E2A;--tree-group-2: #A85570;--tree-group-3: #3F6EA8;--tree-group-4: #7A4E9A;--tree-group-5: #2E7D86;--tree-group-6: #8C6D1F;--tree-event: #4A5A6A;--color-heading: var(--color-text);--color-body: var(--color-text-light);--color-line: var(--color-border);--font-serif: var(--font-display);--font-sans: var(--font-body);--radius-card: var(--radius-lg);--shadow-card: var(--shadow-sm);--tree-canvas: #DFE9E2;--tree-grid-dot: rgba(19, 26, 22, .06);--tree-node-fill: #FFFFFF;--tree-node-border: #A7BBAE;--tree-node-deceased-fill: #F0F4F1;--tree-node-deceased-border: #AFC0B5;--tree-link: #8FA396;--tree-link-father: #3E7F60;--tree-link-mother: #6FA98A;--tree-link-couple: #4E9873;--tree-highlight: #B45309;--tree-activity: #B45309;--tree-primary: #226C4F;--tree-path: #4E9873;--tree-monogram: #8FB3A0;--tree-monogram-deceased: #B4BEB7;--tree-on-monogram: #FFFFFF;--tree-halo: rgba(34, 108, 79, .15);--tree-unseen: #C4442F;--tree-chip-bg: #226C4F;--tree-chip-fg: #FFFFFF;--celebration-today-bg: #FBE3C0;--celebration-today-fg: #8F4108;--celebration-today-edge: #B45309;--home-chip-bg: var(--color-primary-soft);--home-chip-text: var(--color-primary-dark);--home-amber-bg: var(--color-accent-light);--home-amber-text: var(--color-accent-dark);--home-sample-bg: var(--color-accent-light);--home-sample-text: var(--color-accent-dark);--home-fallback-grain: repeating-linear-gradient(115deg, rgba(var(--ink-rgb), .03) 0px, rgba(var(--ink-rgb), .03) 1px, transparent 1px, transparent 9px), repeating-linear-gradient(25deg, rgba(var(--ink-rgb), .02) 0px, rgba(var(--ink-rgb), .02) 1px, transparent 1px, transparent 13px), radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .14), transparent 60%);font-family:var(--font-body);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=heritage]{--color-primary: #6B4E3D;--color-primary-dark: #4E382B;--color-primary-fg: #4E382B;--color-on-primary: #FFFFFF;--color-primary-light: #9A7C68;--color-primary-soft: #EDE3DA;--color-accent: #2C5A59;--color-accent-light: #B8D6D5;--color-accent-dark: #1F4342;--color-cream: #F6EFE3;--color-cream-dark: #ECE1CF;--color-background: #FCF7EE;--color-text: #33291F;--color-text-light: #6E5F4F;--color-text-muted: #746453;--color-border: #E2D6C2;--color-border-light: #EFE6D6;--color-border-strong: #CDBCA1;--surface-overlay: rgba(246, 239, 227, .86);--surface-scrim: rgba(51, 41, 31, .42);--color-success: #4E6E41;--color-success-light: #EAF0E2;--color-error: #A8503B;--color-error-light: #F5E8E2;--color-rose: #B36A55;--color-sage: #3E7C7B;--tree-group-1: #B5651D;--tree-group-2: #A0526A;--tree-group-3: #3F6EA8;--tree-group-4: #7A4E9A;--tree-group-5: #5C8A3A;--tree-group-6: #8C6D1F;--tree-event: #34495E;--primary-rgb: 107, 78, 61;--accent-rgb: 44, 90, 89;--cream-rgb: 246, 239, 227;--ink-rgb: 51, 41, 31;--surface-inverse: #2B2118;--surface-inverse-raised: #3A2D20;--surface-inverse-text: #F2EADF;--tree-canvas: #E2D5BE;--tree-grid-dot: rgba(51, 41, 31, .06);--tree-node-fill: #FCF7EE;--tree-node-border: #BCA98C;--tree-node-deceased-fill: #F3EADB;--tree-node-deceased-border: #C6B598;--tree-link: #8A8070;--tree-link-father: #3F6B5E;--tree-link-mother: #B36A55;--tree-link-couple: #8A7C50;--tree-highlight: #2C5A59;--tree-activity: #2C5A59;--tree-primary: #6B4E3D;--tree-path: #9A7C68;--tree-monogram: #AE9A84;--tree-monogram-deceased: #C7BCA6;--tree-on-monogram: #FCF7EE;--tree-halo: rgba(107, 78, 61, .15);--tree-unseen: #B2503B;--tree-chip-bg: #6B4E3D;--tree-chip-fg: #FCF7EE;--celebration-today-bg: #B8D6D5;--celebration-today-fg: #1F4342;--celebration-today-edge: #2C5A59;--home-chip-bg: #DCEAE8;--home-chip-text: var(--color-accent-dark)}[data-theme=canopy-dark]{--color-primary: #4E9674;--color-primary-dark: #3A7A5C;--color-primary-light: #79B497;--color-primary-fg: #79B497;--color-on-primary: #0D140F;--color-primary-soft: #22352B;--color-accent: #E08A2E;--color-accent-light: #F3C88A;--color-accent-dark: #C4761F;--color-cream: #121A15;--color-cream-dark: #0D140F;--color-background: #1A241E;--color-text: #E9F0EB;--color-text-light: #B7C4BC;--color-text-muted: #8CA096;--color-border: #2E3B33;--color-border-light: #263129;--color-border-strong: #435248;--surface-overlay: rgba(18, 26, 21, .86);--surface-scrim: rgba(0, 0, 0, .58);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--color-success: #5FAF7A;--color-success-light: #1E3A2A;--color-error: #E07B6A;--color-error-light: #3C231E;--color-rose: #C97F92;--color-sage: #79B497;--tree-group-1: #E2725B;--tree-group-2: #D98FA6;--tree-group-3: #7FA7DD;--tree-group-4: #B48ACF;--tree-group-5: #5DB3B8;--tree-group-6: #CDB15A;--tree-event: #A9B8C6;--primary-rgb: 78, 150, 116;--accent-rgb: 224, 138, 46;--cream-rgb: 18, 26, 21;--ink-rgb: 0, 0, 0;--surface-raised: #212D26;--surface-inverse: #0D140F;--surface-inverse-raised: #17251E;--surface-inverse-text: #E9F0EB;--tree-canvas: #080D0A;--tree-grid-dot: rgba(233, 240, 235, .06);--tree-node-fill: #28362E;--tree-node-border: #52685B;--tree-node-deceased-fill: #1A2620;--tree-node-deceased-border: #3E5147;--tree-link: #7E8B82;--tree-link-father: #5CA096;--tree-link-mother: #C97F92;--tree-link-couple: #97A86B;--tree-highlight: #E08A2E;--tree-activity: #E08A2E;--tree-primary: #4E9674;--tree-path: #79B497;--tree-monogram: #3E6B54;--tree-monogram-deceased: #46504A;--tree-on-monogram: #E9F0EB;--tree-halo: rgba(78, 150, 116, .2);--tree-unseen: #E07B6A;--tree-chip-bg: #1E5C42;--tree-chip-fg: #E9F0EB;--celebration-today-bg: #3A2A14;--celebration-today-fg: #F3C88A;--celebration-today-edge: #E08A2E;--home-chip-bg: #2E5F45;--home-chip-text: #EAF1EC;--home-amber-bg: #4A2E0E;--home-amber-text: var(--color-accent-light);--home-sample-bg: #4A2E0E;--home-sample-text: var(--color-accent-light);--home-fallback-grain: repeating-linear-gradient(115deg, rgba(var(--ink-rgb), .11) 0px, rgba(var(--ink-rgb), .11) 1px, transparent 1px, transparent 9px), repeating-linear-gradient(25deg, rgba(var(--ink-rgb), .07) 0px, rgba(var(--ink-rgb), .07) 1px, transparent 1px, transparent 13px), radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .05), transparent 60%)}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;background-color:var(--color-cream);color:var(--color-text);overflow-x:hidden;font-family:var(--font-body)}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;font-family:var(--font-display);font-variation-settings:"SOFT" 0,"WONK" 0;color:var(--color-text);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--step-4);font-weight:700;line-height:1.06;letter-spacing:-.03em}h2{font-size:var(--step-3);font-weight:600;letter-spacing:var(--tracking-tight)}h3{font-size:var(--step-2);font-weight:600;letter-spacing:var(--tracking-tight)}h4{font-size:var(--step-1);font-weight:600;letter-spacing:-.01em}h5,h6{font-size:var(--step-0);font-weight:600;letter-spacing:0}p{margin:0;line-height:1.7;color:var(--color-text-light)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:var(--font-body);font-size:inherit;border:none;background:none;cursor:pointer;padding:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:var(--font-body);font-size:inherit;color:var(--color-text)}input,textarea,select,progress{accent-color:var(--color-primary)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}::placeholder{color:var(--color-text-muted);opacity:1}::selection{background:var(--color-accent-light);color:var(--color-text)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light);background-clip:content-box}*{scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--color-accent)}.focus-ring:focus-visible{outline:none;box-shadow:var(--ring)}.decorative-line{width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:var(--radius-full)}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0}to{opacity:1}}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:.95rem;line-height:1;letter-spacing:.005em;min-height:var(--control-height-lg);padding:.75rem 1.375rem;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base),background var(--transition-base),border-color var(--transition-base),color var(--transition-base);white-space:nowrap}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-ghost:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow);filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--surface-raised);color:var(--color-text);border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-panel);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);background:var(--color-cream-dark);box-shadow:none}.btn-danger{background:linear-gradient(135deg,#CB5B47 0%,var(--color-error) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:var(--shadow-md),0 8px 22px #b3402e47}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-text-light);min-height:var(--control-height-md);padding:.5rem 1rem}.btn-ghost:hover:not(:disabled){color:var(--color-primary);background:var(--color-cream-dark)}.btn-sm{min-height:var(--control-height-md);padding:.45rem .95rem;font-size:.85rem;border-radius:var(--radius-sm)}.btn-lg{min-height:52px;padding:1rem 2rem;font-size:1.05rem}.btn-block{width:100%}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-hover:hover,.card-hover:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.card-hover:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25),var(--shadow-md)}.error-message{background:var(--color-error-light);color:var(--color-error);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);border-left:4px solid var(--color-error);font-size:.95rem;margin-bottom:var(--space-xl);animation:fadeIn .2s ease-out}.success-message{background:var(--color-success-light);color:var(--color-success);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);border-left:4px solid var(--color-success);font-size:.95rem;margin-bottom:var(--space-xl);animation:fadeIn .2s ease-out}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:var(--step--2);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-accent-dark)}.eyebrow:before{content:"";width:22px;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light))}.eyebrow--center:before{display:none}.display{font-family:var(--font-display);font-variation-settings:"SOFT" 0,"WONK" 0;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--color-text)}.section-head{display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center;max-width:42rem;margin:0 auto var(--space-2xl)}.section-head p{font-size:1.05rem;color:var(--color-text-light)}.ornament{border:0;height:1px;background:var(--hairline);margin:var(--space-2xl) 0}.ornament--leaf{display:flex;align-items:center;justify-content:center;gap:.85rem;height:auto;background:none;color:var(--color-accent)}.ornament--leaf:before,.ornament--leaf:after{content:"";height:1px;width:min(120px,22vw);background:var(--hairline)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-md);height:var(--control-height-md);flex:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.icon-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--raised{background:var(--surface-raised);box-shadow:var(--shadow-md)}.card--pad{padding:var(--space-xl)}.panel{background:var(--surface-sunken);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.01em;background:var(--color-primary-soft);color:var(--color-primary-dark);border:1px solid transparent}.chip--gold{background:var(--color-accent-light);color:var(--color-accent-dark)}.chip--outline{background:transparent;border-color:var(--color-border);color:var(--color-text-light)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.monogram{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-family:var(--font-display);font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-sm)}.measure{max-width:68ch}.rise-in{animation:fadeIn .2s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.user-menu{position:relative;display:inline-block}.user-menu-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .4rem;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.user-menu-trigger:hover{background:var(--color-cream-dark);border-color:var(--color-primary-light)}.user-menu-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.user-menu-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}.user-menu-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{font-size:.7rem;color:var(--color-text-light);transition:transform var(--transition-base)}.user-menu-chevron.is-open{transform:rotate(180deg);color:var(--color-primary)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + .5rem);min-width:240px;background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem;z-index:1100;animation:user-menu-in .18s ease-out}@keyframes user-menu-in{0%{opacity:0}to{opacity:1}}.user-menu-heading{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem}.user-menu-heading-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.user-menu-heading-email{font-size:.85rem;color:var(--color-text);font-weight:500;word-break:break-all;line-height:1.3}.user-menu-divider{height:1px;background:var(--color-border-light);margin:.375rem 0}.user-menu-item{display:block;width:100%;padding:.625rem .75rem;border:none;background:transparent;text-align:left;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.user-menu-item:hover{background:var(--color-cream-dark);color:var(--color-primary)}.user-menu-item:focus-visible{outline:none;background:var(--color-cream-dark);box-shadow:inset 0 0 0 2px var(--color-primary)}.user-menu-item-highlight{color:var(--color-primary-dark);font-weight:600}.user-menu-item-admin{color:var(--color-primary);font-weight:600}.user-menu-item-logout{color:var(--color-error)}.user-menu-item-logout:hover{background:var(--color-error-light);color:var(--color-error)}@media(max-width:480px){.user-menu-name{display:none}.user-menu-dropdown{right:-.25rem;min-width:220px}}.notif-bell{position:relative;display:inline-flex}.notif-bell-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--surface-raised, #fff);color:var(--color-text-light);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.notif-bell-trigger:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.notif-bell-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.notif-bell-trigger.has-unread{color:var(--color-text)}.notif-bell-trigger.has-unread svg{animation:notifNudge 2.6s ease-in-out 1;transform-origin:50% 15%}@keyframes notifNudge{0%,72%,to{transform:rotate(0)}76%{transform:rotate(-11deg)}80%{transform:rotate(9deg)}84%{transform:rotate(-6deg)}88%{transform:rotate(3deg)}}.notif-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-raised, #fff)}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:90vw;background:var(--surface-raised);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;animation:notifDropIn .16s cubic-bezier(.2,0,0,1)}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}.notif-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem;border-bottom:1px solid var(--color-border-light);font-weight:700;font-size:.9rem;color:var(--color-text)}.notif-header-title{display:inline-flex;align-items:center;gap:.4rem}.notif-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums}.notif-markall{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:.28rem .5rem;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:.76rem;font-weight:700;color:var(--color-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}.notif-markall:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}.notif-markall:focus-visible{outline:none;box-shadow:var(--ring)}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.75rem var(--space-md);text-align:center;color:var(--color-text-muted);font-size:.88rem}.notif-empty svg{color:var(--color-border)}.notif-list{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto;overscroll-behavior:contain}.notif-list li+li{border-top:1px solid var(--color-border-light)}.notif-item{position:relative;width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.6rem .85rem .6rem 1.5rem;transition:background-color var(--transition-fast)}.notif-item:hover{background:var(--surface-page)}.notif-item:focus-visible{outline:none;box-shadow:inset var(--ring)}.notif-item-unread{background:rgba(var(--accent-rgb),.07)}.notif-item-unread:hover{background:rgba(var(--accent-rgb),.12)}.notif-item-unread:before{content:"";position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-accent)}.notif-item-text{font-size:.88rem;line-height:1.45;color:var(--color-text-muted)}.notif-item-unread .notif-item-text{color:var(--color-text);font-weight:500}.notif-item-time{font-size:.72rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.app-header{background:var(--surface-overlay, rgba(var(--cream-rgb), .9));backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--color-border-light);box-shadow:0 1px rgba(var(--ink-rgb),.02),0 6px 20px rgba(var(--ink-rgb),.04);transition:background var(--transition-base),box-shadow var(--transition-base)}.header-container{max-width:var(--page-max, 1560px);margin:0 auto;padding:.7rem var(--page-gutter, clamp(1rem, 3vw, 2.5rem));display:flex;justify-content:space-between;align-items:center;min-width:0}.header-brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.brand-logo{display:block;height:42px;width:auto;filter:drop-shadow(0 2px 8px rgba(var(--primary-rgb),.18))}.header-nav{--nav-gap: .3rem;--nav-item-pad-x: .5rem;--nav-step: calc(var(--nav-gap) + var(--nav-item-pad-x) * 2);--nav-account-step: calc(var(--nav-step) * 1.3);display:flex;align-items:center;gap:var(--nav-gap)}.header-nav .notif-bell{margin-left:calc(var(--nav-account-step) - var(--nav-gap) - var(--nav-item-pad-x))}.header-nav .user-menu{margin-left:calc(var(--nav-step) / 2 - var(--nav-gap))}.nav-item{color:var(--color-text-light);text-decoration:none;font-weight:600;font-size:.95rem;padding:.6rem var(--nav-item-pad-x, 1rem);border-radius:var(--radius-sm);transition:color var(--transition-base),background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);position:relative;letter-spacing:.005em}.nav-item:before{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%) scaleX(0);width:calc(100% - var(--nav-item-pad-x, 1rem) * 2);height:2px;background:var(--color-primary);border-radius:var(--radius-full);transition:transform var(--transition-base)}.nav-item:hover{color:var(--color-primary);background:var(--color-cream-dark)}.nav-item:hover:before{transform:translate(-50%) scaleX(1)}.nav-item.active{color:var(--color-primary);font-weight:600}.nav-item.active:before{transform:translate(-50%) scaleX(1)}.nav-highlight.active:before,.nav-admin.active:before{display:none}.nav-highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff!important;font-weight:600;box-shadow:var(--shadow-sm);border:none}.nav-highlight:before{display:none}.nav-highlight:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.nav-admin{background:linear-gradient(135deg,var(--surface-inverse-raised) 0%,var(--surface-inverse) 100%);color:var(--surface-inverse-text)!important;font-weight:600;box-shadow:0 2px 12px rgba(var(--ink-rgb),.28);border:none}.nav-admin:before{display:none}.nav-admin:hover{background:var(--surface-inverse);color:var(--surface-inverse-text)!important;transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--ink-rgb),.38)}.user-menu{display:flex;align-items:center;gap:1.25rem}.user-greeting{color:var(--color-text-light);font-weight:500;font-size:.9rem;padding-right:1rem;border-right:1px solid var(--color-border)}.btn-signup{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;cursor:pointer;font-size:.95rem;font-family:var(--font-body);letter-spacing:.02em}.btn-signup:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-logout{background:transparent;color:var(--color-error);border:2px solid var(--color-error);font-weight:600;padding:.625rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:.9rem;font-family:var(--font-body)}.btn-logout:hover{background:var(--color-error);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-nav{display:none;align-items:center;gap:.75rem;min-width:0}.mobile-public-nav{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:flex-end;gap:1.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-public-nav::-webkit-scrollbar{display:none}.mobile-public-nav .nav-item,.mobile-nav .notif-bell{flex-shrink:0}.mobile-public-nav .nav-item{--nav-item-pad-x: .75rem;padding:.5rem var(--nav-item-pad-x);font-size:.875rem}.header-avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--surface-raised);border:2px solid var(--color-border-strong);border-radius:50%;cursor:pointer;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);position:relative;z-index:1001;flex-shrink:0}.header-avatar-btn:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25);border-color:var(--color-primary)}.header-avatar-btn-active{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.header-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.header-avatar-initials{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.02em;font-family:var(--font-body)}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;z-index:1001}.hamburger-btn:hover{background:var(--color-cream-dark)}.hamburger-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.hamburger-line{width:22px;height:2.5px;background:var(--color-text);border-radius:var(--radius-full);transition:all var(--transition-base);transform-origin:center}.hamburger-active .hamburger-line:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger-active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-active .hamburger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hamburger-active{background:var(--color-cream-dark)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:1rem;min-width:248px;background:var(--surface-raised);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.4rem;animation:dropdownFadeIn .2s ease-out;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.dropdown-greeting{padding:.875rem 1rem;font-weight:600;font-size:.95rem;color:var(--color-text);font-family:var(--font-display)}.dropdown-divider{height:1px;background:var(--color-border-light);margin:.375rem 0}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;font-weight:500;font-family:var(--font-body);text-decoration:none;cursor:pointer;transition:all var(--transition-base);text-align:left}.dropdown-item:hover{background:var(--color-cream);color:var(--color-primary)}.dropdown-item:focus-visible{outline:none;background:var(--color-cream);box-shadow:inset 0 0 0 2px var(--color-primary)}.dropdown-item-highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:600}.dropdown-item-highlight:hover{background:var(--color-primary-dark);color:#fff}.dropdown-item-admin{background:linear-gradient(135deg,var(--surface-inverse-raised) 0%,var(--surface-inverse) 100%);color:var(--surface-inverse-text);font-weight:600}.dropdown-item-admin:hover{background:var(--surface-inverse);color:var(--surface-inverse-text)}.dropdown-item-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:600}.dropdown-item-primary:hover{background:var(--color-primary-dark);color:#fff}.dropdown-item-destructive{color:var(--color-error)}.dropdown-item-destructive:hover{background:var(--color-error-light);color:var(--color-error)}.dropdown-item-logout{color:var(--color-error);font-weight:600}.dropdown-item-logout:hover{background:var(--color-error);color:#fff}.dropdown-submenu-container{position:relative}.dropdown-submenu-trigger{display:flex;align-items:center;justify-content:space-between}.submenu-arrow{font-size:1.25rem;font-weight:400;color:var(--color-text-muted);transition:all var(--transition-base);line-height:1}.submenu-arrow-open{transform:rotate(90deg);color:var(--color-primary)}.dropdown-submenu{padding:.25rem 0 .25rem .75rem;margin-top:.25rem;border-left:2px solid var(--color-border-light);animation:submenuFadeIn .2s ease-out}@keyframes submenuFadeIn{0%{opacity:0}to{opacity:1}}.dropdown-submenu-item{padding:.625rem 1rem;font-size:.85rem}.desktop-nav{display:none}.mobile-nav{display:flex}.header-container{position:relative}@media(min-width:1200px){.mobile-public-nav .nav-item{--nav-item-pad-x: 1.2rem;font-size:1.1rem;padding:.7rem var(--nav-item-pad-x)}.mobile-public-nav{gap:1.75rem}}@media(min-width:769px)and (max-width:1199px){.mobile-public-nav .nav-item{--nav-item-pad-x: 1rem;font-size:1rem;padding:.6rem var(--nav-item-pad-x)}}@media(max-width:768px){.header-container{padding:.75rem 1rem}.mobile-public-nav{gap:1rem}.mobile-public-nav .nav-item{--nav-item-pad-x: .6rem;padding:.4rem var(--nav-item-pad-x);font-size:.8rem}.dropdown-menu{right:.5rem;min-width:220px}}@media(max-width:480px){.header-container{padding:.625rem .75rem}.brand-logo{height:40px}.hamburger-btn,.header-avatar-btn{width:40px;height:40px}.hamburger-line{width:20px}.header-avatar-initials{font-size:.85rem}.mobile-public-nav{gap:.5rem}.mobile-public-nav .nav-item{--nav-item-pad-x: .5rem;padding:.35rem var(--nav-item-pad-x);font-size:.75rem}.dropdown-menu{right:.5rem;left:.5rem;min-width:unset}.dropdown-item{padding:.625rem .875rem;font-size:.85rem}.dropdown-greeting{padding:.75rem .875rem;font-size:.9rem}}@media(max-width:480px){.mobile-public-nav .nav-item-home{display:none}}.app-footer{background:linear-gradient(160deg,var(--surface-inverse-raised) 0%,var(--surface-inverse) 100%);color:var(--surface-inverse-text);margin-top:auto;position:relative;overflow:hidden;border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--color-primary-light) 22%,var(--color-primary-light) 78%,transparent) 1}.footer-container{max-width:var(--page-max, 1560px);margin:0 auto;padding:var(--space-2xl) var(--page-gutter, clamp(1rem, 3vw, 2.5rem)) var(--space-lg);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-lg)}.footer-section h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;font-family:var(--font-display);display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.footer-icon{font-size:1.25rem;opacity:.9}.footer-title{color:var(--surface-inverse-text)}.footer-description{margin:0;opacity:.85;line-height:1.6;font-size:.9rem}.footer-section h4{margin:0 0 .7rem;font-size:var(--step--2);font-weight:700;font-family:var(--font-body);opacity:1;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-primary-light)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--surface-inverse-text);text-decoration:none;opacity:.8;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;padding:.125rem 0}.footer-links a:before{content:"";width:0;height:1px;background:var(--color-primary-light);transition:width var(--transition-base)}.footer-links a:hover{opacity:1;color:var(--color-primary-light)}.footer-links a:hover:before{width:12px}.app-footer a:focus-visible,.app-footer button:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:1.25rem;text-align:center}.footer-bottom p{margin:0;opacity:.75;font-size:.875rem;letter-spacing:.01em}@media(max-width:768px){.footer-container{padding:1.75rem 1.5rem .875rem}.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section{text-align:center}.footer-section h3{justify-content:center}.footer-links{align-items:center}.footer-links a:before{display:none}.footer-links a:hover{transform:none}}.footer-logo{height:28px;width:auto;display:inline-block;vertical-align:middle}.page-container{animation:page-fade-in .2s cubic-bezier(.2,0,0,1);height:100%}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.theme-switcher{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.theme-fab{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-lg),var(--shadow-glow);border:1px solid rgba(255,255,255,.16);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.theme-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.theme-fab:active{transform:translateY(0)}.theme-fab:focus-visible{outline:none;box-shadow:var(--ring)}.theme-panel{width:min(320px,calc(100vw - 2rem));background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:1.25rem;animation:fadeIn .2s cubic-bezier(.2,0,0,1)}.theme-panel-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.theme-panel-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.theme-panel-sub{font-size:.8rem;line-height:1.5;color:var(--color-text-muted)}.theme-grid{display:flex;flex-direction:column;gap:.5rem}.theme-card{display:flex;align-items:center;gap:.85rem;width:100%;padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-panel);cursor:pointer;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.theme-card:hover{transform:translateY(-1px);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.theme-card:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.theme-card.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.theme-swatch{display:inline-flex;flex-shrink:0}.theme-dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--surface-raised);box-shadow:0 1px 2px rgba(var(--ink-rgb),.18)}.theme-dot+.theme-dot{margin-left:-7px}.theme-card-text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.theme-card-name{font-weight:600;font-size:.9rem;color:var(--color-text);letter-spacing:-.01em}.theme-card-desc{font-size:.76rem;color:var(--color-text-muted)}.theme-card-mark{flex-shrink:0;width:1.25rem;text-align:center;font-weight:700;color:var(--color-primary)}.celebrations-shell{--rail-surface: var(--surface-sunken);width:100%;padding-inline:var(--page-gutter, clamp(1rem, 3vw, 2.5rem));background:var(--rail-surface);border-bottom:1px solid var(--color-border)}.celebrations{display:flex;align-items:center;gap:.85rem;min-width:0;max-width:var(--page-max, 1560px);margin-inline:auto;padding:.55rem 0}.celebrations-title{flex:none;font-size:var(--step--2);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-light)}.celebrations-rail[hidden]{display:none}.celebrations-rail{display:flex;align-items:center;gap:.3rem;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.celebrations-rail::-webkit-scrollbar{display:none}.celebrations-rail>li{flex:0 0 auto}.celebration-card{display:flex;align-items:center;gap:.6rem;padding:.25rem .85rem .25rem .25rem;border:1px solid transparent;border-radius:var(--radius-full);background:transparent;font-family:var(--font-body);color:inherit;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.celebration-card.is-link{cursor:pointer}.celebration-card.is-link:hover{background:var(--surface-raised);border-color:var(--color-border-light);box-shadow:var(--shadow-sm)}.celebration-card.is-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.celebration-card.is-today{background:var(--celebration-today-bg);border-color:var(--celebration-today-edge)}.celebration-card.is-today.is-link:hover{background:var(--celebration-today-bg);border-color:var(--celebration-today-edge);box-shadow:var(--shadow-sm)}.celebration-faces{position:relative;display:flex;flex:none;align-items:center}.celebration-face{width:40px;height:40px;flex:none;border-radius:50%;object-fit:cover;background:var(--color-primary-soft);box-shadow:0 0 0 2px var(--rail-surface)}.celebration-face-initials{display:grid;place-items:center;font-family:var(--font-display);font-size:.88rem;font-weight:700;line-height:1;color:var(--color-primary-dark)}.celebration-faces.is-pair .celebration-face+.celebration-face{margin-left:-14px}.celebration-card.is-link:hover .celebration-face{box-shadow:0 0 0 2px var(--surface-raised)}.celebration-card.is-today .celebration-face,.celebration-card.is-today.is-link:hover .celebration-face{box-shadow:0 0 0 2px var(--celebration-today-bg)}.celebration-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:var(--color-cream);box-shadow:0 0 0 2px var(--rail-surface)}.celebration-card.is-link:hover .celebration-badge{box-shadow:0 0 0 2px var(--surface-raised)}.celebration-card.is-today .celebration-badge,.celebration-card.is-today.is-link:hover .celebration-badge{background:var(--celebration-today-edge);box-shadow:0 0 0 2px var(--celebration-today-bg)}.celebration-text{display:flex;flex-direction:column;gap:1px;min-width:0}.celebration-name{max-width:12rem;font-size:.86rem;font-weight:700;line-height:1.25;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celebration-meta{font-size:.72rem;font-weight:500;line-height:1.3;color:var(--color-text-light);white-space:nowrap}.celebration-kind{font-weight:700;color:var(--color-text)}.celebration-meta em{font-style:normal;font-weight:700;color:var(--color-primary)}.celebration-when{font-weight:600}.celebration-card.is-today .celebration-when{font-weight:700}.celebration-card.is-today .celebration-name,.celebration-card.is-today .celebration-meta,.celebration-card.is-today .celebration-kind,.celebration-card.is-today .celebration-meta em{color:var(--celebration-today-fg)}.celebrations-summary{display:flex;align-items:center;gap:.55rem;flex:1 1 auto;min-width:0;padding:.1rem .5rem;border:1px solid transparent;border-radius:var(--radius-full);background:transparent;font-family:var(--font-body);color:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.celebrations-summary:hover{background:var(--surface-raised);border-color:var(--color-border-light)}.celebrations-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.celebrations-count{font-size:.75rem;line-height:1.4;font-weight:600;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celebrations-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.celebrations.is-collapsed{padding:.1rem 0;gap:.55rem}.celebrations.is-collapsed .celebrations-summary{padding:.1rem .5rem}.celebrations.is-collapsed .celebrations-toggle{width:20px;height:20px}.celebrations-toggle{flex:none;display:grid;place-items:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;color:var(--color-text-light);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.celebrations-toggle:hover{background:var(--surface-raised);color:var(--color-text)}.celebrations-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.celebrations-chevron{transition:transform var(--transition-base, .2s cubic-bezier(.2, 0, 0, 1))}.celebrations:not(.is-collapsed) .celebrations-chevron{transform:rotate(180deg)}@media(max-width:640px){.celebrations{gap:.45rem}.celebrations-title{display:none}.celebration-name{max-width:9rem}}.family-album{position:relative}.fa-hero .fa-stage{height:clamp(420px,58vh,620px)}.fa-inline .fa-stage{aspect-ratio:16 / 10;border-radius:var(--radius-card, 16px)}.fa-stage{position:relative;overflow:hidden;background:var(--surface-inverse)}.fa-slide{position:absolute;inset:0;opacity:0;transition:opacity .2s ease;pointer-events:none}.fa-slide.is-active{opacity:1;pointer-events:auto}.fa-slide img{width:100%;height:100%;object-fit:cover}.fa-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,20,15,.35) 0%,transparent 26%),linear-gradient(to top,rgba(13,20,15,.62) 0%,transparent 42%)}.fa-slide-quote{display:flex;align-items:center;justify-content:center}.fa-quote{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 3rem;text-align:center;background:linear-gradient(135deg,var(--surface-inverse-raised) 0%,var(--surface-inverse) 100%)}.fa-quote-mark{display:inline-grid;place-items:center;color:var(--color-accent-light)}.fa-quote p{font-family:var(--font-serif);font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:500;font-style:italic;line-height:1.3;color:var(--surface-inverse-text);max-width:24ch;margin:0}.fa-eyebrow{position:absolute;top:22px;left:26px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb}.fa-meta{position:absolute;left:26px;right:26px;bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.fa-caption{font-family:var(--font-serif);font-size:clamp(1rem,2vw,1.35rem);font-weight:600;color:#fff;text-shadow:0 1px 12px rgba(13,20,15,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-stars{display:inline-flex;gap:2px;padding:6px 10px;border-radius:999px;background:#0d140f8c;flex-shrink:0}.fa-star{display:grid;place-items:center;border:none;background:none;padding:2px;line-height:1;cursor:pointer;color:#ffffff73;transition:color var(--transition-base)}.fa-star:hover,.fa-star.is-on{color:var(--color-accent-light)}.fa-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#0d140f8c;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:0;transition:opacity .25s,background .25s}.fa-stage:hover .fa-nav,.fa-nav:focus-visible{opacity:1}.fa-nav:hover{background:#0d140fbf}.fa-prev{left:18px}.fa-next{right:18px}.fa-progress{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:6px}.fa-seg{width:26px;height:3px;padding:0;border:none;border-radius:999px;background:#ffffff59;cursor:pointer;transition:background var(--transition-base)}.fa-seg.is-active{background:var(--color-accent-light)}@media(max-width:640px){.fa-hero .fa-stage{height:clamp(320px,52vh,460px)}.fa-eyebrow{top:16px;left:18px}.fa-meta{left:18px;right:18px;bottom:34px}.fa-nav{display:none}}@media(prefers-reduced-motion:reduce){.fa-nav{opacity:1}}.home-page{width:100%;overflow-x:hidden}.hero-section{position:relative;padding:5rem var(--page-gutter) 6rem;background:linear-gradient(180deg,var(--surface-page) 0%,var(--surface-panel) 100%);overflow:hidden}.hero-container{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:fadeIn .2s ease-out both}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-accent-light);color:var(--color-accent-dark);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.hero-eyebrow-icon{font-size:1rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.75rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text);letter-spacing:-.03em}.hero-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:2.5rem;line-height:1.7;max-width:500px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;font-family:var(--font-body);transition:all var(--transition-base);box-shadow:var(--shadow-md),var(--shadow-glow);border:none;cursor:pointer;letter-spacing:.02em}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-icon{font-size:1.25rem;transition:transform var(--transition-base)}.btn-hero-primary:hover .btn-icon{transform:translate(4px)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--color-primary);padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;font-family:var(--font-body);transition:all var(--transition-base);border:2px solid var(--color-border);cursor:pointer}.btn-hero-secondary:hover{border-color:var(--color-primary);background:var(--color-cream);transform:translateY(-2px)}.hero-visual{display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out both;position:relative}.hero-visual:before{content:"";position:absolute;width:90%;height:90%;background:radial-gradient(circle,var(--color-accent-light) 0%,transparent 70%);border-radius:50%;opacity:.5;filter:blur(40px)}.hero-logo{max-width:380px;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(var(--primary-rgb),.2));position:relative;z-index:1}.mission-section{padding:4.5rem 2rem;background:linear-gradient(180deg,var(--surface-panel) 0%,var(--surface-page) 100%);scroll-margin-top:84px}.mission-inner{max-width:760px;margin:0 auto;text-align:center}.mission-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin:0 0 1.25rem}.mission-text{font-size:1.15rem;line-height:1.8;color:var(--color-text-light);margin:0}.home-faq-section{padding:4.5rem 2rem;background:linear-gradient(180deg,var(--surface-page) 0%,var(--surface-panel) 100%);scroll-margin-top:84px}.home-faq-section .section-header{margin-bottom:3rem}.home-faq-content{max-width:900px;margin:0 auto;width:100%}.home-faq-content .faq-contact-section{margin-top:3rem}@media(max-width:768px){.mission-section,.home-faq-section{padding:3rem 1.5rem}}.benefits-section{padding:5rem 2rem;background:var(--color-background);position:relative}.benefits-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 50%,transparent 100%)}.section-header{text-align:center;max-width:650px;margin:0 auto 4rem}.section-header h2{font-family:var(--font-display);color:var(--color-text);margin-bottom:1rem;font-weight:600}.section-header p{font-size:1.1rem;color:var(--color-text-light)}.benefits-grid{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.benefit-card{background:var(--surface-panel);padding:2.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden;border:1px solid var(--color-border)}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.card-decoration{position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,var(--color-primary-soft) 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%);opacity:0;transition:opacity var(--transition-base)}.benefit-card:hover .card-decoration{opacity:.6}.card-icon{margin-bottom:1.25rem;display:inline-flex;color:var(--color-primary)}.card-icon svg{width:2.5rem;height:2.5rem;stroke-width:1.5}.benefit-card h3{font-family:var(--font-display);font-size:1.35rem;color:var(--color-text);margin-bottom:.75rem;font-weight:600}.benefit-card p{color:var(--color-text-light);line-height:1.7;font-size:.95rem}.cta-section{background:linear-gradient(135deg,var(--surface-inverse-raised) 0%,var(--surface-inverse) 100%);padding:4rem 1.5rem;margin:4rem auto;max-width:1100px;border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-container{max-width:700px;margin:0 auto;position:relative;z-index:1}.cta-container h2{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,2.75rem);color:var(--surface-inverse-text);margin-bottom:.75rem;font-weight:700;letter-spacing:-.02em}.cta-container p{font-size:1.1rem;color:var(--surface-inverse-text);opacity:.88;margin-bottom:2rem}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-accent);color:#fff;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;font-family:var(--font-body);transition:all var(--transition-base);box-shadow:var(--shadow-gold);border:none;cursor:pointer}.btn-cta{padding:1rem 2rem;font-size:1.05rem}.btn-cta:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 10px 34px rgba(var(--accent-rgb),.42)}@media(max-width:968px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-logo{max-width:300px}.section-header h2{font-size:2rem}.benefits-grid{grid-template-columns:1fr;max-width:500px}}@media(max-width:480px){.hero-section{padding:3rem 1.5rem 4rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center;padding:1rem 1.5rem}.hero-logo{max-width:240px}.benefits-section{padding:3rem 1.5rem}.benefit-card{padding:1.75rem}.cta-section{padding:2.5rem 1.25rem}.cta-container h2{font-size:1.5rem}}.album-section{padding:0;margin:0}.legacy-quote{border-top:1px solid var(--color-border);margin-top:3rem;padding:2.75rem 1.5rem 3rem;text-align:center}.legacy-quote p{font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.5rem);font-style:italic;font-weight:600;color:var(--color-text);margin:0 auto;max-width:36ch}.faq-container{min-height:100%;width:100%;padding:2rem 0 4rem;background:linear-gradient(180deg,var(--surface-page) 0%,var(--surface-panel) 100%);animation:fadeIn .2s ease-out}.faq-content{max-width:900px;margin:0 auto;padding:0 var(--page-gutter);width:100%}.faq-hero{text-align:center;margin-bottom:3rem}.faq-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin:0 0 1rem;letter-spacing:-.02em}.faq-subtitle{font-size:1.15rem;color:var(--color-text-light);line-height:1.6;max-width:600px;margin:0 auto}.faq-section{margin-bottom:3rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.faq-item-open{border-color:var(--color-primary-light);box-shadow:var(--shadow-md),0 0 0 1px rgba(var(--primary-rgb),.1)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);transition:all var(--transition-base)}.faq-question:hover{background:var(--color-cream)}.faq-question:focus{outline:none}.faq-question:focus-visible{outline:none;background:var(--color-cream);box-shadow:inset 0 0 0 2px var(--color-primary)}.faq-question-text{font-size:1.05rem;font-weight:600;color:var(--color-text);line-height:1.4}.faq-item-open .faq-question-text{color:var(--color-primary)}.faq-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:500;color:var(--color-text-muted);background:var(--color-cream-dark);border-radius:var(--radius-sm);transition:all var(--transition-base)}.faq-item-open .faq-icon{background:var(--color-primary);color:#fff;transform:rotate(0)}.faq-answer{padding:0 1.5rem 1.5rem;animation:fadeIn .2s ease-out}.faq-answer[hidden]{display:none}.faq-answer p{color:var(--color-text-light);line-height:1.7;font-size:1rem;margin:0;padding-top:.5rem;border-top:1px solid var(--color-border-light)}.faq-contact-section{text-align:center;padding:2.5rem;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-cream-dark) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.faq-contact-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.faq-contact-text{color:var(--color-text-light);margin:0 0 1.5rem;font-size:1rem}.faq-contact-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-md),var(--shadow-glow)}.faq-contact-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px rgba(var(--primary-rgb),.2)}.faq-contact-button:focus-visible{outline:none;box-shadow:var(--shadow-lg),0 0 0 3px var(--color-cream),0 0 0 5px var(--color-primary)}@media(max-width:768px){.faq-container{padding:1.5rem 0 3rem}.faq-content{padding:0 1rem}.faq-hero{margin-bottom:2rem}.faq-title{font-size:1.75rem}.faq-subtitle{font-size:1rem}.faq-question{padding:1rem 1.25rem}.faq-question-text{font-size:1rem}.faq-answer{padding:0 1.25rem 1.25rem}.faq-answer p{font-size:.95rem}.faq-contact-section{padding:2rem 1.5rem}.faq-contact-title{font-size:1.25rem}}@media(max-width:480px){.faq-question{padding:1rem}.faq-icon{width:24px;height:24px;font-size:1rem}.faq-contact-button{width:100%;justify-content:center}}@media(max-width:480px){.faq-hero .faq-title{font-size:1.75rem}.faq-item{padding:0}.faq-question{padding:1rem 1.125rem;font-size:.95rem}.faq-answer{padding:0 1.125rem 1rem;font-size:.9rem}.faq-contact-section{padding:2rem 1.125rem}.faq-contact-button{width:100%}}.help-tip-container{display:inline-flex;position:relative;margin-left:6px;cursor:help;vertical-align:middle}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;cursor:help;background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:50%;font-size:11px;font-weight:700;font-family:inherit;line-height:1}.help-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.help-tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);width:200px;background-color:var(--color-text);color:var(--color-cream);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;line-height:1.4;z-index:100;box-shadow:var(--shadow-md);pointer-events:none;text-align:center;display:block;font-weight:400;text-transform:none;letter-spacing:normal}.tooltip-arrow{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-text) transparent transparent transparent;display:block;width:0;height:0}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--color-text);line-height:1.3}.field-required{color:var(--color-error);font-weight:700}.field-input{font-family:var(--font-body);font-size:.95rem;padding:.75rem .875rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%;box-sizing:border-box;line-height:1.4}.field-input::placeholder{color:var(--color-text-light);opacity:.8}.field-input:hover:not(:disabled){border-color:var(--color-primary-light)}.field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);background:var(--surface-raised)}.field-input:disabled{background:var(--color-cream-dark);color:var(--color-text-light);cursor:not-allowed}.field-input-error,.field-input[aria-invalid=true]{border-color:var(--color-error)}.field-input-error:focus,.field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b0554b2e}textarea.field-input{min-height:96px;resize:vertical;line-height:1.55}select.field-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4 L6 8 L10 4' fill='none' stroke='%23635C6E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.field-hint{font-size:.82rem;color:var(--color-text-muted);line-height:1.45}.field-error{font-size:.82rem;color:var(--color-error);font-weight:500;line-height:1.45;display:flex;align-items:flex-start;gap:.35rem}.field-error:before{content:"";flex-shrink:0;width:.9em;height:.9em;margin-top:.14em;background-color:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>') center / contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>') center / contain no-repeat}.setup-progress{width:100%;max-width:720px;margin:1.25rem auto 0;padding:0 1rem}.setup-progress-list{display:flex;align-items:center;justify-content:space-between;list-style:none;margin:0;padding:0;gap:0}.setup-step{display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:0;position:relative;color:var(--color-text-muted);font-size:.85rem;font-weight:500}.setup-step:last-child{flex:0 0 auto}.setup-step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-cream-dark);color:var(--color-text-muted);font-size:.8rem;font-weight:700;flex-shrink:0;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.setup-step-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-step-connector{flex:1 1 auto;height:2px;background:var(--color-border);margin:0 .625rem;border-radius:var(--radius-full);min-width:20px}.setup-step-complete .setup-step-badge{background:var(--color-success);color:#fff;box-shadow:0 2px 6px #4a7c5940}.setup-step-complete .setup-step-label{color:var(--color-text-light)}.setup-step-complete .setup-step-connector{background:var(--color-success)}.setup-step-active .setup-step-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-glow);transform:scale(1.08)}.setup-step-active .setup-step-label{color:var(--color-primary);font-weight:600}@media(max-width:640px){.setup-step-label{display:none}.setup-step{justify-content:center}.setup-step-badge{width:32px;height:32px;font-size:.9rem}.setup-step-connector{margin:0 .25rem}}.login-page{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream-dark) 0%,var(--color-cream) 55%,var(--color-background) 100%);padding:3rem var(--page-gutter);gap:1.5rem}.login-container{width:100%;max-width:480px}.auth-container{max-width:540px}.auth-toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--color-cream-dark);border:1px solid var(--color-border-light);border-radius:var(--radius-full);margin-bottom:2rem}.auth-toggle-btn{flex:1;padding:.625rem 1rem;border:none;background:transparent;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-text-light);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.auth-toggle-btn:hover{color:var(--color-primary)}.auth-toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.auth-toggle-btn-active,.auth-toggle-btn-active:hover{background:var(--color-background);color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.link-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.login-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease-out}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);background:var(--color-cream)}@media(max-width:480px){.login-card{padding:2rem}.card-header h1{font-size:1.75rem}}.register-page{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:linear-gradient(135deg,var(--color-cream-dark) 0%,var(--color-cream) 55%,var(--color-background) 100%);padding:3rem var(--page-gutter)}.register-container{width:100%;max-width:540px}.register-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease-out}.card-header{text-align:center;margin-bottom:2rem}.card-header h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.02em;color:var(--color-primary-dark);margin-bottom:.5rem;font-weight:700}.card-header p{color:var(--color-text-light);font-size:1rem}.error-alert{background:var(--color-error-light);color:var(--color-error);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:4px solid var(--color-error);font-size:.95rem;line-height:1.6;animation:fadeIn .2s ease-out}.success-alert{background:var(--color-success-light);color:var(--color-success);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:4px solid var(--color-success);font-size:.95rem;line-height:1.6}.register-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:var(--color-text);font-weight:600;font-size:.95rem}.input-group input{width:100%;box-sizing:border-box;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);background:var(--color-cream)}.input-group input:hover{border-color:var(--color-primary-light)}.input-group input:focus{outline:none;border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.input-group input:disabled{background:var(--color-cream-dark);cursor:not-allowed;opacity:.6}.input-group input::placeholder{color:var(--color-text-light)}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--surface-raised);border-radius:var(--radius-full);animation:spin .6s linear infinite}.card-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-light);text-align:center}.card-footer p{color:var(--color-text-light);font-size:.95rem}.link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}@media(max-width:580px){.form-row{grid-template-columns:1fr}}@media(max-width:480px){.register-card{padding:2rem}.card-header h1{font-size:1.75rem}}.hmsb-sample-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);background:var(--home-sample-bg);color:var(--home-sample-text);font-size:10.5px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;line-height:1.6;white-space:nowrap}.gv-picker{margin:0;padding:0;border:0;min-width:0}.gv-legend{padding:0;margin-bottom:6px;font:600 12px/1.2 var(--font-body);color:var(--color-heading)}.gv-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gv-option{position:relative;display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);cursor:pointer;transition:border-color .15s ease,background .15s ease}.gv-option:hover{border-color:var(--color-border-strong)}.gv-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.gv-picker .gv-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.gv-option:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.gv-icon{flex:none;margin-top:2px;color:var(--color-text-muted)}.gv-option.is-selected .gv-icon{color:var(--color-primary)}.gv-option.is-selected .gv-hint{color:var(--color-body)}.gv-text{display:flex;flex-direction:column;gap:2px;min-width:0}.gv-label{font:600 13px/1.2 var(--font-body);color:var(--color-heading)}.gv-hint{font:400 12px/1.35 var(--font-body);color:var(--color-text-muted)}.gv-compact-hint{margin:6px 0 0;font:400 12px/1.35 var(--font-body);color:var(--color-text-muted)}.gv-picker.is-compact .gv-option{padding:7px 9px;align-items:center}.gv-picker.is-compact .gv-icon{margin-top:0}.gv-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font:700 11px/1.4 var(--font-body);white-space:nowrap}.gv-chip.is-icon-only{padding:3px}.gv-chip.is-public{background:var(--color-primary-soft);color:var(--color-primary-fg)}.gv-chip.is-private{background:var(--color-canvas);color:var(--color-body)}@media(max-width:420px){.gv-options{grid-template-columns:1fr}}.tl-overlay-top{position:absolute;top:14px;left:14px;z-index:15;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.tl-overlay-top>*{pointer-events:auto}.tl-bar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 8px;background:color-mix(in srgb,var(--color-background) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.tl-bar-label{font:600 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-right:4px}.tl-bar-sep{width:1px;height:20px;background:var(--color-border);margin:0 2px}.tl-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--color-body);font:500 13px/1 var(--font-body);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.tl-chip:hover{background:var(--color-canvas)}.tl-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}.tl-chip.is-on{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary-fg)}.tl-chip-count{min-width:20px;padding:3px 6px;border-radius:var(--radius-full);background:var(--color-canvas);color:var(--color-body);font:700 11px/1 var(--font-body);text-align:center}.tl-chip.is-on .tl-chip-count{background:var(--color-background);color:var(--color-primary-fg)}.tl-chip-years.is-on{background:var(--color-primary-soft);color:var(--color-primary-fg);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.tl-lens-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font:500 13px/1.2 var(--font-body);color:var(--color-body);animation:tl-rise .22s ease both}.tl-lens-dot{width:10px;height:10px;border-radius:50%;flex:none}.tl-lens-kind{font:600 11px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.tl-lens-name{font-family:var(--font-display);font-size:15px;color:var(--color-heading)}.tl-lens-meta{color:var(--color-text-muted)}.tl-lens-clear{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--color-canvas);color:var(--color-body);cursor:pointer}@keyframes tl-rise{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tl-years{position:absolute;bottom:16px;z-index:15;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:color-mix(in srgb,var(--color-background) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg)}.tl-years-play{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;border:none;background:var(--color-accent);color:var(--color-on-primary);cursor:pointer}.tl-years-edge{font:600 11px/1 var(--font-body);color:var(--color-text-muted)}.tl-years-range{flex:1;min-width:0;width:100%;accent-color:var(--color-accent)}.tl-years-now{display:flex;flex-direction:column;align-items:flex-end;min-width:86px}.tl-years-now strong{font:700 20px/1 var(--font-display);color:var(--color-heading)}.tl-years-now span{font:500 11px/1.4 var(--font-body);color:var(--color-text-muted)}.tl-panel{display:flex;flex-direction:column;height:100%;overflow:auto;padding:22px 22px 18px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.tl-panel-head{display:flex;gap:14px;align-items:flex-start}.tl-panel-badge{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:var(--radius-md);color:var(--color-on-primary)}.tl-panel-titles{flex:1;min-width:0}.tl-panel-kind{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.tl-panel-title{margin:6px 0 4px;font:600 22px/1.15 var(--font-display);color:var(--color-heading)}.tl-panel-sub{margin:0;font:400 13.5px/1.45 var(--font-body);color:var(--color-body);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tl-panel-close{border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:4px}.tl-panel-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 6px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-canvas)}.tl-panel-stats.is-single{grid-template-columns:1fr}.tl-panel-stats div{display:flex;flex-direction:column;align-items:center;padding:10px 4px}.tl-panel-stats strong{font:700 18px/1 var(--font-display);color:var(--color-primary-fg)}.tl-panel-stats span{font:600 11px/1.6 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-body)}.tl-panel-h{margin:16px 0 8px;font:600 12px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.tl-panel-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tl-panel-people button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-md);background:none;color:var(--color-body);cursor:pointer;text-align:left;font:500 14px/1.2 var(--font-body)}.tl-panel-people button:hover{background:var(--color-canvas)}.tl-face{display:grid;place-items:center;overflow:hidden;flex:none;width:34px;height:34px;border-radius:50%;border:2.5px solid;background:var(--color-primary-soft);font:600 12px/1 var(--font-display);color:var(--color-primary-fg)}.tl-face img{width:100%;height:100%;object-fit:cover}.tl-person-name{flex:1}.tl-empty{padding:10px;color:var(--color-text-muted);font-size:13.5px}.tl-panel-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border-light)}.tl-panel-latest{display:flex;flex-direction:column;gap:2px;margin:10px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-canvas)}.tl-panel-latest-label{font:600 11px/1.4 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-body)}.tl-panel-latest-title{font:600 14px/1.35 var(--font-display);color:var(--color-heading);overflow-wrap:anywhere}.tl-panel-latest-by{font:400 12px/1.4 var(--font-body);color:var(--color-body)}button.tl-panel-link{border:none;background:none;padding:0;cursor:pointer}.tl-panel-link:focus-visible,.tl-rail-item:focus-visible,.tl-lens-clear:focus-visible,.tl-years-play:focus-visible,.tl-panel-close:focus-visible,.tl-dock-back:focus-visible,.tl-rail-retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}.tl-chip:disabled{opacity:.5;cursor:not-allowed}.tl-panel-link{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--font-body);color:var(--color-primary);text-decoration:none}.tl-rail{margin-top:14px;padding:14px 6px 4px;border-top:1px solid var(--color-border-light);flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.tl-rail-retry{border:none;background:none;padding:0;color:var(--color-primary-fg);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.tl-rail-heading{margin:0 0 6px 8px;font:600 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.tl-rail-sub{margin:12px 0 4px 8px;font:600 12.5px/1 var(--font-body);color:var(--color-heading)}.tl-rail ul{list-style:none;margin:0;padding:0}.tl-rail-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid transparent;border-radius:var(--radius-md);background:none;cursor:pointer;text-align:left;font:500 13.5px/1.25 var(--font-body);color:var(--color-body)}.tl-rail-item:hover{background:var(--color-canvas)}.tl-rail-item.is-active{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 25%,transparent);color:var(--color-primary-fg)}.tl-rail-item.is-active .tl-rail-count{color:var(--color-primary-fg)}.tl-rail-dot{width:10px;height:10px;border-radius:50%;flex:none}.tl-rail-icon{color:var(--color-primary);flex:none}.tl-rail-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-rail-count{font:600 11.5px/1 var(--font-body);color:var(--color-text-muted)}.tl-rail-empty{padding:6px 8px;font-size:12.5px;color:var(--color-text-muted)}.tree-nav-rail.is-collapsed .tl-rail,.tl-spot-select{display:none}.tl-spot-select select{height:34px;max-width:100%;padding:0 30px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);color:var(--color-heading);font:500 13px/1 var(--font-body);box-shadow:var(--shadow-md)}.tl-spot-select select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}@media(max-width:1024px){.tree-nav-rail .tl-rail{display:none}.tl-spot-select{display:block;max-width:100%}.tl-overlay-top{right:14px!important}.tl-bar{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.tl-bar::-webkit-scrollbar{display:none}.tl-chip{flex:none}.tl-years{left:14px!important;right:14px!important}}@media(max-width:640px){.tl-years-edge{display:none}.tl-years{gap:10px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.tl-lens-pill{animation:none}}.tl-dock-back{align-self:flex-start;margin:0 0 8px;padding:7px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);box-shadow:var(--shadow-sm);font:600 13px/1 var(--font-body);color:var(--color-primary-fg);cursor:pointer}.tree-visualization{position:relative;width:100%;height:100%;min-height:560px;overflow:hidden;outline:none;background-color:var(--tree-canvas, #F4F7F4);border:1px solid var(--color-border-light, #E6EAE6);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 1px 2px rgba(28, 36, 32, .05));--tree-shadow-ink: #0F1A14;--tree-canvas-wash: rgba(255, 255, 255, .55)}.tree-visualization:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,var(--tree-grid-dot, rgba(20, 30, 24, .06)) 1px,transparent 0),radial-gradient(130% 80% at 50% -10%,var(--tree-canvas-wash),transparent 62%);background-size:24px 24px,100% 100%}[data-theme=canopy-dark] .tree-visualization{--tree-shadow-ink: #000000;--tree-canvas-wash: rgba(255, 255, 255, .045)}.tree-visualization:focus-visible{box-shadow:var(--ring, 0 0 0 3px #FFFFFF, 0 0 0 5px #226C4F)}.tree-defs{position:absolute;width:0;height:0;overflow:hidden}#tree-node-elev feDropShadow,#tree-node-elev-lifted feDropShadow{flood-color:var(--tree-shadow-ink, #0F1A14)}.tree-visualization .rd3t-tree-container{position:relative;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .22s cubic-bezier(.2,0,0,1)}.tree-visualization.is-framed .rd3t-tree-container{opacity:1}.tree-visualization.is-camera-moving .rd3t-g{transition:transform .32s cubic-bezier(.16,1,.3,1)}.tree-visualization .rd3t-node,.tree-visualization .rd3t-leaf-node{stroke:none;stroke-width:0;fill:none;cursor:pointer}.tree-visualization svg text{font-family:var(--font-body, "DM Sans", -apple-system, sans-serif);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:none}.portrait-hit{fill:transparent}.portrait-plate{fill:var(--tree-node-fill, #FFFFFF);stroke:var(--tree-node-border, #D3DCD6);stroke-width:1.25;filter:url(#tree-node-elev);transition:filter var(--transition-base, .2s cubic-bezier(.2, 0, 0, 1))}.person-portrait-group:hover .portrait-plate,.person-portrait-group.is-selected .portrait-plate{filter:url(#tree-node-elev-lifted)}.person-portrait-group.is-deceased .portrait-plate{fill:var(--tree-node-deceased-fill, #EEF1EE);stroke:var(--tree-node-deceased-border, #C8D3CC)}.portrait-edge{fill:none;stroke:var(--tree-node-border, #D7DED8);stroke-width:1;stroke-opacity:.55}.portrait-monogram{fill:var(--tree-monogram, #9DB7A4)}.person-portrait-group.is-deceased .portrait-monogram{fill:var(--tree-monogram-deceased, #BEB9AB)}.tree-visualization svg .portrait-initials{font-weight:600;letter-spacing:.02em;-webkit-user-select:none;user-select:none;fill:var(--tree-on-monogram, #FFFFFF)}.person-portrait-group.is-deceased .portrait-photo{filter:grayscale(.85) opacity(.92)}.portrait-ring{fill:none;stroke:transparent;stroke-width:0;transition:stroke var(--transition-fast, .12s cubic-bezier(.2, 0, 0, 1)),stroke-width var(--transition-fast, .12s cubic-bezier(.2, 0, 0, 1))}.person-portrait-group:hover .portrait-ring{stroke:var(--color-primary-light, #4E9674);stroke-width:2.5}.portrait-ring.is-path{stroke:var(--tree-path, #4E8C6A);stroke-width:2.5}.portrait-ring.is-search{stroke:var(--tree-highlight, #B45309);stroke-width:3}.portrait-ring.is-selected{stroke:var(--tree-primary, #226C4F);stroke-width:3.5}.portrait-focus-ring{fill:none;stroke:none;stroke-width:2.5;stroke-dasharray:5 4;pointer-events:none}.person-portrait-group:focus{outline:none}.person-portrait-group:focus .portrait-focus-ring{stroke:var(--tree-primary, var(--color-primary))}.person-portrait-group:focus:not(:focus-visible) .portrait-focus-ring{stroke:none}.selection-halo{fill:none;stroke:var(--tree-halo, rgba(34, 108, 79, .15));stroke-width:7}.portrait-label{font-family:var(--font-body, "DM Sans", -apple-system, sans-serif);line-height:1.22;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;padding-top:2px}.portrait-name{font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--color-text, #1C2420);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.portrait-name.chip{display:inline-block;padding:2px 10px;border-radius:9999px;background:var(--tree-chip-bg, #226C4F);color:var(--tree-chip-fg, #FFFFFF);max-width:100%}.portrait-year{margin-top:2px;font-size:11px;font-weight:500;letter-spacing:.015em;font-variant-numeric:tabular-nums;color:var(--color-text-muted, #6E7A72);white-space:nowrap}.portrait-label.deceased .portrait-name{color:var(--color-text-muted, #6E7A72)}.portrait-label.deceased .portrait-name.chip{color:var(--tree-chip-fg, #FFFFFF)}.person-portrait-group{transition:opacity var(--transition-base, .2s cubic-bezier(.2, 0, 0, 1))}.couple-bar,.couple-stem{stroke:var(--tree-link-couple, #5E8C6E);stroke-width:2;stroke-linecap:round}.couple-knot{fill:var(--tree-node-fill, #FFFFFF);stroke:var(--tree-link-couple, #5E8C6E);stroke-width:2}.unseen-dot-core{fill:var(--tree-activity, #B45309);stroke:var(--tree-node-fill, #FFFFFF);stroke-width:2.5}.celebration-disc{fill:var(--tree-node-fill, #FFFFFF);stroke:var(--tree-activity, #B45309);stroke-width:1.4}.celebration-glyph{fill:none;stroke:var(--tree-activity, #B45309);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.rd3t-link{fill:none;pointer-events:none;stroke:var(--tree-link, #7D9080);stroke-width:1.75px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;transition:stroke-opacity var(--transition-base, .2s cubic-bezier(.2, 0, 0, 1))}.rd3t-link.link-father{stroke:var(--tree-link-father, #4F7E63)}.rd3t-link.link-mother{stroke:var(--tree-link-mother, #7AA184)}.rd3t-link.link-couple-child{stroke:var(--tree-link-couple, #5E8C6E)}.rd3t-link.link-default{stroke:var(--tree-link, #7D9080)}.rd3t-link.link-highlighted{stroke:var(--color-primary, #226C4F)!important;stroke-width:3px!important;stroke-opacity:1!important}.tree-extra-connector{fill:none;pointer-events:none;stroke:var(--tree-link, #7D9080);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5}.tree-extra-connector.is-partner{stroke:var(--tree-link-couple, #5E8C6E);stroke-dasharray:2 5}.tree-extra-connector.is-ended{stroke-dasharray:2 9;opacity:.6}.tree-extra-connector.is-highlighted{stroke:var(--color-primary, #226C4F);stroke-width:3px;opacity:1}.tree-visualization.has-path-highlight .rd3t-link:not(.link-highlighted),.tree-visualization.has-path-highlight .tree-extra-connector:not(.is-highlighted){stroke-opacity:.3}.add-member-btn{transition:opacity var(--transition-fast, .12s cubic-bezier(.2, 0, 0, 1))}.add-btn-hit{fill:transparent;stroke:none}.add-btn-circle{fill:var(--tree-node-fill, #FFFFFF);stroke:var(--tree-primary, #226C4F);stroke-width:1.5;filter:url(#tree-node-elev);transition:fill var(--transition-fast, .12s cubic-bezier(.2, 0, 0, 1))}.add-btn-plus{fill:none;stroke:var(--tree-primary, #226C4F);stroke-width:2;stroke-linecap:round}.add-member-btn:hover .add-btn-circle{fill:var(--tree-primary, #226C4F)}.add-member-btn:hover .add-btn-plus{stroke:var(--tree-on-monogram, #FFFFFF)}.add-btn-focus-ring{fill:none;stroke:none;stroke-width:2.5;pointer-events:none}.add-member-btn:focus{outline:none}.add-member-btn:focus .add-btn-focus-ring{stroke:var(--tree-primary, var(--color-primary))}.add-member-btn:focus:not(:focus-visible) .add-btn-focus-ring{stroke:none}.add-member-controls{animation:controlsFadeIn .18s cubic-bezier(.2,0,0,1)}@keyframes controlsFadeIn{0%{opacity:0}to{opacity:1}}.tree-tooltip{position:absolute;z-index:100;background:var(--surface-raised, #FFFFFF);border:1px solid var(--color-border-light, #E6EAE6);border-radius:var(--radius-md, 12px);padding:11px 14px;min-width:172px;max-width:248px;box-shadow:var(--shadow-lg, 0 14px 40px rgba(28, 36, 32, .1));pointer-events:none;animation:tooltipFadeIn .14s cubic-bezier(.2,0,0,1)}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-name{font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--color-text, #1C2420);margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid var(--color-border-light, #E6EAE6)}.tooltip-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:12px;color:var(--color-text-light, #4B564F);padding:2px 0;font-family:var(--font-body, "DM Sans", sans-serif)}.tooltip-label{font-weight:600;color:var(--color-text-muted, #6E7A72);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.tooltip-status{font-size:11px;font-weight:600;padding:2px 9px;border-radius:9999px;margin-top:4px}.tooltip-status.living{background:var(--color-success-light, #E4F0DE);color:var(--color-success, #217A3C)}.tooltip-status.deceased{background:var(--surface-sunken, #ECEFEA);color:var(--color-text-muted, #6E7A72)}.tree-camera-controls{position:absolute;bottom:12px;left:12px;z-index:10;display:flex;gap:2px;padding:3px;background:var(--surface-raised, #FFFFFF);border:1px solid var(--color-border-light, #E6EAE6);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-sm, 0 1px 2px rgba(28, 36, 32, .05))}.camera-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--color-text-light, #4B564F);cursor:pointer;transition:background var(--transition-fast, .12s cubic-bezier(.2, 0, 0, 1)),color var(--transition-fast, .12s cubic-bezier(.2, 0, 0, 1))}.camera-btn:hover{background:var(--surface-sunken, #ECEFEA);color:var(--color-primary, #226C4F)}.camera-btn:focus-visible{outline:2px solid var(--color-primary, #226C4F);outline-offset:1px}.tree-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;color:var(--color-text-muted, #6E7A72)}.tree-empty .empty-icon{width:48px;height:48px;margin-bottom:1rem;stroke:var(--color-primary-light, #4E9674);opacity:.75}.empty-hint{font-size:.9rem;color:var(--color-text-muted, #6E7A72)}@media(max-width:768px){.tree-visualization{min-height:420px}.tree-tooltip:not(.is-focus){display:none}.tree-tooltip.is-focus{max-width:min(248px,calc(100vw - 32px))}}@media(prefers-reduced-motion:reduce){.tree-visualization.is-camera-moving .rd3t-g{transition:none}}.has-lens .person-portrait-group,.has-year-cutoff .person-portrait-group{transition:opacity var(--transition-base),filter var(--transition-base)}.has-lens .person-portrait-group.is-lens-out{opacity:.22;filter:saturate(.2)}.has-lens .rd3t-link,.has-lens .couple-bar,.has-lens .couple-stem,.has-lens .couple-knot{opacity:.28;transition:opacity .26s ease}.lens-halo{fill:none;stroke-width:3;opacity:.9}.group-arc{fill:none;stroke-width:3.5;stroke-linecap:round}.charm-pill-bg{fill:var(--color-background);stroke:var(--color-border);stroke-width:1;filter:drop-shadow(0 1px 1.5px rgba(var(--ink-rgb),.12))}.charm{color:var(--color-text-muted)}.charm-stories{color:var(--color-accent)}.charm-events{color:var(--color-primary)}.charm-photos{color:var(--color-rose)}.charm-count{font:700 11px/1 var(--font-body);fill:var(--color-heading)}.charm-dot{fill:var(--color-accent);stroke:var(--color-background);stroke-width:2}.has-year-cutoff .person-portrait-group.is-unborn{opacity:.07}.has-year-cutoff .person-portrait-group.is-gone{opacity:.45;filter:grayscale(1)}@media(prefers-reduced-motion:reduce){.person-portrait-group,.has-lens .rd3t-link{transition:none}}.modal-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(var(--ink-rgb),.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:modal-backdrop-in .18s ease-out}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;animation:modal-panel-in .22s cubic-bezier(.16,1,.3,1)}@keyframes modal-panel-in{0%{opacity:0}to{opacity:1}}.modal-small{max-width:420px}.modal-medium{max-width:640px}.modal-large{max-width:960px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-header h1,.modal-header h2,.modal-header h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.3}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:var(--color-text-light);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{background:var(--color-cream-dark);color:var(--color-primary)}.modal-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{padding:1.5rem;overflow-y:auto;flex:1 1 auto}.modal-body p{color:var(--color-text-light);line-height:1.6}.modal-footer{display:flex;gap:.625rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-cream);flex-shrink:0;flex-wrap:wrap}@media(max-width:640px){.modal-backdrop{padding:.5rem}.modal-panel{max-height:calc(100vh - 1rem)}.modal-header,.modal-footer{padding:1rem 1.25rem}.modal-body{padding:1.25rem}}@media(max-width:480px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-danger{width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.relationship-description{color:var(--color-text-light);font-size:.95rem;margin:0 0 1.5rem;padding:.75rem 1rem;background:var(--color-cream-dark);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary-light)}.overlay-error{background:var(--color-error-light);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem;border-left:3px solid var(--color-error)}.add-member-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:var(--color-text);font-weight:600;font-size:.9rem}.form-group input,.form-group select{width:100%;box-sizing:border-box;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);background:var(--color-cream)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);background:var(--surface-raised);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.form-group input:disabled,.form-group select:disabled{background:var(--color-cream-dark);cursor:not-allowed;opacity:.7}.form-group input::placeholder{color:var(--color-text-light)}.checkbox-group{margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--color-text)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-light);cursor:pointer}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.char-limit-error{margin-top:4px;font-size:.8rem;color:var(--color-error);font-weight:600}.duplicate-match-panel{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-cream-dark);padding:.85rem 1rem;animation:slideUp var(--transition-base) ease-out}.duplicate-match-heading{margin:0 0 .6rem;font-size:.78rem;font-weight:700;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.03em}.duplicate-match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:220px;overflow-y:auto}.duplicate-match-row{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.duplicate-match-row:hover{border-color:var(--color-primary-light);background:var(--color-primary-soft);transform:translateY(-1px)}.duplicate-match-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.duplicate-match-row.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.22)}.duplicate-match-radio{margin-top:.2rem;width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.duplicate-match-details{display:flex;flex-direction:column;gap:.2rem}.duplicate-match-name{font-weight:700;color:var(--color-text);font-size:.92rem}.duplicate-match-meta{display:flex;flex-wrap:wrap;gap:0 .6rem;font-size:.78rem;color:var(--color-text-light)}.duplicate-match-meta span:not(:last-child):after{content:"•";margin-left:.6rem;color:var(--color-border-strong)}.duplicate-match-meta-empty{font-style:italic}@media(max-width:520px){.form-row{grid-template-columns:1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--color-text-light);max-width:480px;margin:2rem auto}.empty-state-compact{padding:2rem 1rem;margin:1rem auto}.empty-state-icon{font-size:3rem;line-height:1;margin-bottom:1rem;filter:grayscale(.1)}.empty-state-icon svg{width:2.75rem;height:2.75rem;stroke-width:1.5;color:var(--color-text-light)}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem;line-height:1.3}.empty-state-description{font-size:.95rem;line-height:1.55;color:var(--color-text-light);margin:0 0 1.25rem;max-width:36ch}.empty-state-actions{display:flex;gap:.625rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.empty-state-compact .empty-state-icon{font-size:2rem}.empty-state-compact .empty-state-icon svg{width:1.85rem;height:1.85rem}.empty-state-compact .empty-state-title{font-size:1.05rem}@media(max-width:480px){.empty-state{padding:2rem 1rem}.empty-state-actions{flex-direction:column;width:100%}.empty-state-actions :is(a,button){width:100%}}.tree-nav-rail{--rail-width: 240px;--rail-pad: 10px;position:relative;width:var(--rail-width);flex:none;display:flex;flex-direction:column;gap:6px;padding:var(--rail-pad);background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-self:stretch;overflow:hidden;transition:width var(--transition-emphasis)}.tree-nav-rail.is-collapsed{--rail-width: 62px;--rail-pad: 9px;overflow:visible}.tree-nav-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;margin-bottom:2px}.is-collapsed .tree-nav-head{justify-content:center}.tree-nav-heading{margin:0;padding:0 8px;font-size:var(--step--2);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.tree-nav-list{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.tree-nav-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:var(--control-height-lg);padding:7px 9px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-light);font-family:var(--font-body);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.tree-nav-item:hover{background:var(--color-cream-dark);color:var(--color-primary)}.tree-nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tree-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary-fg)}.tree-nav-item.active .tree-nav-label{font-weight:700}.tree-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;flex:none}.tree-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:var(--radius-full);background:var(--color-primary)}.is-collapsed .tree-nav-item{justify-content:center;gap:0;padding:7px 0}.is-collapsed .tree-nav-item.active:before{left:-1px}.tree-nav-text{display:flex;flex-direction:column;min-width:0;line-height:1.25;white-space:nowrap;transition:opacity var(--transition-fast)}.tree-nav-label{font-size:.9rem;font-weight:600;color:inherit}.tree-nav-hint{font-size:var(--step--2);font-weight:500;color:var(--color-text-muted)}.tree-nav-item.active .tree-nav-hint{color:var(--color-primary-fg)}.is-collapsed .tree-nav-text{display:none}.tree-nav-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:5px 9px;border-radius:var(--radius-xs);background:var(--surface-inverse);color:var(--surface-inverse-text);font-family:var(--font-body);font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast);z-index:40}.tree-nav-tip:before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);background:inherit}.is-collapsed .tree-nav-item:hover .tree-nav-tip,.is-collapsed .tree-nav-item:focus-visible .tree-nav-tip,.is-collapsed .tree-nav-toggle:hover .tree-nav-tip,.is-collapsed .tree-nav-toggle:focus-visible .tree-nav-tip{opacity:1;visibility:visible}.tree-nav-toggle{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:0;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--color-text-light);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tree-nav-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary-fg)}.tree-nav-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tree-nav-toggle-icon{display:flex;align-items:center;justify-content:center}.tree-nav-rail:not(.is-collapsed) .tree-nav-toggle .tree-nav-tip{display:none}@media(max-width:1024px){.tree-nav-rail,.tree-nav-rail.is-collapsed{--rail-width: 100%;width:100%;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;align-self:auto}.tree-nav-head,.tree-nav-hint{display:none}.tree-nav-list{flex-direction:row;gap:4px}.tree-nav-item,.is-collapsed .tree-nav-item{gap:8px;padding:7px 12px;white-space:nowrap}.tree-nav-text,.is-collapsed .tree-nav-text{display:block}.tree-nav-item.active:before{left:50%;top:auto;bottom:0;width:20px;height:3px;transform:translate(-50%)}.tree-nav-tip{display:none}}.skeleton{display:inline-block;background:var(--color-cream-dark);animation:skeleton-fade 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-fade{0%,to{opacity:1}50%{opacity:.55}}.skeleton-card{background:var(--surface-raised);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem}.skeleton-card-header{display:flex;align-items:center;gap:.875rem}.skeleton-card-header-text{flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.skeleton-card-lines{display:flex;flex-direction:column;gap:.4rem}.skeleton-list-item{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gal-page{max-width:var(--page-max);margin:0 auto;padding:2rem var(--page-gutter)}.gal-title{font-family:var(--font-display);color:var(--color-primary);font-size:2rem;letter-spacing:-.02em;margin:0 0 1.25rem}.gal-loading,.gal-empty-state,.gal-error{text-align:center;padding:4rem 1rem;font-family:var(--font-body);color:var(--color-text-muted)}.gal-spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}.gal-error{color:var(--color-error)}.gal-empty-state h2{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.01em;margin-bottom:.5rem}.gal-filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.gal-filter-btn{font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:.45rem 1rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-base)}.gal-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.gal-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gal-card{position:relative;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.gal-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-md)}.gal-card-img{width:100%;height:100%;object-fit:cover;display:block}.gal-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);display:flex;flex-direction:column;gap:.15rem}.gal-card-name{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:#fff}.gal-card-status{font-family:var(--font-body);font-size:.7rem;font-weight:500}.gal-card-status.living{color:var(--color-success-light)}.gal-card-status.deceased{color:#fff9}@media(max-width:640px){.gal-page{padding:1.25rem 1rem}.gal-title{font-size:1.5rem}.gal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media(max-width:480px){.gal-title{font-size:1.5rem}.gal-grid{grid-template-columns:1fr 1fr;gap:.5rem}.gal-filters{gap:.375rem}.gal-filter-btn{padding:.4rem .75rem;font-size:.85rem}}.timeline-page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:2rem var(--page-gutter);font-family:var(--font-body, "DM Sans", sans-serif);color:var(--color-text)}.timeline-header{max-width:960px;margin:0 auto 2.5rem;text-align:center}.timeline-header h1{font-family:var(--font-display, "Fraunces", serif);color:var(--color-primary);font-size:2rem;letter-spacing:-.02em;margin:0 0 .5rem}.timeline-subtitle{color:var(--color-text-light);font-size:.95rem;margin:0 0 1.25rem}.timeline-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.timeline-filter-btn{padding:.4rem 1.2rem;border:2px solid var(--color-primary);border-radius:999px;background:transparent;color:var(--color-primary);font-family:var(--font-body, "DM Sans", sans-serif);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-base, all .2s ease)}.timeline-filter-btn:hover{background:var(--color-primary);color:#fff}.timeline-filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.timeline-filter-btn.active{background:var(--color-primary);color:#fff}.timeline-scroller{position:relative;display:flex;align-items:stretch;gap:.75rem;--timeline-track-h: 30rem;--timeline-edge-pad: 2rem}.timeline-scroll-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:var(--surface-panel);color:var(--color-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-base, .2s ease),opacity var(--transition-base, .2s ease)}.timeline-scroll-btn:hover:not([disabled]){transform:scale(1.05)}.timeline-scroll-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.timeline-scroll-btn[disabled]{opacity:.4;cursor:default}.timeline-track{position:relative;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.timeline-track:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.timeline-track-inner{position:relative;display:flex;align-items:stretch;min-width:max-content;height:var(--timeline-track-h);padding:0 var(--timeline-edge-pad)}.timeline-line{position:absolute;left:0;right:0;top:50%;height:3px;width:auto;background:var(--color-accent);transform:translateY(-50%)}.timeline-item{position:relative;flex:0 0 300px;width:300px;margin-right:1.5rem;display:grid;grid-template-rows:1fr 1fr;animation:timelineFadeIn .2s ease forwards}.timeline-item.left{padding-bottom:2rem}.timeline-item.left .timeline-card{grid-row:1;align-self:end}.timeline-item.right{padding-top:2rem}.timeline-item.right .timeline-card{grid-row:2;align-self:start}.timeline-dot{position:absolute;left:50%;top:50%;width:14px;height:14px;background:var(--color-accent);border:3px solid var(--surface-raised);border-radius:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:var(--shadow-sm)}.timeline-card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm);padding:1.25rem;width:100%;max-height:224px;overflow:hidden;transition:transform var(--transition-base, .2s ease),box-shadow var(--transition-base, .2s ease),border-color var(--transition-base, .2s ease)}.timeline-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.timeline-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-full, 999px);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.timeline-badge svg{flex-shrink:0}.timeline-badge-label{line-height:1}.timeline-badge.birth{background:var(--color-success-light);color:var(--color-success)}.timeline-badge.death{background:var(--color-cream-dark);color:var(--color-text-light)}.timeline-badge.marriage{background:var(--color-accent-light);color:var(--color-accent-dark)}.timeline-badge.other{background:var(--color-primary-soft);color:var(--color-primary-dark)}.timeline-date{font-size:.8rem;color:var(--color-text-light);font-weight:500}.timeline-card-body{display:flex;align-items:center;gap:.75rem}.timeline-avatars{display:flex;align-items:center;flex-shrink:0}.timeline-avatars.stacked{padding-right:.5rem}.timeline-avatars.stacked .timeline-avatar:not(:first-child){margin-left:-1rem}.timeline-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;border:3px solid var(--color-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-cream)}.timeline-avatar img{width:100%;height:100%;object-fit:cover}.timeline-initials{font-family:var(--font-display, "Fraunces", serif);font-size:1rem;font-weight:600;color:var(--color-primary)}.timeline-card-info{flex:1;min-width:0}.timeline-name{font-family:var(--font-display, "Fraunces", serif);font-size:1rem;font-weight:600;margin:0 0 .15rem;color:var(--color-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.timeline-detail{font-size:.8rem;color:var(--color-text-light);margin:.15rem 0 0}.timeline-detail:not(.timeline-location){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.timeline-detail-label{font-weight:600}.timeline-read-more{display:inline-block;margin:.3rem 0 0;padding:0;border:none;background:none;color:var(--color-primary);font-family:var(--font-body, "DM Sans", sans-serif);font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.timeline-read-more:hover{color:var(--color-primary-dark)}.timeline-read-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.timeline-location{display:flex;align-items:center;gap:.3rem;max-width:100%}.timeline-location svg{flex-shrink:0;color:var(--color-accent)}.timeline-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.timeline-modal-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.timeline-modal-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-light);margin:0 0 .75rem}.timeline-modal-row svg{flex-shrink:0;color:var(--color-accent)}.timeline-modal-description{color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0;white-space:pre-line}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem;color:var(--color-text-light)}.timeline-loading-spinner{width:36px;height:36px;border:3px solid var(--color-cream);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.timeline-empty-state{text-align:center;padding:4rem 1rem}.timeline-empty-state h2{font-family:var(--font-display, "Fraunces", serif);color:var(--color-primary);margin:0 0 .5rem}.timeline-empty-state p{color:var(--color-text-light);font-size:1rem}.timeline-empty-icon{font-size:3rem;margin-bottom:1rem}@keyframes timelineFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.timeline-track{scroll-snap-type:x proximity;scroll-padding-left:var(--timeline-edge-pad)}.timeline-item{scroll-snap-align:start}}@media(max-width:768px){.timeline-header h1{font-size:1.5rem}.timeline-card-top{flex-direction:column;align-items:flex-start;gap:.25rem}.timeline-scroll-btn{display:none}.timeline-item{flex:0 0 85vw;width:85vw}@media(prefers-reduced-motion:no-preference){.timeline-track{scroll-snap-type:x mandatory}}}@media(max-width:480px){.timeline-page{padding:1rem .75rem}.timeline-header h1{font-size:1.5rem}.timeline-scroller{gap:.5rem}.timeline-filters{flex-wrap:wrap;gap:.375rem}.timeline-filter-btn{padding:.4rem .75rem;font-size:.85rem}.timeline-dot{width:14px;height:14px}.timeline-card{padding:.875rem}.timeline-card h3{font-size:1rem}}.tree-groups{display:flex;flex-direction:column;gap:var(--space-md)}.tree-groups-note{margin:0;padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-size:var(--step--1);line-height:1.45}.tree-groups-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.tree-groups-lede{margin:0;color:var(--color-text-light);font-size:var(--step--1)}.tree-groups-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:var(--step--1);font-weight:600;text-decoration:none;color:var(--color-primary-fg);background:var(--color-primary-soft);border-radius:var(--radius-full);transition:background var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-fast)}.tree-groups-cta:hover{background:var(--color-cream-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tree-groups-cta:focus-visible{outline:none;box-shadow:var(--ring)}.tree-groups-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-sm);margin:0;padding:0;list-style:none}.tree-groups-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.tree-groups-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.tree-groups-card:focus-visible{outline:none;box-shadow:var(--ring)}.tree-groups-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-fg);transition:transform var(--transition-base)}.tree-groups-card:hover .tree-groups-ic{transform:scale(1.08)}.tree-groups-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tree-groups-name{color:var(--color-heading);font-weight:600;font-size:var(--step-0);overflow-wrap:anywhere}.tree-groups-meta{color:var(--color-text-muted);font-size:var(--step--2);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.tree-groups-latest{color:var(--color-text-light);font-size:var(--step--1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-groups-crown{margin-left:6px;vertical-align:-1px;color:var(--color-accent-dark)}.tree-groups-badge{flex:none;display:grid;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:var(--step--2);font-weight:700;color:var(--color-on-primary);background:var(--color-accent);border-radius:var(--radius-full)}.tree-groups-go{flex:none;color:var(--color-primary-fg);opacity:0;transform:translate(-3px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.tree-groups-card:hover .tree-groups-go,.tree-groups-card:focus-visible .tree-groups-go{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.tree-groups *,.tree-groups *:before,.tree-groups *:after{animation:none!important;transition:none!important}}.confirm-content{padding:1.75rem}.confirm-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem;line-height:1.25}.confirm-description{font-size:.95rem;color:var(--color-text-light);line-height:1.55;margin:0 0 1.5rem}.confirm-description :is(p,li){color:inherit;line-height:inherit}.confirm-actions{display:flex;gap:.625rem;justify-content:flex-end;flex-wrap:wrap}.confirm-actions .spinner{width:14px;height:14px;border-width:2px;border-top-color:#fff}@media(max-width:480px){.confirm-content{padding:1.25rem}.confirm-title{font-size:1.2rem}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}.reaction-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.reaction-pill{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .7rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--surface-raised, #fff);color:var(--color-text-light);font-family:var(--font-body);font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.reaction-glyph{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.reaction-pill:hover{border-color:var(--color-primary-light);background:var(--color-primary-soft);color:var(--color-primary-dark)}.reaction-pill:hover .reaction-glyph{transform:translateY(-1px) scale(1.08)}.reaction-pill:active{transform:scale(.95)}.reaction-pill:focus-visible{outline:none;box-shadow:var(--ring)}.reaction-pill-active{border-color:transparent;background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.28)}.reaction-pill-active:hover{background:var(--color-primary-dark);border-color:transparent;color:#fff}.reaction-pill-active .reaction-glyph svg{fill:currentColor;fill-opacity:.28}.reaction-pill-pop .reaction-glyph{animation:reactionPop .36s cubic-bezier(.34,1.56,.64,1)}@keyframes reactionPop{0%{transform:scale(1)}35%{transform:scale(1.42) rotate(-7deg)}70%{transform:scale(.94) rotate(3deg)}to{transform:scale(1)}}.reaction-count{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;opacity:.85}.reaction-label{white-space:nowrap}.reaction-pill-unused{display:none}.reaction-bar:hover .reaction-pill-unused,.reaction-bar.is-expanded .reaction-pill-unused{display:inline-flex}.reaction-more{color:var(--color-text-muted)}.reaction-bar:hover .reaction-more:not([aria-expanded=true]){display:none}@media(hover:none){.reaction-bar:hover .reaction-pill-unused{display:none}.reaction-bar.is-expanded .reaction-pill-unused,.reaction-bar:hover .reaction-more{display:inline-flex}}.reaction-total{margin-left:.15rem;font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.reaction-bar-sm{gap:5px}.reaction-bar-sm .reaction-pill{padding:.3rem .5rem;gap:.3rem;font-size:.76rem}.reaction-bar-sm .reaction-label{display:none}.reaction-bar-sm .reaction-pill-active{padding-right:.65rem}.reaction-bar-sm .reaction-pill-active .reaction-label{display:inline}.reaction-bar-sm .reaction-total{display:none}@media(max-width:380px){.reaction-bar .reaction-label{display:none}.reaction-bar .reaction-pill-active .reaction-label{display:inline}}.comment-thread{display:flex;flex-direction:column;gap:var(--space-md)}.comment-thread-loading{display:flex;flex-direction:column;gap:.5rem}.comment-thread-error{margin:0;padding:.55rem .75rem;border-radius:var(--radius-md);background:var(--color-error-light);color:var(--color-error);font-size:.85rem;font-weight:500}.comment-composer,.comment-reply-form,.comment-edit{display:flex;flex-direction:column}.comment-field .field-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.comment-field .field-input{border-radius:var(--radius-md);font-size:.9rem;line-height:1.5;padding:.6rem .75rem;resize:vertical;min-height:2.75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.comment-composer-actions{display:flex;justify-content:flex-end;align-items:center;gap:.4rem;margin-top:.45rem}.comment-submit{display:inline-flex;align-items:center;gap:.35rem;padding:.44rem .9rem;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.comment-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 3px 10px rgba(var(--primary-rgb),.28);transform:translateY(-1px)}.comment-submit:active:not(:disabled){transform:translateY(0) scale(.97)}.comment-submit:disabled{opacity:.45;cursor:not-allowed}.comment-submit:focus-visible{outline:none;box-shadow:var(--ring)}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.comment-replies{margin-top:.75rem;padding-left:1.15rem;border-left:2px solid var(--color-border-light)}.comment-row{display:flex;gap:.55rem;align-items:flex-start}.comment-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-body-wrap{flex:1 1 auto;min-width:0}.comment-bubble{display:inline-block;max-width:100%;padding:.5rem .75rem .55rem;background:var(--surface-raised, #fff);border:1px solid var(--color-border-light);border-radius:4px var(--radius-md) var(--radius-md) var(--radius-md);transition:border-color var(--transition-fast)}.comment-bubble-mine{background:var(--color-primary-soft);border-color:transparent}.comment-meta{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.1rem}.comment-author{font-weight:700;font-size:.83rem;color:var(--color-text)}.comment-time{font-size:.72rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.comment-text{margin:0;font-size:.9rem;line-height:1.55;color:var(--color-text-light);white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:.15rem;margin-top:.25rem;margin-left:-.4rem}.comment-action{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:.24rem .45rem;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:600;line-height:1;color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.comment-action:hover,.comment-action.is-open{color:var(--color-primary-dark);background:var(--color-primary-soft)}.comment-action:focus-visible{outline:none;box-shadow:var(--ring)}.comment-action-danger:hover{color:var(--color-error);background:var(--color-error-light)}.comment-reply-form,.comment-edit{margin-top:.5rem;animation:commentFormIn .18s cubic-bezier(.2,0,0,1)}@keyframes commentFormIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.comment-thread .empty-state{margin:0 auto;padding:1.1rem 1rem .5rem}.story-card{position:relative;background:var(--surface-raised, #fff);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md) .85rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.6rem;overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.story-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.story-card:focus-within{border-color:var(--color-primary-light)}.story-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--color-primary-light);opacity:.75}.story-card-header{display:flex;align-items:center;gap:.65rem}.story-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;letter-spacing:.02em;overflow:hidden;box-shadow:0 0 0 2px var(--surface-raised, #fff),0 0 0 3px var(--color-border-light)}.story-avatar img{width:100%;height:100%;object-fit:cover}.story-byline{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:1px}.story-author{font-weight:700;font-size:.95rem;color:var(--color-text);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-time{font-size:.76rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.story-about a{color:var(--color-primary);font-weight:600;border-radius:3px}.story-about a:hover{text-decoration:underline;text-underline-offset:2px}.story-about a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.story-happened-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:500;padding:.2rem .55rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-light)}.story-title{margin:.1rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.25;letter-spacing:-.012em;color:var(--color-text)}.story-body{margin:0;font-size:.95rem;line-height:1.62;color:var(--color-text-light);white-space:pre-wrap;word-break:break-word}.story-media-strip{display:grid;gap:3px;margin:.25rem calc(-1 * var(--space-md)) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:var(--color-border-light)}.story-media-count-1{grid-template-columns:1fr}.story-media-count-2{grid-template-columns:1fr 1fr}.story-media-count-3{grid-template-columns:2fr 1fr}.story-media-count-4{grid-template-columns:1fr 1fr}.story-media-count-3 .story-media-cell:first-child{grid-row:span 2}.story-media-cell{position:relative;margin:0;overflow:hidden;background:var(--surface-sunken);aspect-ratio:4 / 3}button.story-media-cell{display:block;width:100%;padding:0;border:none;font:inherit;color:inherit;cursor:zoom-in}button.story-media-cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.story-media-count-1 .story-media-cell{aspect-ratio:16 / 10}.story-media-count-3 .story-media-cell:first-child{aspect-ratio:auto}.story-media-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.story-media-cell:hover .story-media-thumb{transform:scale(1.03)}.story-media-overflow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--ink-rgb),.55);color:#fff;font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.01em}.story-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem .75rem;flex-wrap:wrap;border-top:1px solid var(--color-border-light);padding-top:.6rem;margin-top:.15rem}.story-media-strip+.story-card-footer{border-top:none;padding-top:.55rem}.story-footer-actions{display:flex;gap:.2rem;align-items:center;margin-left:auto}.story-action{display:inline-flex;align-items:center;gap:.34rem;background:none;border:none;padding:.34rem .55rem;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--color-text-light);line-height:1;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.story-action:hover{color:var(--color-primary-dark);background:var(--color-primary-soft)}.story-action:active{transform:scale(.96)}.story-action:focus-visible{outline:none;box-shadow:var(--ring)}.story-action-comment.is-open{color:var(--color-primary-dark);background:var(--color-primary-soft)}.story-action-chevron{transition:transform var(--transition-base);opacity:.7}.story-action-comment.is-open .story-action-chevron{transform:rotate(180deg)}.story-ownermenu{position:relative;flex:none;margin-left:auto}.story-ownermenu-trigger{display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.story-ownermenu-trigger:hover{color:var(--color-text);background:var(--surface-sunken)}.story-ownermenu-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.story-ownermenu-list{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:148px;padding:4px;display:flex;flex-direction:column;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg)}.story-ownermenu-list button{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-text);text-align:left}.story-ownermenu-list button:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}.story-ownermenu-list button:focus-visible{outline:none;box-shadow:var(--ring)}.story-ownermenu-list button.is-danger{color:var(--color-error)}.story-ownermenu-list button.is-danger:hover{background:var(--color-error-light);color:var(--color-error)}.story-comments{border-top:1px solid var(--color-border-light);margin:.35rem calc(-1 * var(--space-md)) 0;padding:var(--space-md);background:var(--surface-page);animation:storyCommentsIn .22s cubic-bezier(.2,0,0,1)}@keyframes storyCommentsIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:480px){.story-card{padding:.85rem .85rem .7rem}.story-media-strip{margin-left:-.85rem;margin-right:-.85rem}.story-comments{margin-left:-.85rem;margin-right:-.85rem;padding:.85rem}.story-footer-actions .story-action span{display:none}.story-footer-actions .story-action-comment span{display:inline}}.composer-invite{width:100%;display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;background:var(--surface-raised, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.composer-invite:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.composer-invite:focus-visible{outline:none;box-shadow:var(--ring)}.composer-invite-icon,.composer-invite-cam{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--color-primary-dark);background:var(--color-primary-soft)}.composer-invite-cam{margin-left:auto;color:var(--color-text-muted);background:transparent}.composer-invite-text{min-width:0;color:var(--color-text-muted);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-card{display:flex;flex-direction:column;padding:.85rem;background:var(--surface-raised, #fff);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.composer-title-input,.composer-body-input{width:100%;font-family:var(--font-body);color:var(--color-text);background:transparent;border:none;resize:vertical}.composer-title-input{font-size:1.02rem;font-weight:700;padding:.35rem .15rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.35rem}.composer-body-input{font-size:.95rem;line-height:1.55;padding:.35rem .15rem}.composer-card .composer-body-input{min-height:0;max-height:190px;overflow-y:auto;resize:none}.composer-title-input:focus,.composer-body-input:focus{outline:none}.composer-title-input::placeholder,.composer-body-input::placeholder{color:var(--color-text-muted)}.composer-counter-row{display:inline-flex;align-items:center;align-self:flex-end}.composer-counter{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.composer-counter-low{color:var(--color-accent-dark);font-weight:600}.composer-selected-photos{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.composer-selected-photo{position:relative;width:52px;height:52px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.composer-selected-photo img{width:100%;height:100%;object-fit:cover;display:block}.composer-selected-remove{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-full);background:var(--surface-inverse);color:var(--surface-inverse-text);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.composer-selected-remove:hover{background:var(--color-error);color:#fff;transform:scale(1.08)}.composer-selected-remove:focus-visible{outline:none;box-shadow:var(--ring)}.composer-selected-photo.is-uploading{border-style:dashed;border-color:var(--color-primary-light)}.composer-selected-photo.is-uploading img{opacity:.45}.composer-photo-spinner{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:composer-photo-spin .7s linear infinite}@keyframes composer-photo-spin{to{transform:rotate(360deg)}}.composer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--color-border-light)}.composer-tools{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.composer-tool{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .65rem;border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-text-light);font-family:var(--font-body);font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.composer-tool:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}.composer-tool:focus-visible{outline:none;box-shadow:var(--ring)}.composer-tool:disabled{opacity:.6;cursor:default}.composer-tool:disabled:hover{background:transparent;color:var(--color-text-light)}.composer-tool.active,.composer-tool.has-value{border-color:var(--color-primary-light);background:var(--color-primary-soft);color:var(--color-primary-dark)}.composer-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.composer-actions .btn-primary,.composer-actions .btn-secondary{padding-block:.45rem}.composer-anchor{margin-bottom:var(--space-md)}.composer-anchor-label{display:flex;align-items:center;gap:.65rem;margin:0;padding:.65rem .8rem;background:var(--color-primary-soft);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);font-size:.92rem}.composer-anchor-avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-dark));color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em}.composer-anchor-chosen-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.composer-anchor-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary-dark);opacity:.75}.composer-anchor-chosen-text strong{font-weight:700;color:var(--color-text)}.composer-anchor-hint{display:flex;align-items:flex-start;gap:.35rem;margin:.4rem 0 0;font-size:.82rem;line-height:1.45;color:var(--color-text-muted)}.composer-anchor-hint svg{flex:0 0 auto;margin-top:.18rem}.story-composer-form .composer-body-input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem .7rem;min-height:5.5em}.story-composer-form .composer-title-input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .7rem}@media(max-width:480px){.composer-toolbar{flex-direction:column;align-items:stretch}.composer-actions{margin-left:0;justify-content:flex-end}}.composer-mention-wrap{position:relative;height:0}.composer-mention-menu{position:absolute;z-index:20;top:.2rem;left:0;right:0;list-style:none;margin:0;padding:.25rem;max-height:260px;overflow-y:auto;background:var(--surface-raised, #fff);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.composer-mention-option{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;background:none;border:none;border-radius:var(--radius-sm);padding:.4rem .5rem;cursor:pointer;font-family:var(--font-body);color:var(--color-text);transition:background-color var(--transition-fast)}.composer-mention-option.is-active,.composer-mention-option:hover{background:var(--color-primary-soft)}.composer-mention-option:focus-visible{outline:none;box-shadow:var(--ring)}.composer-mention-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.composer-mention-text strong{font-size:.92rem;font-weight:600}.composer-mention-detail{font-size:.76rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-anchor-chosen{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .7rem;background:var(--color-primary-soft);border-radius:var(--radius-md)}.composer-anchor-chips{display:flex;flex-wrap:wrap;gap:.35rem}.composer-anchor-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .25rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--surface-raised, #fff);color:var(--color-text-light);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.composer-anchor-chip .composer-anchor-avatar{width:24px;height:24px;font-size:.62rem}.composer-anchor-chip.is-anchor{border-color:var(--color-primary);color:var(--color-primary-dark);box-shadow:inset 0 0 0 1px var(--color-primary)}.composer-anchor-chip:focus-visible{outline:none;box-shadow:var(--ring)}.composer-anchor-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14ch}.composer-anchor-note,.composer-note{margin:0;font-size:.76rem;color:var(--color-text-muted)}.composer-note{margin-top:.5rem}.composer-event{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.6rem;padding:.65rem .7rem;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.composer-event-field{display:flex;flex-direction:column;gap:.2rem;flex:1 1 11rem;min-width:0}.composer-event-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.composer-event-field input{width:100%;font-family:var(--font-body);font-size:.9rem;color:var(--color-text);background:var(--surface-raised, #fff);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .55rem}.composer-event-field input:focus-visible{outline:none;box-shadow:var(--ring)}.composer-event-why{flex:1 1 100%;margin:0;font-size:.76rem;line-height:1.45;color:var(--color-text-muted)}.composer-mode{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-cream, transparent)}.composer-mode-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-light);font-family:var(--font-body);font-size:.8rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.composer-mode-btn.is-on{background:var(--surface-raised, #fff);color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.composer-mode-btn:focus-visible{outline:none;box-shadow:var(--ring)}.story-list{display:flex;flex-direction:column;gap:.75rem}.story-list-head{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);min-height:var(--control-height-sm)}.story-list-head-bare{min-height:0;justify-content:flex-end}.story-list-title{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.015em;color:var(--color-text)}.story-list-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-dark);font-family:var(--font-body);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.story-list-items{display:flex;flex-direction:column;gap:.7rem}.story-list-more{display:flex;justify-content:center;margin-top:.15rem}.story-list-more-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.05rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--surface-raised, #fff);color:var(--color-text-light);font-family:var(--font-body);font-size:.83rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.story-list-more-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.story-list-more-btn:disabled{opacity:.55;cursor:progress}.story-list-more-btn:focus-visible{outline:none;box-shadow:var(--ring)}.story-list-error{display:flex;align-items:center;gap:.45rem;margin:0;padding:.6rem .8rem;border-radius:var(--radius-md);background:var(--color-error-light);color:var(--color-error);font-size:.88rem;font-weight:500}.info-tip{position:relative;display:inline-flex;vertical-align:middle;margin-left:.3rem}.info-tip-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid transparent;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-dark);font-family:var(--font-body);line-height:1;cursor:help;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.info-tip-badge:hover,.info-tip-badge[aria-expanded=true]{border-color:var(--color-primary-light);color:var(--color-primary)}.info-tip-badge:focus-visible{outline:none;box-shadow:var(--ring)}.info-tip-bubble{position:absolute;top:calc(100% + 8px);left:-6px;z-index:40;display:block;width:max-content;max-width:240px;padding:.5rem .65rem;background:var(--surface-inverse);color:var(--surface-inverse-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-family:var(--font-body);font-size:.78rem;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;pointer-events:none}.info-tip-bubble.is-centered{left:50%;transform:translate(-50%)}.info-tip-arrow{position:absolute;bottom:100%;left:14px;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent var(--surface-inverse) transparent}.info-tip-bubble.is-centered .info-tip-arrow{left:50%;margin-left:-5px}.authored-posts{margin-top:var(--space-lg, 1.5rem)}.pep-authored-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pep-authored-post{background:var(--surface-raised, #fff);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:.7rem .8rem .65rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.pep-authored-post:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.pep-authored-meta{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--color-text-muted);margin-bottom:5px}.pep-authored-about{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pep-authored-when{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.pep-authored-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:1.3;letter-spacing:-.01em;color:var(--color-text);margin-bottom:3px}.pep-authored-body{margin:0;font-size:.84rem;line-height:1.55;color:var(--color-text-light);white-space:pre-line}.pep-authored-body.clamped{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.pep-authored-toggle{display:inline-flex;align-items:center;gap:.2rem;background:none;border:none;min-height:24px;padding:3px .4rem 0;margin-left:-.4rem;font-size:.76rem;font-weight:700;color:var(--color-primary);cursor:pointer;font-family:inherit;transition:color var(--transition-fast)}.pep-authored-toggle:hover{color:var(--color-primary-fg)}.pep-toggle-chevron{transition:transform var(--transition-base)}.pep-toggle-chevron.up{transform:rotate(180deg)}.pep-authored-open{margin-left:auto;display:inline-flex;align-items:center;gap:.15rem;font-size:.76rem;font-weight:700;color:var(--color-primary);text-decoration:none;min-height:24px;padding:.24rem .55rem;border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.pep-authored-open:hover{background:var(--color-primary-soft);color:var(--color-primary-fg)}.pep-authored-engage{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid var(--color-border-light)}.pep-authored-comments-toggle{display:inline-flex;align-items:center;gap:.28rem;background:none;border:none;min-height:24px;padding:.26rem .55rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;line-height:1;color:var(--color-text-light);cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.pep-authored-comments-toggle:hover,.pep-authored-comments-toggle.is-open{background:var(--color-primary-soft);color:var(--color-primary-fg)}.pep-authored-thread{margin-top:8px;border-top:1px solid var(--color-border-light);padding-top:9px}.fe-box{display:flex;flex-direction:column;gap:.6rem}.fe-invite{flex:none;width:100%;display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;background:var(--surface-raised, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.fe-invite:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.fe-invite:focus-visible{outline:none;box-shadow:var(--ring)}.fe-invite-icon,.fe-invite-cal{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--color-primary-dark);background:var(--color-primary-soft)}.fe-invite-cal{margin-left:auto;color:var(--color-text-muted);background:transparent}.fe-invite-text{min-width:0;color:var(--color-text-muted);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.fe-row{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .55rem;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--surface-raised, #fff)}.fe-rank{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-fg);font-size:.65rem;font-weight:700;font-variant-numeric:tabular-nums}.fe-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--color-primary-soft);border:1px solid var(--color-border-light);color:var(--color-primary-fg)}.fe-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.fe-title{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.84rem;font-weight:700;color:var(--color-text);line-height:1.3}.fe-chip{padding:1px 7px;border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent-dark);font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fe-meta{font-size:.74rem;color:var(--color-text-muted);line-height:1.35}.fe-desc{font-size:.78rem;color:var(--color-text-light);line-height:1.4;overflow-wrap:anywhere}.fe-note{margin:0;font-size:.79rem;line-height:1.45;color:var(--color-text-muted)}.fe-empty{padding:.35rem 0 .15rem}.fe-composer-anchor{margin:0 0 .85rem;font-size:.85rem;color:var(--color-text-light)}.pdt-strip{flex:none;display:flex;gap:3px;padding:3px;background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-full)}.pdt-tab{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:30px;padding:0 .5rem;border:none;border-radius:var(--radius-full);background:none;color:var(--color-text-light);font-family:var(--font-body);font-size:.78rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.pdt-tab-label{overflow:hidden;text-overflow:ellipsis}.pdt-tab:hover:not(.is-active){color:var(--color-text);background:var(--color-primary-soft)}.pdt-tab.is-active{background:var(--surface-raised, #fff);color:var(--color-primary-fg);font-weight:700;box-shadow:var(--shadow-sm)}.pdt-tab:focus-visible{outline:none;box-shadow:var(--ring)}.pdt-tab-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-border-light);color:var(--color-text-muted);font-size:.66rem;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color var(--transition-fast),color var(--transition-fast)}.pdt-tab.is-active .pdt-tab-count{background:var(--color-primary-soft);color:var(--color-primary-fg)}@media(prefers-reduced-motion:reduce){.pdt-tab,.pdt-tab-count{transition:none}}.person-engagement-panel{height:100%;min-height:0;display:flex;flex-direction:column;gap:.6rem}.pep-today{flex:none;list-style:none;margin:0;padding:.4rem .55rem;display:flex;flex-direction:column;gap:.3rem;background:var(--color-primary-soft);border-radius:var(--radius-sm)}.pep-today-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem;line-height:1.35;color:var(--color-primary-fg)}.pep-today-icon{flex:0 0 auto;display:inline-flex;color:var(--color-primary-fg)}.pep-today-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pep-pane{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.pep-pane::-webkit-scrollbar{width:8px}.pep-pane::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--surface-raised, #fff);border-radius:9999px}.pep-pane::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.pep-section-title{display:flex;align-items:center;gap:.35rem;margin:0 0 .5rem;font-family:var(--font-body);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-primary-fg)}.pep-authored{margin-top:.9rem;padding-top:.85rem;border-top:1px solid var(--color-border-light)}.person-engagement-panel .empty-state{padding:1rem .5rem .5rem;margin:0 auto}.person-engagement-panel .empty-state-icon{margin-bottom:.6rem;color:var(--color-primary-light)}.person-engagement-panel .empty-state-icon svg{width:2rem;height:2rem}.person-engagement-panel .empty-state-title{font-size:1rem}.person-engagement-panel .empty-state-description{margin-bottom:.8rem;font-size:.85rem}.person-social-window{position:absolute;top:16px;right:16px;width:430px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);display:flex;flex-direction:column;background:var(--surface-raised, #FFFFFF);border:1px solid var(--color-border-light, #EAEEE9);border-radius:var(--radius-xl, 24px);box-shadow:var(--shadow-lg);overflow:hidden;z-index:30;animation:pswFadeIn .24s cubic-bezier(.2,0,0,1)}@keyframes pswFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}.psw-header{position:relative;display:flex;align-items:center;gap:.85rem;padding:.85rem .6rem .75rem 1.25rem;flex-shrink:0;background:radial-gradient(120% 140% at 100% 0%,var(--color-primary-soft) 0%,transparent 62%),linear-gradient(180deg,var(--color-cream) 0%,var(--surface-raised, #FFFFFF) 100%)}.psw-header:after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:1px;background:var(--hairline)}.psw-avatar{position:relative;width:46px;height:46px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--surface-raised, #fff),0 0 0 4.5px var(--color-primary-soft),var(--shadow-sm)}.psw-avatar img{width:100%;height:100%;object-fit:cover;display:block}.person-social-window.deceased .psw-avatar{box-shadow:0 0 0 3px var(--surface-raised, #fff),0 0 0 4.5px var(--color-border-light),var(--shadow-sm)}.person-social-window.deceased .psw-avatar img{filter:grayscale(.55)}.psw-avatar-monogram{color:var(--color-on-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:.02em}.psw-headings{min-width:0;flex:1}.psw-name{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.28rem;font-weight:600;color:var(--color-text);letter-spacing:-.018em;line-height:1.2;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.psw-you-chip{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:var(--radius-full, 9999px);background:var(--color-success-light);color:var(--color-success);font-family:var(--font-body);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.psw-badges{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.psw-rel-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full, 9999px);background:var(--surface-raised, #fff);border:1px solid var(--color-border);color:var(--color-primary-fg);font-size:.76rem;font-weight:700;letter-spacing:.005em;box-shadow:var(--shadow-sm)}.psw-rel-badge.loading{color:var(--color-text-muted);font-weight:500;font-style:italic;box-shadow:none}.psw-life{font-size:.78rem;font-weight:500;color:var(--color-text-light)}.psw-life.deceased{color:var(--color-text-muted)}.psw-rel-path{margin-top:.3rem;font-size:.74rem;color:var(--color-text-muted);line-height:1.4}.psw-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:.75rem 1rem .9rem}.tree-content-wrapper.fullscreen .person-social-window{display:none}@media(max-width:640px){.person-social-window{top:8px;right:8px;left:8px;width:auto;max-width:none;max-height:calc(100% - 16px);border-radius:var(--radius-lg)}.psw-body{padding:.7rem .75rem .85rem}.psw-header{padding:.9rem .95rem .8rem}.psw-header:after{left:.95rem;right:.95rem}}.psw-close{flex:none;align-self:flex-start;display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.psw-close:hover{color:var(--color-text);background:var(--surface-sunken)}.psw-close:focus-visible{outline:none;box-shadow:var(--ring)}.guided-tour-overlay{position:fixed;inset:0;z-index:9999;animation:tour-fade-in .2s ease}.guided-tour-overlay.tour-fade-out{animation:tour-fade-out .2s ease forwards}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tour-fade-out{0%{opacity:1}to{opacity:0}}.tour-svg-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tour-cutout{transition:x .25s ease,y .25s ease,width .25s ease,height .25s ease}.tour-spotlight-ring{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.55),0 0 24px 4px rgba(var(--primary-rgb),.2);pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-tooltip{position:fixed;background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.75rem;max-width:420px;width:calc(100vw - 2rem);box-shadow:var(--shadow-xl);z-index:10000;animation:tour-tooltip-in .2s ease}.tour-tooltip-center{top:50%;left:50%;transform:translate(-50%,-50%)!important;max-width:480px;text-align:center;padding:2.5rem 2rem}@keyframes tour-tooltip-in{0%{opacity:0}to{opacity:1}}.tour-tooltip-center .tour-tooltip-title{font-size:1.6rem}.tour-tooltip-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.3}.tour-tooltip-content{margin:0 0 1.25rem;font-size:.95rem;color:var(--color-text-light);line-height:1.6}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tour-step-counter{font-size:.8rem;color:var(--color-text-muted);font-weight:500;white-space:nowrap}.tour-tooltip-actions{display:flex;gap:.5rem}.tour-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base)}.tour-btn-next{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.tour-btn-next:hover{filter:brightness(1.05);box-shadow:var(--shadow-glow)}.tour-btn-back{background:var(--color-cream-dark);color:var(--color-text-light)}.tour-btn-back:hover{background:var(--color-cream);color:var(--color-primary)}.tour-btn-skip{background:transparent;color:var(--color-text-muted)}.tour-btn-skip:hover{color:var(--color-text-light);background:var(--color-cream-dark)}@media(max-width:640px){.tour-tooltip{padding:1.25rem;max-width:calc(100vw - 1.5rem);border-radius:12px}.tour-tooltip-center{padding:2rem 1.5rem}.tour-tooltip-title{font-size:1.05rem}.tour-tooltip-center .tour-tooltip-title{font-size:1.3rem}.tour-tooltip-content{font-size:.9rem}.tour-tooltip-footer{flex-direction:column;gap:.75rem}.tour-tooltip-actions{width:100%;justify-content:flex-end}}.tree-container{--dock-width: clamp(350px, 25.5vw, 415px);--dock-rail-width: 44px;--pane-gap: var(--shell-gap, 16px);--toolbar-control-h: 42px;--tree-page-chrome: calc( clamp(12px, 1.4vw, 20px) + var(--toolbar-control-h) + var(--pane-gap) + var(--space-2xl) );width:100%;max-width:var(--page-max);margin-inline:auto;padding:clamp(12px,1.4vw,20px) var(--page-gutter) var(--space-2xl)}.tree-container .tree-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px var(--pane-gap);margin-bottom:var(--pane-gap);min-height:var(--toolbar-control-h)}.tree-container .tree-head-title{margin:0;min-width:0;font-family:var(--font-display);font-size:var(--step-2);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--color-heading);overflow-wrap:anywhere}.tree-container .tree-content-wrapper{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:var(--pane-gap);width:100%;position:relative;height:calc(100dvh - var(--chrome-h, 142px) - var(--tree-page-chrome));min-height:460px;max-height:1080px}.tree-container .tree-content-wrapper.fullscreen{grid-template-columns:minmax(0,1fr);height:100%;max-height:none;background:var(--surface-page);padding:var(--pane-gap)}.tree-container .tree-content-wrapper.fullscreen .tree-nav-rail{display:none}.tree-container .tree-canvas-column{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.tree-container .tree-canvas-pane{position:relative;flex:1 1 auto;min-height:0;display:flex}.tree-container .tree-canvas-pane .tree-visualization{min-height:0;flex:1 1 auto}.tree-container .tree-person-dock{position:absolute;top:var(--pane-gap);right:var(--pane-gap);bottom:var(--pane-gap);width:var(--dock-width);max-width:calc(100% - var(--pane-gap) * 2);z-index:20;display:flex;flex-direction:column;min-height:0;transition:transform var(--transition-base),opacity var(--transition-base)}.tree-container .tree-person-dock .person-social-window{position:relative;inset:auto;width:100%;max-width:none;height:100%;max-height:none;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl, var(--shadow-lg));animation:none}.tree-container .tree-content-wrapper.is-panel-closed .tree-person-dock{transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.tree-container .tree-person-dock{transition:none}}.tree-container .tree-dock-rail{position:absolute;top:var(--pane-gap);right:var(--pane-gap);bottom:var(--pane-gap);width:var(--dock-rail-width);z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 0;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-lg);color:var(--color-text);cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.tree-container .tree-dock-rail:hover{background:var(--color-primary-soft);box-shadow:var(--shadow-xl, var(--shadow-lg))}.tree-container .tree-dock-rail:focus-visible{outline:none;box-shadow:var(--ring),var(--shadow-lg)}.tree-container .tree-dock-rail-chevron,.tree-container .tree-dock-rail-icon{flex:none;display:grid;place-items:center;color:var(--color-primary-fg)}.tree-container .tree-dock-rail-face{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-primary);color:var(--color-on-primary);font-size:.72rem;font-weight:700}.tree-container .tree-dock-rail-face img{width:100%;height:100%;object-fit:cover}.tree-container .tree-dock-rail-label{min-height:0;max-height:100%;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;letter-spacing:.01em;color:var(--color-text)}.tree-container .tree-person-dock .person-social-window{position:relative;inset:auto;width:100%;max-width:none;height:100%;max-height:none;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);animation:none}.tree-container .tree-dock-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--space-xl);text-align:center;background:var(--surface-panel);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--step--1)}.tree-container .tree-root-banner{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex:none;padding:.45rem .75rem;background:var(--color-primary-soft);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tree-container .tree-root-banner-text{color:var(--color-primary-dark);font-family:var(--font-body);font-size:var(--step--1);font-weight:600}.tree-container .tree-root-banner-btn{display:flex;align-items:center;flex:none;height:var(--control-height-sm);padding:0 .65rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--color-primary-dark);font-family:var(--font-body);font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tree-container .tree-root-banner-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.tree-container .tree-root-banner-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tree-container .tree-toolbar{container-type:inline-size;container-name:tree-toolbar;display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;flex:none;min-width:0;overflow:hidden;padding:.65rem .85rem;background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tree-container .toolbar-field{display:flex;align-items:center;gap:.6rem;flex:none}.tree-container .toolbar-label{color:var(--color-text-muted);font-weight:700;font-size:var(--step--2);letter-spacing:var(--tracking-caps);text-transform:uppercase}.tree-container .toolbar-stepper{display:flex;align-items:center;gap:1px;height:var(--toolbar-control-h);padding:0 4px;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-sunken)}.tree-container .toolbar-step-btn{display:grid;place-items:center;width:32px;height:32px;flex:none;border:none;border-radius:50%;background:transparent;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tree-container .toolbar-step-btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-dark)}.tree-container .toolbar-step-btn:disabled{color:var(--color-text-light);opacity:.55;cursor:default}.tree-container .toolbar-step-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.tree-container .toolbar-step-count{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;min-width:30px;color:var(--color-text)}.tree-container .toolbar-step-count strong{font-family:var(--font-display);font-size:.95rem;font-weight:700}.tree-container .toolbar-step-count span{font-size:.58rem;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.tree-container .toolbar-owner-btn{display:flex;align-items:center;gap:.35rem;height:var(--toolbar-control-h);padding:0 .7rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-dark);font-family:var(--font-body);font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tree-container .toolbar-owner-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.tree-container .toolbar-owner-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tree-container .toolbar-search{position:relative;display:flex;align-items:center;flex:1 1 200px;min-width:136px;max-width:320px}.tree-container .toolbar-search-icon{position:absolute;left:11px;color:var(--color-text-muted);pointer-events:none}.tree-container .toolbar-search-input{width:100%;height:var(--toolbar-control-h);padding:0 .7rem 0 2.05rem;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--color-text);font-family:var(--font-body);font-size:.85rem;font-weight:500;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tree-container .toolbar-search-input::-webkit-search-cancel-button,.tree-container .toolbar-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.tree-container .toolbar-search-input::placeholder{color:var(--color-text-light)}.tree-container .toolbar-search-input:hover{border-color:var(--color-primary-light)}.tree-container .toolbar-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--surface-raised);box-shadow:var(--shadow-focus)}.tree-container .search-match-count{position:absolute;right:5px;display:inline-flex;align-items:center;height:28px;padding:0 .5rem;border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-primary);font-family:var(--font-body);font-size:var(--step--2);font-weight:700;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tree-container .search-match-count:empty{display:none}.tree-container .search-match-count:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.tree-container .search-match-count:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.tree-container .search-match-count:disabled{color:var(--color-text-muted);cursor:default}.tree-container .toolbar-search:has(.search-match-count:not(:empty)) .toolbar-search-input{padding-right:5.4rem}.tree-container .toolbar-search-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tree-container .toolbar-stats{display:flex;align-items:stretch;flex:none;height:var(--toolbar-control-h);border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden}.tree-container .stat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 .85rem;line-height:1;white-space:nowrap}.tree-container .stat-cell+.stat-cell{border-left:1px solid var(--color-border-light)}.tree-container .stat-cell strong{font-family:var(--font-display);color:var(--color-primary);font-weight:700;font-size:.95rem}.tree-container .stat-cell>span{font-size:.58rem;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-light)}.tree-container .stat-cell.is-living strong{color:var(--color-success)}.tree-container .stat-cell.is-deceased strong{color:var(--color-text-muted)}.tree-container .toolbar-actions{display:flex;gap:.4rem;align-items:center;flex:none;margin-left:auto}.tree-container .control-btn{display:flex;align-items:center;justify-content:center;width:var(--toolbar-control-h);height:var(--toolbar-control-h);flex:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.tree-container .control-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}@container tree-toolbar (max-width: 1005px){.tree-container .tree-toolbar:has(.toolbar-owner-btn) .stat-cell[data-priority="5"]{display:none}}@container tree-toolbar (max-width: 880px){.tree-container .stat-cell[data-priority="5"]{display:none}}@container tree-toolbar (max-width: 935px){.tree-container .tree-toolbar:has(.toolbar-owner-btn) .stat-cell[data-priority="4"]{display:none}}@container tree-toolbar (max-width: 810px){.tree-container .stat-cell[data-priority="4"]{display:none}}@container tree-toolbar (max-width: 845px){.tree-container .tree-toolbar:has(.toolbar-owner-btn) .stat-cell[data-priority="3"]{display:none}}@container tree-toolbar (max-width: 720px){.tree-container .stat-cell[data-priority="3"]{display:none}}@container tree-toolbar (max-width: 790px){.tree-container .toolbar-owner-label{display:none}.tree-container .toolbar-owner-btn{width:var(--toolbar-control-h);padding:0;gap:0;justify-content:center}}@container tree-toolbar (max-width: 698px){.tree-container .tree-toolbar:has(.toolbar-owner-btn) .stat-cell[data-priority="2"]{display:none}.tree-container .tree-toolbar:has(.toolbar-owner-btn) .toolbar-label{display:none}}@container tree-toolbar (max-width: 650px){.tree-container .stat-cell[data-priority="2"],.tree-container .toolbar-label{display:none}}@container tree-toolbar (max-width: 518px){.tree-container .tree-toolbar:has(.toolbar-owner-btn) .toolbar-stats{display:none}}@container tree-toolbar (max-width: 470px){.tree-container .toolbar-stats{display:none}}@container tree-toolbar (max-width: 478px){.tree-container .tree-toolbar:has(.toolbar-owner-btn) .toolbar-search{min-width:88px}}@container tree-toolbar (max-width: 430px){.tree-container .toolbar-search{min-width:104px}}.tree-container .tree-tab-pane{display:flex;flex-direction:column;gap:var(--space-md);flex:1 1 auto;min-height:0;overflow-y:auto;padding:clamp(14px,1.6vw,22px);background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tree-container .tree-pane-head{flex:none}.tree-container .tree-pane-title{margin:0;font-family:var(--font-display);font-size:var(--step-2);font-weight:700;letter-spacing:-.02em;color:var(--color-primary)}.tree-container .tree-pane-blurb{margin:4px 0 0;color:var(--color-text-light);font-size:var(--step--1)}.tree-container .tree-pane-body{flex:1 1 auto;min-height:0}.tree-container .tree-pane-body .gal-page{max-width:none;margin:0;padding:0}.tree-container .tree-pane-body .gal-title{display:none}.tree-container .tree-pane-body .timeline-page{padding:0}.tree-container .tree-pane-body .timeline-header{max-width:none;margin:0 0 var(--space-lg);text-align:left}.tree-container .tree-pane-body .timeline-header h1,.tree-container .tree-pane-body .timeline-subtitle{display:none}.tree-container .tree-pane-body .timeline-filters{justify-content:flex-start}.tree-container .tree-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-4xl) var(--space-xl);color:var(--color-text-muted)}@media(max-width:1320px){.tree-container{--dock-width: clamp(320px, 26vw, 380px)}}@media(max-width:1024px){.tree-container .tree-content-wrapper{grid-template-columns:minmax(0,1fr);height:auto;max-height:none;min-height:0}.tree-container .tree-canvas-pane{flex-direction:column;min-height:0}.tree-container .tree-canvas-pane .tree-visualization{min-height:460px}.tree-container .tree-person-dock{position:static;width:auto;max-width:none;max-height:min(72vh,720px);margin-top:var(--pane-gap)}.tree-container .tree-content-wrapper.is-panel-closed .tree-person-dock{display:none;transform:none}.tree-container .tree-dock-rail{position:static;width:auto;flex-direction:row;justify-content:center;gap:10px;min-height:var(--control-height-md, 38px);padding:8px 12px;margin-top:var(--pane-gap);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tree-container .tree-dock-rail-chevron{transform:rotate(-90deg)}.tree-container .tree-dock-rail-label{max-width:100%;max-height:none;writing-mode:horizontal-tb;transform:none}.tree-container .tree-tab-pane{overflow-y:visible;min-height:460px}}@media(max-width:640px){.tree-container{padding-inline:12px}.tree-container .tree-toolbar{gap:.45rem;padding:.45rem .5rem}.tree-container .tree-canvas-pane,.tree-container .tree-canvas-pane .tree-visualization{min-height:380px}}.claim-container{padding:1.5rem var(--page-gutter);width:100%;max-width:var(--page-max);margin:0 auto;min-height:calc(100vh - 200px)}.claim-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.claim-header h1{font-family:var(--font-display);color:var(--color-primary-dark);margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em;font-weight:700}.search-results{margin-bottom:3rem}.search-results h2{font-family:var(--font-display);color:var(--color-primary-dark);font-size:1.8rem;margin-bottom:.5rem;letter-spacing:-.01em}.results-info{color:var(--color-text-light);margin-bottom:1.5rem}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.profile-card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.profile-card:hover{transform:translateY(-2px);border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.profile-header{display:flex;gap:1rem;margin-bottom:1rem}.profile-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.profile-info h3{font-family:var(--font-display);color:var(--color-text);margin:0 0 .25rem;font-size:1.3rem;letter-spacing:-.01em}.profile-detail{color:var(--color-text-light);margin:.25rem 0;font-size:.95rem}.profile-relationships{background:var(--color-cream-dark);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.relationship-count{color:var(--color-text-light);margin:0 0 .5rem;font-size:.95rem}.parents-info{color:var(--color-text-light);font-size:.9rem;margin-top:.5rem}.parents-info strong{color:var(--color-primary)}.no-results{text-align:center;padding:3rem 2rem;color:var(--color-text-muted)}.no-results-hint{font-size:.95rem;color:var(--color-text-muted);font-style:italic;margin-top:.5rem}.section-divider{text-align:center;margin:3rem 0 2rem;position:relative}.section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border);z-index:0}.section-divider span{background:var(--color-cream);padding:0 1.5rem;color:var(--color-text-light);font-weight:600;position:relative;z-index:1}.create-section{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.create-form{max-width:1000px;margin:0 auto}.tab-navigation{display:flex;gap:1rem;margin:2rem 0;padding:.5rem;background:var(--color-cream-dark);border-radius:var(--radius-lg)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:1rem;font-weight:500;color:var(--color-text-light)}.tab-button:hover{background:rgba(var(--primary-rgb),.08);color:var(--color-primary)}.tab-button.active{background:var(--surface-panel);border-color:var(--color-primary-light);color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.15)}.tab-icon{display:inline-flex}.tab-icon svg{width:1.4rem;height:1.4rem}.tab-label{font-weight:600}.form-intro{background:var(--color-primary-soft);padding:1rem;border-radius:var(--radius-md);border-left:4px solid var(--color-primary);color:var(--color-primary-dark);margin-bottom:2rem}.form-intro strong{color:var(--color-primary)}.form-section{margin-bottom:2rem;padding:1.5rem;background:var(--color-cream);border-radius:var(--radius-md);border:1px solid var(--color-border)}.section-title{font-family:var(--font-display);color:var(--color-primary-dark);font-size:1.2rem;margin:0 0 .5rem;font-weight:700;letter-spacing:-.01em}.section-hint{color:var(--color-text-light);font-size:.9rem;margin:0 0 1rem;font-style:italic}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-section .form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);background:var(--surface-panel);color:var(--color-text)}.form-checkbox{width:20px;height:20px;margin-right:.5rem;cursor:pointer;accent-color:var(--color-primary-light)}.checkbox-label{font-weight:600;color:var(--color-text);cursor:pointer}.form-group label:has(.form-checkbox){flex-direction:row;align-items:center;cursor:pointer}@media(max-width:768px){.claim-container{padding:1.5rem var(--page-gutter);width:100%}.claim-header h1{font-size:2rem}.tab-navigation{flex-direction:column;gap:.5rem}.tab-button{width:100%}.tab-label{font-size:.95rem}.profiles-grid,.form-row{grid-template-columns:1fr}}@media(max-width:480px){.claim-container{padding:1rem;width:98%}.claim-header h1{font-size:1.75rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.tab-icon svg{width:1.15rem;height:1.15rem}.create-section{padding:1.5rem}}.manage-relationships-container{padding:1.5rem var(--page-gutter);width:100%;max-width:var(--page-max);margin:0 auto;min-height:calc(100vh - 200px)}.manage-relationships-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.manage-relationships-header h1{font-family:var(--font-display);color:var(--color-primary-dark);margin:0 0 .5rem;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.loading-state{text-align:center;padding:4rem 2rem;color:var(--color-text-light)}.spinner-large{width:60px;height:60px;border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.error-message{background:var(--color-error-light);color:var(--color-error);padding:1.5rem 2rem;border-radius:var(--radius-md);border-left:4px solid var(--color-error);font-size:1rem;margin-bottom:2rem;animation:fadeIn .2s ease-out}.success-message{background:var(--color-cream-dark);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);padding:2rem;text-align:center;margin-bottom:2rem;animation:fadeIn .2s ease-out}.success-message h3{font-family:var(--font-display);color:var(--color-primary);margin:0 0 .5rem;font-size:1.5rem;letter-spacing:-.01em}.success-message p{color:var(--color-text);margin:0;font-size:1.1rem}.relationships-form-section{max-width:820px;background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm)}.relationships-form{max-width:100%;margin:0}.instructions-box{background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-cream-dark) 100%);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:1.5rem 2rem;margin-bottom:2rem}.instructions-box h3{font-family:var(--font-display);color:var(--color-primary-dark);margin:0 0 1rem;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.instructions-box ol{list-style:decimal;margin:0;padding-left:1.5rem;color:var(--color-text)}.instructions-box li{margin-bottom:.5rem;line-height:1.6}.instructions-box li:last-child{margin-bottom:0}.instructions-box strong{color:var(--color-primary);font-weight:600}.form-row-single{margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text);font-weight:600;font-size:.95rem}.required{color:var(--color-error);font-weight:700}.field-hint{color:var(--color-primary-light);font-weight:500;font-size:.85rem;font-style:italic}.form-input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);background:var(--color-cream);color:var(--color-text)}.form-input:focus{outline:none;border-color:var(--color-primary);background:var(--surface-panel);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.relationship-preview{background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-cream-dark) 100%);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0;display:flex;align-items:center;gap:1rem;animation:fadeIn .2s}.preview-icon{display:inline-flex;flex-shrink:0;color:var(--color-primary)}.preview-icon svg{width:1.75rem;height:1.75rem}.preview-text{color:var(--color-primary-dark);font-size:1.1rem;font-weight:600;margin:0}.btn-create-relationship{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.btn-create-relationship:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 4px 12px rgba(var(--primary-rgb),.35)}.btn-create-relationship:disabled{background:var(--color-primary-light);cursor:not-allowed;box-shadow:none}@media(max-width:768px){.manage-relationships-container{padding:1.5rem var(--page-gutter);width:100%}.manage-relationships-header h1{font-size:2rem}.relationships-form-section{padding:1.5rem}.instructions-box{padding:1rem 1.5rem}}@media(max-width:480px){.manage-relationships-container{padding:1rem;width:98%}.manage-relationships-header h1{font-size:1.75rem}.instructions-box h3{font-size:1.1rem}}.legal-page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:3rem var(--page-gutter) 4rem}.legal-page>*{max-width:72ch;margin-inline:auto}.legal-page h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);color:var(--color-primary-dark);margin-bottom:.5rem}.legal-updated{color:var(--color-text-light);font-size:.9rem;margin-bottom:2rem}.legal-page h2{font-family:var(--font-display);font-size:1.25rem;color:var(--color-text);margin:2rem 0 .75rem}.legal-page p,.legal-page li{color:var(--color-text-light);line-height:1.7;margin-bottom:.75rem}.legal-page ul{padding-left:1.25rem}.search-container{padding:1.5rem var(--page-gutter);width:100%;max-width:var(--page-max);margin:0 auto;min-height:calc(100vh - 200px)}.search-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.search-header h1{font-family:var(--font-display, "Fraunces", serif);color:var(--color-primary-dark);margin:0 0 .5rem;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.header-subtitle{color:var(--color-text-light);font-size:1.1rem;margin:0}.search-form{margin-bottom:2rem}.search-input-wrapper{display:flex;align-items:center;background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:.5rem;transition:var(--transition-base, all .2s ease);box-shadow:var(--shadow-sm)}.search-input-wrapper:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15),var(--shadow-md)}.search-icon{display:inline-flex;align-items:center;padding:0 1rem;color:var(--color-text-muted)}.search-input{flex:1;border:none;outline:none;font-size:1.1rem;padding:.75rem 0;background:transparent;color:var(--color-text)}.search-input::placeholder{color:var(--color-text-light)}.search-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;min-width:120px}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.search-button:disabled{background:var(--color-primary-light);cursor:not-allowed}.filter-toggle-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.browse-toolbar{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.sort-control{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-sm) 0 var(--space-sm);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base)}.sort-control:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.sort-control-icon{display:inline-flex;color:var(--color-text-light)}.sort-select{border:none;background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--step--1);font-weight:600;padding:.625rem var(--space-xs) .625rem .375rem;cursor:pointer;outline:none}.attention-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--surface-panel);color:var(--color-text-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem var(--space-md);font-size:var(--step--1);font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition-base)}.attention-toggle:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}.attention-toggle.active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent-dark)}.attention-empty-note{color:var(--color-text-muted);font-size:var(--step--1);font-style:italic;margin-bottom:var(--space-md)}.filter-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-panel);color:var(--color-primary);border:1px solid var(--color-border);padding:.625rem 1.25rem;border-radius:var(--radius-sm, 8px);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease);font-family:inherit}.filter-toggle-btn:hover,.filter-toggle-btn.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.filter-icon{font-size:1rem}.filter-badge{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;min-width:20px;text-align:center}.chevron{font-size:.75rem;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.clear-filters-btn{background:none;border:none;color:var(--color-error);font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem;font-family:inherit}.clear-filters-btn:hover{text-decoration:underline}.filter-panel{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);padding:1.5rem;margin-bottom:1.5rem;animation:fadeIn .2s ease-out;box-shadow:var(--shadow-sm)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-group label{font-size:.85rem;font-weight:600;color:var(--color-text)}.filter-select,.filter-input{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 8px);font-size:.9rem;background:var(--surface-sunken);color:var(--color-text);transition:var(--transition-base, all .2s ease);font-family:inherit}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12);background:var(--surface-panel)}.search-loading{text-align:center;padding:4rem 2rem;color:var(--color-text-light)}.spinner-large{width:60px;height:60px;border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary-light);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.error-message{background:var(--color-error-light);color:var(--color-error);padding:1.5rem 2rem;border-radius:12px;border-left:4px solid var(--color-error);font-size:1rem;margin-bottom:2rem;animation:fadeIn .2s ease-out}.search-results{animation:fadeIn .2s}.results-header{margin-bottom:1.5rem}.results-header h2{font-family:var(--font-display, "Fraunces", serif);color:var(--color-primary-dark);font-size:1.8rem;letter-spacing:-.02em;margin-bottom:.5rem}.results-info{color:var(--color-text-light);margin:0}.results-info strong{color:var(--color-primary)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.result-card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base, .2s ease),box-shadow var(--transition-base, .2s ease),border-color var(--transition-base, .2s ease)}.result-card:hover{transform:translateY(-2px);border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.result-header{display:flex;gap:1rem;margin-bottom:1rem}.result-header-link{color:inherit;text-decoration:none;border-radius:var(--radius-sm)}.result-header-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.result-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.result-avatar-img{width:100%;height:100%;object-fit:cover}.result-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display, "Fraunces", serif);font-size:1.5rem;font-weight:700}.result-info h3{font-family:var(--font-display, "Fraunces", serif);color:var(--color-text);margin:0 0 .25rem;font-size:1.3rem;letter-spacing:-.01em}.result-detail{color:var(--color-text-light);margin:.25rem 0;font-size:.95rem}.result-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.detail-tag{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-primary-soft);padding:.4rem .75rem;border-radius:var(--radius-full, 20px);font-size:.85rem;color:var(--color-primary-dark)}.tag-icon{display:inline-flex;align-items:center}.tag-icon svg{width:.9rem;height:.9rem}.tag-living{background:var(--color-success-light);color:var(--color-success)}.tag-deceased{background:var(--color-cream-dark);color:var(--color-text-light)}.result-card-actions{display:flex;gap:.6rem}.view-profile-link,.view-tree-link{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.75rem;border-radius:var(--radius-sm, 8px);font-size:.9rem;font-weight:600;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base);border:none;cursor:pointer;font-family:inherit}.view-profile-link{background:var(--surface-sunken);color:var(--color-primary-dark);border:1px solid var(--color-border)}.view-profile-link:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.view-tree-link{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.view-tree-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.search-load-more{display:flex;justify-content:center;margin-top:var(--space-2xl)}.load-more-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 2rem;font-family:inherit;font-size:.95rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md, 12px);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-base, all .2s ease)}.load-more-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:.4rem}.no-results{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm)}.no-results-icon{color:var(--color-text-light);margin-bottom:1rem}.no-results-icon svg{width:3.25rem;height:3.25rem;stroke-width:1.5}.no-results p{margin:0;font-size:1.1rem;color:var(--color-text-light)}.no-results-hint{font-size:.95rem!important;color:var(--color-text-muted)!important;font-style:italic;margin-top:.5rem!important}.no-results-add-member{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .3s,box-shadow .3s}.no-results-add-member:hover,.no-results-add-member:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.no-results-add-member:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-hint{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm)}.hint-icon{color:var(--color-text-light);margin-bottom:1rem}.hint-icon svg{width:3.25rem;height:3.25rem;stroke-width:1.5}.search-hint p{margin:0;font-size:1.1rem;color:var(--color-text-light)}.hint-examples{font-size:.95rem!important;color:var(--color-text-muted)!important;font-style:italic;margin-top:.5rem!important}@media(max-width:768px){.search-container{padding:1.5rem var(--page-gutter);width:100%}.search-header h1{font-size:2rem}.search-input-wrapper{flex-direction:column;gap:.75rem;padding:1rem}.search-icon{display:none}.search-input{width:100%;text-align:center}.search-button{width:100%}.results-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.browse-toolbar{margin-left:0;width:100%}.sort-control{flex:1}.sort-select{width:100%}}@media(max-width:480px){.search-container{padding:1rem;width:98%}.filter-grid{grid-template-columns:1fr}.search-header h1{font-size:1.75rem}.result-card{padding:1rem}.result-avatar{width:50px;height:50px;font-size:1.25rem}.result-info h3{font-size:1.1rem}}.search-tree-view{background:var(--color-cream);width:100%;padding:1rem .5rem}.back-to-results-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-panel);color:var(--color-primary);border:2px solid var(--color-primary);padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:1rem}.back-to-results-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.back-to-results-btn:before{content:"←";font-size:1.1rem}.tree-loading{text-align:center;padding:4rem 2rem;color:var(--color-text-light)}.tree-controls{background:var(--surface-panel);border-radius:var(--radius-lg, 16px);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.control-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.control-group label{color:var(--color-text);font-weight:600;font-size:.95rem}.control-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;background:var(--color-cream-dark);color:var(--color-text);cursor:pointer;font-weight:500}.control-select:hover{border-color:var(--color-text-muted);background:var(--surface-panel)}.control-select:focus{outline:none;border-color:var(--color-primary-light);background:var(--surface-panel);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.tree-content-wrapper{display:flex;gap:.5rem;width:100%;min-height:calc(100vh - 400px)}.tree-main-area{flex:1;min-width:0}.tree-side-panel{width:320px;flex-shrink:0;background:var(--surface-panel);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md);border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.side-panel-header{padding:1.5rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-cream-dark) 0%,var(--surface-raised) 100%)}.side-panel-header h3{margin:0;font-family:var(--font-display, "Fraunces", serif);color:var(--color-primary-dark);font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.side-panel-content{flex:1;padding:1.5rem;overflow-y:auto}.side-panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted);height:100%}.placeholder-icon{margin-bottom:1rem;opacity:.5}.placeholder-icon svg{width:3.25rem;height:3.25rem;stroke-width:1.5}.side-panel-placeholder p{margin:0;font-size:1rem;line-height:1.5}.person-details{display:flex;flex-direction:column;gap:1.25rem}.person-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto .5rem;box-shadow:0 3px 10px rgba(var(--primary-rgb),.25)}.person-name{font-family:var(--font-display, "Fraunces", serif);color:var(--color-primary-dark);font-size:1.4rem;font-weight:700;margin:0 0 .25rem;text-align:center;letter-spacing:-.02em;line-height:1.3}.detail-section{background:var(--color-cream-dark);border-radius:10px;padding:1.125rem;border:1px solid var(--color-border);border-left:3px solid var(--color-success)}.section-title{color:var(--color-primary);font-size:.825rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;margin:0 0 .875rem}.detail-row{display:flex;justify-content:space-between;align-items:baseline;padding:.625rem 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:var(--color-text-light);font-size:.9rem;font-weight:600}.detail-value{color:var(--color-text);font-size:.925rem;text-align:right;max-width:60%;word-break:break-word;font-weight:500}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:14px;font-size:.8rem;font-weight:700;letter-spacing:.02em}.status-badge.living{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-light)}.status-badge.deceased{background:var(--color-cream-dark);color:var(--color-text-light);border:1px solid var(--color-border)}@media(max-width:1200px){.tree-side-panel{width:280px}}@media(max-width:968px){.search-tree-view{padding:1rem .5rem;width:100%}.tree-controls{flex-direction:column;gap:1rem}.control-group{width:100%}.tree-content-wrapper{flex-direction:column}.tree-side-panel{width:100%;min-height:300px}}@media(max-width:480px){.search-tree-view{padding:.5rem;width:100%}.back-to-results-btn{padding:.5rem 1rem;font-size:.9rem}.tree-controls,.side-panel-header,.side-panel-content{padding:1rem}.person-avatar-large{width:60px;height:60px;font-size:1.5rem}.person-name{font-size:1.25rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left;max-width:100%}}.admin-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--color-border)}.profile-action-btn{display:flex;align-items:center;justify-content:center;padding:.875rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.delete-btn{background:transparent;color:var(--color-error);border:2px solid var(--color-error);width:100%}.delete-btn:hover:not(:disabled){background:var(--color-error);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #b0554b4d}.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.unclaim-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem var(--page-gutter)}.unclaim-card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm);max-width:500px;width:100%;text-align:center}.unclaim-icon{display:inline-flex;justify-content:center;color:var(--color-primary);margin-bottom:1rem}.unclaim-icon svg{width:3rem;height:3rem;stroke-width:1.5}.success-icon{width:80px;height:80px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:2.5rem}.unclaim-card h1{font-family:var(--font-display);color:var(--color-text);font-size:1.75rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.unclaim-description{color:var(--color-text-light);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.unclaim-list{text-align:left;color:var(--color-text-light);font-size:.95rem;line-height:1.8;margin:0 0 2rem;padding-left:1.5rem}.unclaim-list li{margin-bottom:.5rem}.error-message{background:var(--color-error-light);color:var(--color-error);padding:1rem;border-radius:var(--radius-sm);border-left:4px solid var(--color-error);font-size:.95rem;margin-bottom:1.5rem;text-align:left}.unclaim-container .btn-primary,.unclaim-container .btn-danger{padding:.875rem 2rem;border-radius:var(--radius-md);font-size:1rem}.confirm-section{background:var(--color-error-light);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-error)}.confirm-text{color:var(--color-error);font-weight:600;margin:0 0 1rem}.confirm-buttons{display:flex;gap:1rem;justify-content:center}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.unclaim-container{padding:1rem}.unclaim-card{padding:1.5rem}.unclaim-card h1{font-size:1.5rem}.confirm-buttons{flex-direction:column}}@media(max-width:480px){.unclaim-card{padding:1.5rem 1.25rem}.unclaim-card h1{font-size:1.35rem}.unclaim-card .btn-primary,.unclaim-card .btn-danger{width:100%}}.admin-container{width:100%;max-width:var(--page-max);margin:0 auto;padding:2rem var(--page-gutter);box-sizing:border-box}.admin-header{margin-bottom:1rem}.admin-header h1{font-family:var(--font-display);color:var(--color-text);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;font-weight:700;margin:0 0 .25rem}.admin-header p{color:var(--color-text-light);font-size:1rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--surface-panel);border-radius:var(--radius-lg);padding:.875rem 1rem;text-align:center;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.stat-card.pending{border-left:4px solid var(--color-accent-dark)}.stat-card.approved{border-left:4px solid var(--color-success)}.stat-card.rejected{border-left:4px solid var(--color-error)}.stat-card.total{border-left:4px solid var(--color-primary-light)}.stat-number{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1;margin-bottom:.25rem}.stat-card.pending .stat-number{color:var(--color-accent-dark)}.stat-card.approved .stat-number{color:var(--color-success)}.stat-card.rejected .stat-number{color:var(--color-error)}.stat-card.total .stat-number{color:var(--color-primary-light)}.stat-label{font-size:.875rem;color:var(--color-text-light);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filter-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;align-items:center}.filter-tab{padding:.625rem 1.25rem;border:1px solid var(--color-border);background:var(--surface-panel);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.filter-tab:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.filter-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:transparent;color:#fff;box-shadow:var(--shadow-sm)}.refresh-btn{margin-left:auto;padding:.625rem 1.25rem;border:1px solid var(--color-border);background:var(--surface-panel);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.refresh-btn:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{background:var(--color-error-light);border:1px solid var(--color-error-light);color:var(--color-error);padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:var(--color-error);cursor:pointer;font-weight:500}.requests-section{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;min-height:500px}.requests-table-container{overflow-x:auto;max-height:70vh;overflow-y:auto}.loading-state,.empty-state{padding:3rem 2rem;text-align:center;color:var(--color-text-light)}.requests-table{width:100%;border-collapse:collapse}.requests-table th{background:var(--color-cream);padding:.5rem .75rem;text-align:left;font-size:.6875rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.requests-table td{padding:.4rem .75rem;border-bottom:1px solid var(--color-cream-dark);vertical-align:middle;font-size:.8125rem;line-height:1.3}.requests-table tr:last-child td{border-bottom:none}.requests-table tr.pending{background:rgba(var(--accent-rgb),.07)}.requests-table tr.approved{background:var(--color-success-light)}.requests-table tr.rejected{background:var(--color-error-light)}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:var(--color-accent-light);color:var(--color-accent-dark)}.status-badge.approved{background:var(--color-success-light);color:var(--color-success)}.status-badge.rejected{background:var(--color-error-light);color:var(--color-error)}.type-badge{display:inline-block;padding:.15rem .375rem;background:var(--color-cream-dark);color:var(--color-primary-dark);border-radius:4px;font-size:.6875rem;font-weight:500}.request-title{font-weight:600;color:var(--color-text);font-size:.8125rem;margin-bottom:.125rem}.request-description{font-size:.75rem;color:var(--color-text-light);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{min-width:120px}.user-name{font-weight:500;color:var(--color-text);font-size:.8125rem}.user-email{font-size:.75rem;color:var(--color-text-light)}.action-buttons{display:flex;gap:.5rem}.approve-btn,.reject-btn{padding:.3rem .75rem;border:none;border-radius:5px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.approve-btn{background:var(--color-success);color:#fff}.approve-btn:hover:not(:disabled){background:var(--color-success);filter:brightness(1.08)}.reject-btn{background:var(--color-error);color:#fff}.reject-btn:hover:not(:disabled){background:var(--color-error);filter:brightness(1.08)}.approve-btn:disabled,.reject-btn:disabled{opacity:.5;cursor:not-allowed}.processed-label{color:var(--color-text-muted);font-size:.875rem}.review-notes{color:var(--color-primary);cursor:pointer;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:rgba(var(--ink-rgb),.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-xl)}.modal-content h3{margin:0 0 .5rem;color:var(--color-text);font-size:1.25rem}.modal-content p{color:var(--color-text-light);margin:0 0 1rem}.modal-content textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit}.modal-content textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.admin-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid var(--color-border)}.admin-tab{padding:.75rem 1.5rem;border:none;background:none;font-size:.9375rem;font-weight:600;color:var(--color-text-light);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.admin-tab:hover{color:var(--color-primary)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.audit-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.audit-date-filters{display:flex;gap:.5rem;align-items:center}.audit-filter-label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-light)}.audit-date-input{padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text);background:var(--surface-panel);font-family:inherit}.audit-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}.clear-dates-btn{padding:.5rem .75rem;border:1px solid var(--color-border);background:var(--surface-panel);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.clear-dates-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.audit-filters select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text);background:var(--surface-panel);cursor:pointer;min-width:140px}.audit-filters select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}.audit-action-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-cream-dark);color:var(--color-text);border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.target-info{display:flex;flex-direction:column;gap:.125rem}.target-type{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em}.target-id{font-size:.75rem;color:var(--color-text-light);font-family:monospace;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-details{font-size:.8125rem;color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.ip-address{font-size:.8125rem;color:var(--color-text-light);font-family:monospace}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--color-border)}.audit-pagination button{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--surface-panel);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.audit-pagination button:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary)}.audit-pagination button:disabled{opacity:.4;cursor:not-allowed}.audit-pagination .page-info{font-size:.875rem;color:var(--color-text-light)}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-light);font-size:1.125rem}@media(max-width:768px){.admin-container{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-tabs{flex-direction:column;align-items:stretch}.refresh-btn{margin-left:0}.requests-table th,.requests-table td{padding:.4rem .375rem;font-size:.75rem}.action-buttons{flex-direction:column}.audit-date-filters{flex-wrap:wrap}.requests-table-container{max-height:60vh}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.admin-header h1{font-size:1.5rem}.requests-table th,.requests-table td{padding:.375rem .25rem;font-size:.7rem}.requests-table th:nth-child(3),.requests-table td:nth-child(3){display:none}.pagination{flex-wrap:wrap;gap:.5rem}}.onb-page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:2rem var(--page-gutter)}.onb-progress-bar{width:100%;height:6px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.25rem}.onb-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .4s ease}.onb-step-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onb-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-light);transition:var(--transition-base)}.onb-dot.active{background:var(--color-accent)}.onb-dot.current{background:var(--color-primary);transform:scale(1.25)}.onb-card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2.5rem 2rem;animation:onb-slide-in .2s ease}@keyframes onb-slide-in{0%{opacity:0}to{opacity:1}}.onb-step-content{display:flex;flex-direction:column;align-items:center;text-align:center}.onb-heading{font-family:var(--font-display);color:var(--color-primary);font-size:1.6rem;margin:0 0 .5rem;letter-spacing:-.01em;line-height:1.2}.onb-text{font-family:var(--font-body);color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;max-width:460px}.onb-success-icon{width:60px;height:60px;border-radius:50%;background:var(--color-success-light);color:var(--color-success);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.onb-form{width:100%;text-align:left;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.onb-field{display:flex;flex-direction:column;gap:.3rem}.onb-label{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-text)}.onb-required{color:var(--color-error)}.onb-input{font-family:var(--font-body);font-size:.9rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);transition:var(--transition-base);width:100%;box-sizing:border-box}.onb-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.onb-input.error{border-color:var(--color-error)}.onb-input:disabled{opacity:.6;cursor:not-allowed}.onb-field-error{font-family:var(--font-body);font-size:.78rem;color:var(--color-error)}.onb-submit-error{font-family:var(--font-body);font-size:.85rem;color:var(--color-error);margin:0 0 .5rem}.onb-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.onb-btn{font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-base)}.onb-btn:disabled{opacity:.6;cursor:not-allowed}.onb-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.onb-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 4px 12px rgba(var(--primary-rgb),.35)}.onb-btn.secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.onb-btn.secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:640px){.onb-page{padding:1.25rem 1rem}.onb-card{padding:1.75rem 1.25rem}.onb-heading{font-size:1.3rem}.onb-actions{flex-direction:column;width:100%}.onb-btn{width:100%}}@media(max-width:480px){.onb-page{padding:1rem .75rem}.onb-card{padding:1.5rem 1rem}.onb-heading{font-size:1.15rem}.onb-text{font-size:.9rem}.onb-actions{flex-direction:column;gap:.5rem}.onb-btn{width:100%}}.profile-photo-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.profile-photo-container{position:relative;display:inline-block}.profile-photo-container.uploadable{cursor:pointer}.profile-photo-container.uploadable:hover .photo-upload-icon{opacity:1}.person-avatar-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);box-shadow:var(--shadow-md),var(--shadow-glow)}.photo-upload-icon{position:absolute;bottom:0;right:0;background:var(--color-primary);color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;box-shadow:var(--shadow-sm)}.photo-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.photo-remove-btn{background:none;border:none;color:var(--color-text-light);font-size:.75rem;cursor:pointer;padding:.25rem;text-decoration:underline;margin-top:.25rem}.photo-remove-btn:hover{color:var(--color-error)}.photo-error{color:var(--color-error);font-size:.75rem;margin-top:.25rem;text-align:center;max-width:160px}@media(max-width:768px){.person-avatar-photo{width:64px;height:64px}}.edit-modal-tabs{display:flex;border-bottom:2px solid var(--color-border);padding:0 1.5rem;gap:0}.edit-modal-tab{padding:.75rem 1rem;border:none;background:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.edit-modal-tab:hover{color:var(--color-primary)}.edit-modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.edit-modal-error{background:var(--color-error-light);color:var(--color-error);padding:.75rem 1.5rem;font-size:.875rem;border-bottom:1px solid var(--color-error-light)}.edit-modal-form{padding:1.25rem 1.5rem}.edit-modal-tab-content{display:flex;flex-direction:column;gap:.75rem}.edit-modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.edit-modal-form .form-group{display:flex;flex-direction:column;gap:.35rem}.edit-modal-form .form-group label{font-size:.8rem;font-weight:600;color:var(--color-text)}.edit-modal-form .form-group input,.edit-modal-form .form-group select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);background:var(--surface-raised);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-modal-form .form-group input:focus,.edit-modal-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.edit-modal-form .form-group input:disabled,.edit-modal-form .form-group select:disabled,.edit-modal-form .form-group textarea:disabled{background:var(--color-cream-dark);cursor:not-allowed}.edit-modal-form .form-group.full-width{grid-column:1 / -1}.edit-modal-form .notes-textarea{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);background:var(--surface-raised);font-family:inherit;resize:vertical;min-height:80px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-modal-form .notes-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}@media(max-width:520px){.edit-modal-form .form-row{grid-template-columns:1fr}.edit-modal-tabs{padding:0 1rem}.edit-modal-tab{padding:.6rem .75rem;font-size:.8rem}.edit-modal-form{padding:1rem}}.person-profile{max-width:var(--page-max);margin:0 auto;padding:var(--space-xl) var(--page-gutter);display:flex;flex-direction:column;gap:var(--space-xl)}.profile-error{color:var(--color-error)}.profile-header{display:flex;gap:var(--space-xl);align-items:center;flex-wrap:wrap;padding:var(--space-xl);background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.profile-header-info{flex:1 1 280px;min-width:0}.profile-name-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.profile-name{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--color-text);font-size:clamp(1.75rem,4vw,2.5rem)}.profile-status-badge{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .6rem;border-radius:var(--radius-full)}.profile-status-badge.living{background:var(--color-success-light);color:var(--color-success)}.profile-status-badge.deceased{background:var(--color-cream-dark);color:var(--color-text-light)}.profile-lifespan{margin:var(--space-xs) 0 0;color:var(--color-text-light);font-size:1.05rem}.profile-occupation{margin:var(--space-xs) 0 0;color:var(--color-text-muted)}.profile-header-meta{margin-top:var(--space-sm)}.profile-relationship-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:600;font-size:.8rem;letter-spacing:.01em;padding:.3rem .75rem;border:1px solid transparent;border-radius:var(--radius-full)}.profile-header-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.profile-counts{display:flex;gap:var(--space-xl);flex-wrap:wrap;padding:var(--space-md) var(--space-lg);background:var(--surface-sunken);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-light)}.profile-counts strong{font-family:var(--font-display);color:var(--color-text);font-size:1.15rem;font-weight:700}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,26%,440px);gap:var(--space-xl);align-items:start}.profile-section{padding:var(--space-lg) var(--space-xl);background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.profile-section-title{margin:0 0 var(--space-md);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--color-text);font-size:1.5rem}.profile-muted{color:var(--color-text-muted)}.profile-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.profile-event{display:flex;gap:var(--space-sm);align-items:flex-start}.profile-event-icon{display:inline-flex;color:var(--color-primary)}.profile-event-icon svg{width:1.15rem;height:1.15rem}.profile-event-type{font-weight:600;text-transform:capitalize}.profile-event-date,.profile-event-loc{color:var(--color-text-light)}.profile-event-desc{margin:.2rem 0 0;color:var(--color-text-light)}.profile-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.profile-photo-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.profile-side{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-relatives{padding:var(--space-md) var(--space-lg);background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.profile-relatives-title{margin:0 0 var(--space-sm);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-dark)}.profile-relatives ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.profile-relative-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:background var(--transition-fast)}.profile-relative-link:hover{background:var(--color-cream-dark)}.profile-relative-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;overflow:hidden;flex:0 0 auto}.profile-relative-avatar img{width:100%;height:100%;object-fit:cover}.profile-relative-name{font-weight:500}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}.profile-header{padding:var(--space-lg)}}.hmsb-lightbox-modal .modal-panel{background:transparent;border:none;box-shadow:none;overflow:visible}.hmsb-lightbox{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-raised);box-shadow:var(--shadow-xl)}.hmsb-lightbox-srtitle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.hmsb-lightbox-stage{position:relative;display:grid;place-items:center;min-height:200px;max-height:calc(100vh - 12rem);background:#141816}.hmsb-lightbox-img{display:block;max-width:100%;max-height:calc(100vh - 12rem);object-fit:contain}.hmsb-lightbox-broken{margin:0;padding:64px 24px;font-size:14px;color:#d9e2dc}.hmsb-lightbox-close,.hmsb-lightbox-step{position:absolute;z-index:2;display:grid;place-items:center;border:none;border-radius:var(--radius-full);background:#1418169e;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--transition-fast),transform var(--transition-fast)}.hmsb-lightbox-close:hover,.hmsb-lightbox-step:hover{background:#141816d9}.hmsb-lightbox-close:focus-visible,.hmsb-lightbox-step:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}.hmsb-lightbox-close{top:12px;right:12px;width:38px;height:38px}.hmsb-lightbox-step{top:50%;transform:translateY(-50%);width:44px;height:44px}.hmsb-lightbox-step:hover{transform:translateY(-50%) scale(1.06)}.hmsb-lightbox-prev{left:12px}.hmsb-lightbox-next{right:12px}.hmsb-lightbox-foot{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 18px;background:var(--surface-raised);border-top:1px solid var(--color-border-light)}.hmsb-lightbox-cap{margin:0;font-size:13.5px;line-height:1.5;color:var(--color-body)}.hmsb-lightbox-count{margin:0;flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}@media(max-width:560px){.hmsb-lightbox-step{width:38px;height:38px}.hmsb-lightbox-prev{left:6px}.hmsb-lightbox-next{right:6px}}@media(prefers-reduced-motion:reduce){.hmsb-lightbox-close,.hmsb-lightbox-step{transition:none}.hmsb-lightbox-step:hover{transform:translateY(-50%)}}.hmsb-feed{display:flex;flex-direction:column;gap:14px;min-width:0}.hmsb-feed-greet{padding:2px 2px 0}.hmsb-feed-greet-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.hmsb-feed-greet-actions{position:relative;flex:none}.hmsb-feed-summary{margin:4px 0 0;font-size:14px;color:var(--color-text-light)}.hmsb-feed-summary b{font-weight:700;color:var(--home-amber-text)}.hmsb-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 0;flex-wrap:wrap}.hmsb-feed-label{margin:0;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.hmsb-feed-title{margin:0;min-width:0;font-family:var(--font-display);font-size:var(--step-2);font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--color-heading);overflow-wrap:anywhere}.hmsb-feed-filters{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-full);border:1px solid var(--color-line);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.hmsb-feed-filter{height:30px;padding:0 12px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-light);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.hmsb-feed-filter:hover{background:var(--color-cream-dark);color:var(--color-primary)}.hmsb-feed-filter.is-active{background:var(--home-chip-bg);color:var(--home-chip-text)}.hmsb-feed-filter-count{margin-left:1px;font-size:11px;font-weight:700;color:var(--color-text-muted)}.hmsb-feed-filter.is-active .hmsb-feed-filter-count{color:inherit;opacity:.8}.hmsb-feed-filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-feed-list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.hmsb-feed-item{min-width:0}.hmsb-feed .story-body{max-width:68ch}.hmsb-feed .story-card:before{display:none}.hmsb-feed-item.is-textonly .story-card{background-image:var(--home-fallback-grain);border-left:3px solid var(--home-fallback-ink);padding-left:calc(var(--space-md) - 3px)}.hmsb-feed-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}a.hmsb-feed-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}a.hmsb-feed-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-feed-chip{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--radius-md);background:var(--home-chip-bg);color:var(--home-chip-text)}.hmsb-feed-chip strong{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.hmsb-feed-chip.is-remembrance{background:var(--home-amber-bg);color:var(--home-amber-text)}.hmsb-feed-chip.is-quiet{background:var(--surface-sunken);color:var(--color-text-light)}.hmsb-feed-rowtext{min-width:0;display:flex;flex-direction:column;gap:2px}.hmsb-feed-rowname{font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:var(--color-heading);overflow:hidden;text-overflow:ellipsis}.hmsb-feed-rowsub{font-size:.8rem;color:var(--color-text-muted)}.hmsb-feed-faces{flex:none;display:flex;align-items:center}.hmsb-feed-face{display:grid;place-items:center;width:32px;height:32px;margin-left:-8px;border-radius:var(--radius-full);border:2px solid var(--surface-raised);background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:11px;font-weight:700;overflow:hidden}.hmsb-feed-face:first-child{margin-left:0}.hmsb-feed-face img{width:100%;height:100%;object-fit:cover}.hmsb-feed-photo{overflow:hidden}.hmsb-feed-photo-btn{display:block;width:100%;padding:0;border:none;background:var(--surface-sunken);cursor:zoom-in}.hmsb-feed-photo-btn img{display:block;width:100%;height:var(--feed-photo-h);object-fit:cover;transition:transform var(--transition-slow)}.hmsb-feed-photo-btn:hover img{transform:scale(1.02)}.hmsb-feed-photo-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.hmsb-feed-photo-head{padding:12px 16px 10px;font-size:12.5px;line-height:1.4;color:var(--color-text-muted)}.hmsb-feed-photo-author{font-weight:700;color:var(--color-body)}.hmsb-feed .hmsb-feed-photo .hmsb-feed-photo-head a{color:var(--color-primary);font-weight:600;border-radius:3px}.hmsb-feed-photo-head a:hover{text-decoration:underline;text-underline-offset:2px}.hmsb-feed-photo-head a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-feed-photo-foot{padding:12px 16px}.hmsb-feed-photo-cap{margin:0;font-size:.92rem;color:var(--color-body);max-width:68ch}.hmsb-feed-divider{display:flex;align-items:center;gap:12px;padding:6px 2px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted)}.hmsb-feed-divider:after{content:"";flex:1;height:1px;background:var(--color-line)}.hmsb-feed-divider-h{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;color:inherit}.hmsb-feed-divider.is-new{padding-top:2px;color:var(--home-chip-text)}.hmsb-feed-divider.is-new .hmsb-feed-divider-h{padding:4px 11px;border-radius:var(--radius-full);background:var(--home-chip-bg);color:var(--home-chip-text)}.hmsb-feed-markseen{order:3;flex:none;padding:2px 4px;border:none;border-radius:var(--radius-sm);background:none;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-primary);cursor:pointer}.hmsb-feed-markseen:hover{text-decoration:underline}.hmsb-feed-markseen:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-feed-empty,.hmsb-feed-samplenote{margin:0;padding:18px 2px;font-size:13.5px;color:var(--color-text-muted)}.hmsb-feed-sample{display:grid;grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"head art" "body art";gap:4px 16px;align-items:start;padding:16px;opacity:.92}.hmsb-feed-sample-head{grid-area:head;display:flex;align-items:center;gap:8px}.hmsb-feed-sample-title{font-family:var(--font-serif);font-size:1.02rem;font-weight:700;color:var(--color-heading)}.hmsb-feed-sample-body{grid-area:body;margin:0;font-size:.9rem;color:var(--color-text-muted)}.hmsb-feed-sample-art{grid-area:art;width:120px;height:84px;object-fit:cover;border-radius:var(--radius-md)}.hmsb-feed-end{margin:0;padding:18px 2px 4px;text-align:center;font-size:13px;color:var(--color-text-muted)}.hmsb-feed-more{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:56px;padding:14px 2px 4px}.hmsb-feed-sentinel{width:100%;height:1px;pointer-events:none}.hmsb-feed-morestatus{margin:0;font-size:13px;color:var(--color-text-muted)}.hmsb-feed-morestatus.is-error{color:var(--color-danger, var(--color-accent-dark))}.hmsb-feed-morebtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height-md);padding:0 18px;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-panel);color:var(--color-primary);font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.hmsb-feed-morebtn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light)}.hmsb-feed-morebtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.hmsb-feed-head{align-items:flex-start}.hmsb-feed-filters{width:100%;justify-content:space-between}.hmsb-feed-row{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.hmsb-feed-chip{width:46px;height:46px}.hmsb-feed-photo-foot{flex-direction:column;gap:4px}.hmsb-feed-sample{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body" "art"}.hmsb-feed-sample-art{width:100%;height:120px}}@media(prefers-reduced-motion:reduce){.hmsb-feed-filter,.hmsb-feed-row,.hmsb-feed-photo-btn img{transition:none}a.hmsb-feed-row:hover,.hmsb-feed-photo-btn:hover img{transform:none}}.hmsb-feed{--feed-photo-h: clamp(190px, 38vw, 300px);--feed-photo-half: calc((var(--feed-photo-h) - 3px) / 2)}.hmsb-feed .story-media-count-1 .story-media-cell{aspect-ratio:auto;height:var(--feed-photo-h)}.hmsb-feed .story-media-count-2 .story-media-cell{aspect-ratio:auto;height:calc(var(--feed-photo-h) * .8)}.hmsb-feed .story-media-count-3 .story-media-cell,.hmsb-feed .story-media-count-4 .story-media-cell{aspect-ratio:auto;height:var(--feed-photo-half)}.hmsb-feed .story-media-count-3 .story-media-cell:first-child{height:var(--feed-photo-h)}.hmsb-feed-filter:disabled{color:var(--color-text-muted);opacity:.55;cursor:default}.hmsb-feed-filter:disabled:hover{background:transparent;color:var(--color-text-muted)}.hmt-card{overflow:hidden}.hmt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 8px}.hmt-head-text{min-width:0}.hmt-head .hmsb-eyebrow{display:block;margin-bottom:4px}.hmt-title{font-family:var(--font-serif);font-size:17px;font-weight:700;line-height:1.25;color:var(--color-heading);margin:0}.hmt-sub{margin:3px 0 0;font-size:12.5px;color:var(--color-body)}.hmt-stepper{display:flex;align-items:center;gap:2px;flex:none;padding:3px;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-sunken)}.hmt-step-btn{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.hmt-step-btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-dark)}.hmt-step-btn:disabled{color:var(--color-text-muted);opacity:.45;cursor:default}.hmt-step-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.hmt-step-count{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:34px;color:var(--color-heading)}.hmt-step-count strong{font-size:14px;font-weight:700}.hmt-step-count span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-top:2px}.hmt-body{padding:4px 14px 16px}.hmt-row{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:18px}.hmt-row:first-child{padding-top:2px}.hmt-trunk{position:absolute;top:0;left:50%;width:2px;height:18px;transform:translate(-1px);border-radius:1px;background:linear-gradient(180deg,rgba(var(--primary-rgb),.06),rgba(var(--primary-rgb),.32))}.hmt-people{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px 10px;width:100%}.hmt-person{--hmt-size: 46px;display:flex;flex-direction:column;align-items:center;width:calc(var(--hmt-size) + 26px);padding:4px 2px 6px;border-radius:var(--radius-md);text-align:center;color:inherit;transition:transform var(--transition-fast),background var(--transition-fast)}.hmt-person:hover{background:var(--color-canvas);transform:translateY(-2px)}.hmt-person:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmt-portrait{width:var(--hmt-size);height:var(--hmt-size);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--color-primary-soft);box-shadow:0 0 0 1.5px var(--tree-node-border),var(--shadow-sm);transition:box-shadow var(--transition-fast)}.hmt-portrait img{width:100%;height:100%;object-fit:cover}.hmt-monogram{font-family:var(--font-serif);font-size:calc(var(--hmt-size) * .34);font-weight:700;color:var(--color-primary-dark);letter-spacing:.02em}.hmt-person:hover .hmt-portrait{box-shadow:0 0 0 2px var(--color-primary-light),var(--shadow-md)}.hmt-person-name{margin-top:7px;max-width:100%;font-size:12px;font-weight:600;line-height:1.25;color:var(--color-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmt-person-cap{font-size:10.5px;line-height:1.3;color:var(--color-text-muted)}.hmt-person.is-self .hmt-portrait{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary),var(--shadow-sm)}.hmt-person.is-self:hover .hmt-portrait{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary),var(--shadow-glow)}.hmt-person.is-self .hmt-person-cap{color:var(--color-primary);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hmt-person.is-deceased .hmt-portrait{background:var(--tree-node-deceased-fill);box-shadow:0 0 0 1.5px var(--tree-node-deceased-border),var(--shadow-sm)}.hmt-person.is-deceased .hmt-monogram{color:var(--color-text-muted)}.hmt-person.is-deceased img{filter:saturate(.75)}.hmt-empty{--hmt-size: 46px;display:flex;flex-direction:column;align-items:center;width:calc(var(--hmt-size) + 46px);padding:4px 2px 6px;border-radius:var(--radius-md);text-align:center;transition:background var(--transition-fast)}.hmt-empty:hover{background:var(--color-canvas)}.hmt-empty:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmt-empty-dot{width:var(--hmt-size);height:var(--hmt-size);border-radius:50%;display:grid;place-items:center;border:1.5px dashed var(--color-border);color:var(--color-text-muted);background:transparent;transition:border-color var(--transition-fast),color var(--transition-fast)}.hmt-empty:hover .hmt-empty-dot{border-color:var(--color-primary-light);color:var(--color-primary)}.hmt-empty-label{margin-top:7px;font-size:11px;font-weight:600;line-height:1.3;color:var(--color-text-muted)}.hmt-empty:hover .hmt-empty-label{color:var(--color-primary)}.hmt-body-loading .hmt-row{padding-top:14px}.hmt-skel{display:block}.hmt-message{padding:4px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hmt-message p{margin:0;font-size:13px;color:var(--color-body)}.hmt-action{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-raised);font:inherit;font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.hmt-action:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light)}.hmt-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmt-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:11px 18px;border-top:1px solid var(--color-line);background:var(--surface-sunken)}.hmt-foot-stat{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-body)}.hmt-foot-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--color-primary)}.hmt-foot-link:hover{color:var(--color-primary-dark)}.hmt-foot-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media(max-width:520px){.hmt-head{flex-wrap:wrap}.hmt-people{gap:10px 6px}.hmt-person,.hmt-empty{width:calc(var(--hmt-size) + 18px)}.hmt-empty{width:calc(var(--hmt-size) + 30px)}}@media(prefers-reduced-motion:reduce){.hmt-person,.hmt-portrait,.hmt-empty,.hmt-step-btn,.hmt-action{transition:none}.hmt-person:hover{transform:none}}.hmt-card--overview{display:flex;flex-direction:column}.hmt-card--overview .hmt-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0}.hmt-card--overview .hmt-foot{margin-top:auto}.hmt-card--overview .hmt-head{padding:14px 18px 4px}.hmt-foot--cta-only{justify-content:center;padding:9px 16px;background:transparent}.hmt-card--overview .hmt-person{width:calc(var(--hmt-size) + 22px);position:relative}.hmt-card--overview .hmt-people{flex-wrap:nowrap;gap:6px 4px}.hmt-card--overview .hmt-row{padding-top:12px}.hmt-card--overview .hmt-body{padding-bottom:10px}.hmt-news-dot{position:absolute;top:3px;right:calc(50% - var(--hmt-size) / 2 - 2px);z-index:1;width:11px;height:11px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-background)}.hmt-count{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:24px;padding:0 9px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--color-border-light);color:var(--color-text-light);font-size:12px;font-weight:700;line-height:1}.hmt-count svg{color:var(--color-primary)}.hmsb-dates{padding:16px;display:flex;flex-direction:column;gap:10px}.hmsb-dates-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.hmsb-dates-icon{flex:none;color:var(--color-gold)}.hmsb-dates-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.hmsb-dates-row{display:flex;align-items:center;gap:12px;margin:0 -6px;padding:8px 6px;border-radius:var(--radius-sm);color:inherit;transition:background var(--transition-fast)}a.hmsb-dates-row:hover{background:var(--color-primary-soft)}a.hmsb-dates-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.hmsb-dates-chip{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--home-chip-bg);color:var(--home-chip-text);line-height:1.05}.hmsb-dates-chip span{font-size:9.5px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.85}.hmsb-dates-chip strong{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.hmsb-dates-text{min-width:0;display:flex;flex-direction:column;gap:1px}.hmsb-dates-name{font-size:.92rem;font-weight:600;color:var(--color-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmsb-dates-sub{font-size:.76rem;color:var(--color-text-muted)}.hmsb-dates-row.is-today{background:var(--celebration-today-bg);box-shadow:inset 3px 0 0 var(--celebration-today-edge)}.hmsb-dates-row.is-today .hmsb-dates-name,.hmsb-dates-row.is-today .hmsb-dates-sub{color:var(--celebration-today-fg)}.hmsb-dates-row.is-today .hmsb-dates-sub{font-weight:600}.hmsb-dates-row.is-remembrance .hmsb-dates-chip{background:var(--surface-sunken);color:var(--color-text-muted)}.hmsb-dates-row.is-remembrance .hmsb-dates-name{color:var(--color-text-light)}.hmsb-dates-empty{margin:0;font-size:13px;color:var(--color-text-muted)}.hmsb-dates-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding-top:2px;font-size:12.5px;font-weight:600;color:var(--color-primary);transition:transform var(--transition-fast),color var(--transition-fast)}.hmsb-dates-more:hover{color:var(--color-primary-dark);transform:translate(2px)}.hmsb-dates-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.hmsb-dates-row,.hmsb-dates-more{transition:none}.hmsb-dates-more:hover{transform:none}}.hmsb-dates-count{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:24px;padding:0 9px;border-radius:var(--radius-full);background:var(--home-amber-bg);color:var(--home-amber-text);font-size:12px;font-weight:700;line-height:1}.htp-card{padding:18px}.htp-head{margin-bottom:12px}.htp-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.htp-sub{margin:2px 0 0;font-size:12.5px;color:var(--color-text-muted)}.htp-head-link{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--color-primary);transition:color var(--transition-fast),transform var(--transition-fast)}.htp-head-link:hover{color:var(--color-primary-dark);transform:translate(2px)}.htp-head-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}.htp-grid{display:grid;gap:12px;list-style:none;margin:0;padding:0}.htp-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.htp-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.htp-tile{position:relative;display:block;width:100%;padding:0;border:none;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:0 0 0 1px var(--color-line),var(--shadow-sm);cursor:zoom-in}button.htp-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.htp-tile.is-skeleton{box-shadow:none}.htp-tile.is-skeleton .skeleton{display:block}.htp-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.htp-tile:hover .htp-img{transform:scale(1.05)}.htp-more{cursor:pointer}.htp-more:after{content:"";position:absolute;inset:0;background:var(--surface-scrim)}.htp-more-count{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:1.15rem;font-weight:700;color:var(--surface-inverse-text)}.htp-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.htp-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;background:var(--home-scrim);color:var(--surface-inverse-text);font-size:11.5px;line-height:1.3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.htp-empty{margin:0;padding:6px 2px 2px;font-size:13px;color:var(--color-text-muted)}.htp-cols-3 .htp-cap{display:none}@media(max-width:900px){.htp-cols-6{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.htp-card{padding:14px}.htp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.htp-cap{display:none}}@media(prefers-reduced-motion:reduce){.htp-img,.htp-head-link{transition:none}.htp-tile:hover .htp-img,.htp-head-link:hover{transform:none}}.hmsb-railcard{padding:14px;display:flex;flex-direction:column;gap:10px}.hmsb-railcard-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hmsb-railcard-list{list-style:none;display:flex;flex-direction:column}.hmsb-railcard-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--color-line)}.hmsb-railcard-row:last-child{border-bottom:none}.hmsb-railcard-ic{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-dark)}.hmsb-railcard-name{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--color-heading);overflow-wrap:anywhere}.hmsb-railcard-count{flex:none;font-size:12px;color:var(--color-body)}.hmsb-railcard-headlink{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:inherit;border-radius:var(--radius-sm)}.hmsb-railcard-headlink svg{opacity:0;transform:translate(-3px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.hmsb-railcard-headlink:hover svg,.hmsb-railcard-headlink:focus-visible svg{opacity:1;transform:translate(0)}.hmsb-railcard-headlink:focus-visible{outline:none;box-shadow:var(--ring)}.hmsb-railcard-rowlink{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:inherit;margin:0 -6px;padding:0 6px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.hmsb-railcard-rowlink:hover{background:var(--color-primary-soft)}.hmsb-railcard-rowlink:focus-visible{outline:none;box-shadow:var(--ring)}.hmsb-railcard-actions{display:flex;align-items:center;gap:6px}.hmsb-railcard-act{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:var(--control-height-sm);padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-soft);border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer}.hmsb-railcard-act:hover{border-color:var(--color-line)}.hmsb-railcard-act-pending{background:var(--color-accent-light);color:var(--color-accent-dark)}.hmsb-railcard-badge{flex:none;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;color:var(--color-on-primary);background:var(--color-accent);border-radius:var(--radius-full)}.hmsb-railcard-ic-pending{background:var(--color-accent-light);color:var(--color-accent-dark)}.hmsb-railcard-pendingchip{flex:none;padding:2px 8px;font-size:10.5px;font-weight:700;border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent-dark)}.hmsb-railcard-act[aria-expanded=true]{border-color:var(--color-primary-dark)}.hmsb-railcard-act:disabled{opacity:.6;cursor:default}.hmsb-railcard-act:focus-visible{outline:none;box-shadow:var(--ring)}.hmsb-railcard-form{display:flex;flex-direction:column;gap:8px}.hmsb-railcard-form-row{display:flex;gap:6px}.hmsb-railcard-form input[type=text]{flex:1;min-width:0;padding:6px 8px;font-size:13px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--color-heading)}.hmsb-railcard-form button{flex:none;padding:6px 10px;font-size:12px;font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-soft);border:none;border-radius:var(--radius-md);cursor:pointer}.hmsb-railcard-form button:disabled{opacity:.6;cursor:default}.hmsb-railcard-error{font-size:12px;color:var(--color-error)}.hmsb-railcard .hmsb-empty{font-size:12.5px;color:var(--color-body);padding:2px 0}.hmsb-railcard-browse{border-top:1px solid var(--color-line);padding-top:8px;display:flex;flex-direction:column;gap:6px}.hmsb-railcard-map{width:100%;height:84px;object-fit:cover;object-position:center 35%;border-radius:var(--radius-md);border:1px solid var(--color-line)}.hmsb-railcard-place{display:flex;align-items:center;gap:6px;color:var(--color-heading);font-weight:600;font-size:13.5px}@media(max-width:900px){.hmsb-railcard-map{display:none}}.hmsb-railcard-act:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.hmsb-railcard-sublabel{margin:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.hmsb-railcard-actions .hmsb-railcard-act{width:var(--control-height-sm);padding:0}.hmsb-railcard-section{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed var(--color-line)}.hmsb-railcard-crown{margin-inline-start:5px;vertical-align:-1px;color:var(--color-accent-dark)}.hmsb-railcard-row.is-skeleton{display:flex;align-items:center;gap:10px;min-height:var(--control-height-md)}.hmsb-railcard-fail{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:6px 0 2px}.hmsb-railcard-fail p{margin:0;font-size:13px;color:var(--color-text-muted)}.hmsb-railcard-act-pending{flex:none;padding-inline:8px}.hmsb-railslot{position:relative}.hmsb-railslot:not(:has(>section)){display:none}.hmsb-railslot>section>:first-child{padding-right:30px}.hmsb-railslot-btn{position:absolute;top:12px;right:8px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.hmsb-railslot-btn:hover,.hmsb-railslot-btn[aria-expanded=true]{background:var(--surface-sunken);color:var(--color-text)}.hmsb-railslot-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-railslot-btn:after{content:"";position:absolute;inset:-8px}.hmsb-railslot-menu{position:absolute;top:44px;right:8px;z-index:20;min-width:210px;padding:6px;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.hmsb-railslot-menu [role=menuitem]{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-family:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer}.hmsb-railslot-menu [role=menuitem]:hover:not(:disabled),.hmsb-railslot-menu [role=menuitem]:focus-visible{background:var(--surface-sunken);outline:none}.hmsb-railslot-menu [role=menuitem]:disabled{color:var(--color-text-muted);opacity:.55;cursor:default}.hmsb-railslot-sep{height:1px;margin:4px 2px;background:var(--color-border-light)}.hmsb-railslot.is-collapsed>section>:not(:first-child){display:none}.hmsb-railslot.is-collapsed>section>:first-child{margin-bottom:0}.hmsb-toast-undo{margin-left:10px;padding:2px 6px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-primary);font:inherit;font-weight:700;cursor:pointer}.hmsb-toast-undo:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.hmsb-railslot-btn{transition:none}}.modal-panel.home-customize{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);max-width:none;max-height:none;margin:0;border-radius:0;overflow-y:auto;padding:20px 22px 0;display:flex;flex-direction:column;gap:18px;background:var(--color-background);color:var(--color-text)}.home-customize-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-customize-head h2{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--color-heading)}.home-customize-head h2:focus{outline:none}.home-customize-lede{margin:-8px 0 0;font-size:14px;color:var(--color-text-light)}.home-customize-board{display:flex;flex-direction:column;gap:18px}.home-customize-col h3{margin:0 0 8px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--transition-fast)}.home-customize-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:6px;min-height:72px;border:1px solid transparent;border-radius:var(--radius-lg);transition:background var(--transition-fast),border-color var(--transition-fast)}.home-customize-col.is-sorting .home-customize-list{border:1px dashed var(--color-border-strong)}.home-customize-col.is-target .home-customize-list{border:1px solid var(--color-primary);background:var(--home-chip-bg)}.home-customize-col.is-target h3{color:var(--color-primary)}.home-customize-empty{display:grid;place-items:center;min-height:56px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted)}.home-customize-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:8px 4px 8px 2px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);cursor:grab;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.home-customize-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.home-customize-row:active{cursor:grabbing}.home-customize-row.is-dragging{opacity:.45;border-style:dashed;border-color:var(--color-primary);box-shadow:none}.home-customize-dropline{position:relative;height:0;margin:-3px 0;pointer-events:none}.home-customize-dropline:before{content:"";position:absolute;left:4px;right:4px;top:-1.5px;height:3px;border-radius:var(--radius-full);background:var(--color-primary)}.home-customize-dropline:after{content:"";position:absolute;left:0;top:-5px;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-background)}.home-customize-row.is-landed{animation:home-customize-landed 1.1s ease-out}@keyframes home-customize-landed{0%,35%{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25),var(--shadow-md);background:var(--home-chip-bg)}to{border-color:var(--color-border-light);box-shadow:var(--shadow-sm);background:var(--surface-raised)}}.home-customize-row.is-off .home-customize-name b{color:var(--color-text-muted)}.home-customize-row.is-off .home-customize-name span{font-style:italic}.home-customize-grip{display:grid;color:var(--color-text-muted)}.home-customize-row:hover .home-customize-grip{color:var(--color-primary)}.home-customize-switch{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.home-customize-switch input{position:absolute;width:1px;height:1px;opacity:0}.home-customize-track{position:relative;flex:none;width:34px;height:20px;border-radius:var(--radius-full);background:var(--color-border-strong);transition:background var(--transition-fast)}.home-customize-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--surface-raised);transition:transform var(--transition-fast)}.home-customize-switch input:checked+.home-customize-track{background:var(--color-primary)}.home-customize-switch input:checked+.home-customize-track:after{transform:translate(14px)}.home-customize-switch input:focus-visible+.home-customize-track{outline:2px solid var(--color-primary);outline-offset:2px}.home-customize-name{display:flex;flex-direction:column;min-width:0;font-size:13.5px;line-height:1.3}.home-customize-name b{font-weight:600;color:var(--color-text)}.home-customize-name span{font-size:11.5px;color:var(--color-text-muted)}.home-customize-btns{display:inline-flex}.home-customize-icon{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-light);cursor:pointer}.home-customize-icon:hover:not(:disabled){background:var(--surface-sunken);color:var(--color-text)}.home-customize-icon:disabled{opacity:.35;cursor:default}.home-customize-foot{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:8px;margin:auto -22px 0;padding:14px 22px;border-top:1px solid var(--color-border);background:var(--color-background)}.home-customize-btn{min-height:var(--control-height-sm);padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.home-customize-btn:disabled{opacity:.5;cursor:default}.home-customize-btn.is-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.home-customize :is(button,select):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.home-customize-track,.home-customize-track:after,.home-customize-row,.home-customize-list{transition:none}.home-customize-row.is-landed{animation-timing-function:steps(1,end)}}.hmsb-home{color:var(--color-body);line-height:1.5;--home-scrim: linear-gradient(180deg, rgba(var(--ink-rgb), 0) 25%, rgba(var(--ink-rgb), .82) 100%);--home-fallback-ink: var(--color-primary)}.hmsb-home a{text-decoration:none}.hmsb-home img{display:block;max-width:100%}.hmsb-main{max-width:var(--page-max);margin:0 auto;padding:24px var(--page-gutter) 48px;display:flex;flex-direction:column;gap:24px}.hmsb-columns{display:grid;grid-template-columns:clamp(260px,18%,320px) minmax(0,1060px) clamp(320px,24%,420px);grid-template-areas:"context feed rail";justify-content:center;gap:24px;align-items:start}.hmsb-col-feed{grid-area:feed;min-width:0}.hmsb-col-context,.hmsb-col-side{display:flex;flex-direction:column;gap:16px;min-width:0;overflow:visible}.hmsb-col-context{grid-area:context}.hmsb-col-side{grid-area:rail}.hmsb-col-context>*,.hmsb-col-side>*{flex:none}.hmsb-columns:not(.is-mid):not(.is-phone) .hmsb-col-context,.hmsb-columns:not(.is-mid):not(.is-phone) .hmsb-col-side{position:sticky;top:var(--rail-top, 88px)}.hmsb-columns.is-mid{grid-template-columns:minmax(0,1fr) clamp(300px,32%,380px);grid-template-areas:"feed rails"}.hmsb-col-rails{grid-area:rails;display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:var(--rail-top, 88px)}.hmsb-columns.is-phone{display:flex;flex-direction:column;align-items:stretch;gap:14px}.hmsb-tabpanel[hidden]{display:none}.hmsb-glance{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:10px 14px;border-radius:var(--radius-md);background:var(--home-chip-bg);color:var(--home-chip-text);font-size:13px;font-weight:600}.hmsb-tabs{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.hmsb-tabs [role=tab]{min-height:40px;border:none;border-radius:var(--radius-full);background:none;color:var(--color-text-light);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.hmsb-tabs [role=tab][aria-selected=true]{background:var(--home-chip-bg);color:var(--home-chip-text)}.hmsb-tabs [role=tab]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-customize-btn{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-height-sm);padding:0 12px;border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-raised);box-shadow:var(--shadow-sm);color:var(--color-text-light);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.hmsb-customize-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.hmsb-customize-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hmsb-card{background:var(--color-background);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.hmsb-card-pad{padding:16px}.hmsb-eyebrow{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-gold)}.hmsb-card-title{font-family:var(--font-serif);font-weight:700;color:var(--color-heading)}.hmsb-side-title{margin:0;font-family:var(--font-serif);font-size:17px;font-weight:700;line-height:1.25;color:var(--color-heading)}.hmsb-section-h{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 4px}.hmsb-section-h .hmsb-link{font-size:12.5px;color:var(--color-primary);font-weight:600}.hmsb-readmore{color:var(--color-primary);font-weight:600;font-size:13px}@media(max-width:480px){.hmsb-main{padding:16px 16px 36px;gap:20px}}.hmsb-customize-hint{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:250px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-inverse);color:var(--surface-inverse-text);box-shadow:var(--shadow-lg);font-size:13px;line-height:1.45}.hmsb-customize-hint:before{content:"";position:absolute;top:-6px;right:22px;width:12px;height:12px;background:var(--surface-inverse);transform:rotate(45deg)}.hmsb-customize-hint p,.hmsb-customize-hint b{margin:0 0 8px;color:inherit}.hmsb-customize-hint button{padding:3px 10px;border:1px solid currentColor;border-radius:var(--radius-full);background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.hmsb-customize-hint button:focus-visible{outline:2px solid var(--surface-inverse-text);outline-offset:2px}.hmsb-rail-empty{display:flex;align-items:center;gap:10px;width:100%;padding:16px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);background:transparent;color:var(--color-text-light);font-family:inherit;text-align:left;cursor:pointer}.hmsb-rail-empty:hover{border-color:var(--color-primary);color:var(--color-primary)}.hmsb-rail-empty span{display:flex;flex-direction:column;font-size:12.5px}.hmsb-rail-empty b{font-size:13.5px;color:var(--color-text)}.hmsb-rail-empty:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.groups-page{max-width:var(--page-max);margin:0 auto;padding:28px var(--page-gutter) 64px}.groups-head{margin-bottom:22px}.groups-head h1{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.groups-head p{margin-top:4px;font-size:14.5px;color:var(--color-text-light)}.groups-layout{display:grid;grid-template-columns:clamp(300px,24%,440px) minmax(0,1fr);gap:20px;align-items:start}.groups-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-family:var(--font-body);font-size:13.5px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.groups-btn:disabled{opacity:.55;cursor:default}.groups-btn:focus-visible{outline:none;box-shadow:var(--ring)}.groups-btn:not(:disabled):active{transform:scale(.97)}.groups-btn-sm{padding:6px 12px;font-size:12.5px}.groups-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.groups-btn-primary:not(:disabled):hover{background:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.groups-btn-soft{background:var(--color-primary-soft);color:var(--color-primary-fg)}.groups-btn-soft:not(:disabled):hover{background:var(--color-cream-dark)}.groups-btn-ghost{background:transparent;color:var(--color-text-light);border-color:var(--color-border)}.groups-btn-ghost:not(:disabled):hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--surface-raised)}.groups-btn-danger{background:transparent;color:var(--color-error);border-color:var(--color-border)}.groups-btn-danger:not(:disabled):hover{background:var(--color-error-light);border-color:var(--color-error)}.groups-btn-pending{background:var(--color-accent-light);color:var(--color-accent-dark)}.groups-btn-pending:not(:disabled):hover{background:var(--color-error-light);color:var(--color-error)}.groups-btn-pending-x{opacity:.75}.groups-btn-pending:hover .groups-btn-pending-x{opacity:1}.groups-rail{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}.groups-rail-error{display:flex;align-items:center;justify-content:space-between;gap:10px}.groups-rail-card{background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.groups-rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.groups-rail-head h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.groups-rail-note{font-size:13px;color:var(--color-text-light)}.groups-rail-list{list-style:none;display:flex;flex-direction:column;gap:4px}.groups-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;text-align:left;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.groups-row:hover{background:var(--color-cream)}.groups-row:focus-visible{outline:none;box-shadow:var(--ring)}.groups-row.is-active{background:var(--color-primary-soft)}.groups-row.is-active .groups-row-name{color:var(--color-primary-fg)}.groups-row-static{cursor:default}.groups-row-static:hover{background:transparent}.groups-row-ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-fg);transition:transform var(--transition-base)}.groups-row:hover .groups-row-ic{transform:scale(1.08)}.groups-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.groups-row-name{font-size:13.5px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.groups-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.groups-row-go{flex:none;color:var(--color-primary-fg);opacity:0;transform:translate(-3px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.groups-row:hover .groups-row-go,.groups-row.is-active .groups-row-go{opacity:1;transform:translate(0)}.groups-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:700;border-radius:var(--radius-full)}.groups-chip-owner{background:var(--color-primary-soft);color:var(--color-primary-fg)}.groups-chip-pending{background:var(--color-accent-light);color:var(--color-accent-dark)}.groups-badge{flex:none;display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:var(--color-on-primary);background:var(--color-accent);border-radius:var(--radius-full);animation:groups-badge-in var(--transition-emphasis) both}@keyframes groups-badge-in{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.groups-row-namelink{display:block;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color var(--transition-fast)}.groups-row-namelink:hover{color:var(--color-primary-fg);text-decoration:underline}.groups-row-namelink:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-xs)}.groups-create{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-cream);animation:groups-fade-up var(--transition-emphasis) both}.groups-create input,.groups-create textarea,.groups-composer input,.groups-composer textarea{width:100%;padding:9px 11px;font-family:var(--font-body);font-size:13.5px;color:var(--color-text);background:var(--surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.groups-create input:focus,.groups-create textarea:focus,.groups-composer input:focus,.groups-composer textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.groups-create-foot{display:flex;justify-content:flex-end;gap:8px}.groups-main{min-width:0}.groups-detail{display:flex;flex-direction:column;gap:16px;animation:groups-fade-up var(--transition-emphasis) both}.groups-hero{background:linear-gradient(135deg,var(--color-primary-soft),var(--surface-panel) 58%);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px 24px;display:flex;flex-direction:column;gap:16px;transition:box-shadow var(--transition-base)}.groups-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.groups-hero-id h2{font-family:var(--font-display);font-size:clamp(20px,3vw,26px);font-weight:600;color:var(--color-text)}.groups-hero-desc{margin-top:4px;font-size:14px;color:var(--color-text-light);max-width:52ch}.groups-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.groups-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.groups-members{display:flex;align-items:center;gap:10px}.groups-members-stack{display:flex}.groups-avatar{display:grid;place-items:center;width:32px;height:32px;margin-left:-8px;border-radius:var(--radius-full);background:var(--surface-raised);border:2px solid var(--surface-panel);color:var(--color-primary-fg);font-size:11px;font-weight:700;overflow:hidden;transition:transform var(--transition-fast)}.groups-avatar:first-child{margin-left:0}.groups-avatar:hover{transform:translateY(-2px)}.groups-avatar img{width:100%;height:100%;object-fit:cover}.groups-avatar-extra{background:var(--color-cream-dark);color:var(--color-text-light)}.groups-members-count{font-size:13px;font-weight:600;color:var(--color-text-light)}.groups-join-hint{font-size:13.5px;color:var(--color-text-light);background:var(--color-cream);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:12px 16px}.groups-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-line);padding:0 4px}.groups-tab{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 14px 12px;font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.groups-tab:hover{color:var(--color-text)}.groups-tab:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.groups-tab.is-active{color:var(--color-primary-fg)}.groups-tab:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2.5px;border-radius:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-emphasis)}.groups-tab.is-active:after{transform:scaleX(1)}.groups-tab-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 6px;font-size:11px;font-weight:700;border-radius:var(--radius-full);background:var(--color-cream-dark);color:var(--color-text-light);transition:background var(--transition-fast),color var(--transition-fast)}.groups-tab.has-attention .groups-tab-count{background:var(--color-accent);color:var(--color-on-primary)}.groups-tab.is-active .groups-tab-count{background:var(--color-primary-soft);color:var(--color-primary-fg)}.groups-tab.is-active.has-attention .groups-tab-count{background:var(--color-accent);color:var(--color-on-primary)}.groups-tabpanel{display:flex;flex-direction:column;gap:16px;animation:groups-fade-up var(--transition-emphasis) both}.groups-tabpanel[hidden]{display:none}.groups-people{list-style:none;display:flex;flex-direction:column;background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.groups-person{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-light);animation:groups-fade-up var(--transition-emphasis) both;transition:background var(--transition-fast)}.groups-person:last-child{border-bottom:none}.groups-person:nth-child(2){animation-delay:40ms}.groups-person:nth-child(3){animation-delay:80ms}.groups-person:nth-child(4){animation-delay:.12s}.groups-person:nth-child(n+5){animation-delay:.12s}.groups-person-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.groups-person-name{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-person-meta{font-size:12.5px;color:var(--color-text-muted)}.groups-person-actions{display:flex;gap:8px;flex:none}.groups-avatar-lg{width:38px;height:38px;margin-left:0;font-size:13px}.groups-edit{display:flex;flex-direction:column;gap:8px;animation:groups-fade-up var(--transition-emphasis) both}.groups-edit input,.groups-edit textarea{width:100%;padding:9px 11px;font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.groups-edit input{font-weight:600;font-size:16px}.groups-edit input:focus,.groups-edit textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.groups-composer-invite{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;font-family:var(--font-body);font-size:14px;color:var(--color-text-muted);background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:text;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),color var(--transition-fast)}.groups-composer-invite:hover{color:var(--color-primary-fg);border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.groups-composer-invite:focus-visible{outline:none;box-shadow:var(--ring)}.groups-composer{display:flex;flex-direction:column;gap:10px;background:var(--surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px;animation:groups-fade-up var(--transition-emphasis) both}.groups-composer input{font-weight:600}.groups-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.groups-composer-hint{font-size:12px;color:var(--color-text-muted)}.groups-composer-btns{display:flex;gap:8px;margin-left:auto}.groups-feed{display:flex;flex-direction:column;gap:14px}.groups-feed-item{animation:groups-fade-up var(--transition-emphasis) both;transition:transform var(--transition-base),box-shadow var(--transition-base)}.groups-feed-item:nth-child(2){animation-delay:45ms}.groups-feed-item:nth-child(3){animation-delay:90ms}.groups-feed-item:nth-child(4){animation-delay:135ms}.groups-feed-item:nth-child(n+5){animation-delay:135ms}.groups-feed-item:hover{transform:translateY(-1px)}.groups-loading{display:flex;flex-direction:column;gap:12px}@keyframes groups-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.groups-page *,.groups-page *:before,.groups-page *:after{animation:none!important;transition:none!important}}@media(max-width:880px){.groups-layout{grid-template-columns:1fr}.groups-main{order:-1}.groups-rail{position:static}.groups-page{padding:20px 14px 48px}}.story-permalink{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-xl) var(--page-gutter);display:flex;flex-direction:column;gap:var(--space-md)}.story-permalink>*{width:100%;max-width:720px;margin-inline:auto}.story-permalink-back{align-self:flex-start}.story-permalink-error{color:var(--color-error)}.pfam-panel{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0}.pfam-card{position:relative;display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding:var(--space-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:radial-gradient(120% 140% at 100% 0%,var(--color-primary-soft) 0%,transparent 62%),linear-gradient(180deg,var(--color-cream) 0%,var(--surface-panel) 100%)}.pfam-avatar{flex-shrink:0}.pfam-avatar .profile-photo-wrapper{margin-bottom:0}.pfam-avatar .person-avatar-photo,.pfam-avatar .person-avatar-large{width:80px;height:80px;border:none;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:.02em;color:#fff;box-shadow:0 0 0 3px var(--surface-raised),0 0 0 4.5px var(--color-primary-soft),var(--shadow-sm)}.pfam-avatar .person-avatar-large{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-dark) 100%)}.pfam-card.is-deceased .pfam-avatar .person-avatar-photo,.pfam-card.is-deceased .pfam-avatar .person-avatar-large{box-shadow:0 0 0 3px var(--surface-raised),0 0 0 4.5px var(--color-border-light),var(--shadow-sm)}.pfam-card.is-deceased .pfam-avatar .person-avatar-photo{filter:grayscale(.55)}.pfam-headings{flex:1;min-width:0}.pfam-name{margin:0 0 var(--space-xs);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--step-2);font-weight:600;line-height:1.2;letter-spacing:var(--tracking-tight);color:var(--color-text)}.pfam-you-chip{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:var(--radius-full);background:var(--color-success-light);color:var(--color-success);font-family:var(--font-body);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pfam-badges{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.pfam-life{font-size:var(--step--1);font-weight:500;color:var(--color-text-light)}.pfam-life.deceased{color:var(--color-text-muted)}.pfam-hint{margin:var(--space-sm) 0 0;max-width:48ch;font-size:var(--step--1);line-height:1.6;color:var(--color-text-muted)}.pfam-skeleton{display:flex;flex-direction:column;gap:var(--space-xl)}.pfam-skeleton-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--surface-panel)}.pfam-skeleton-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm)}.pfam-skeleton-form{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-sm)}@media(max-width:479px){.pfam-card{flex-direction:column;align-items:center;text-align:center}.pfam-name,.pfam-badges{justify-content:center}.pfam-hint{max-width:none}}@media(min-width:640px){.pfam-card{padding:var(--space-xl)}.pfam-skeleton-form{grid-template-columns:1fr 1fr;padding:var(--space-xl)}}.profile-page{max-width:var(--page-max);margin:0 auto;padding:var(--space-xl) var(--page-gutter) var(--space-3xl)}.profile-header{margin-bottom:var(--space-lg);padding-bottom:0;border-bottom:none}.profile-eyebrow{margin:0 0 var(--space-2xs);font-size:var(--step--2);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-primary)}.profile-header h1{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:var(--step-3);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-text)}.profile-lede{margin:0;max-width:56ch;font-size:var(--step-0);line-height:1.65;color:var(--color-text-light)}.profile-tabs{display:flex;gap:var(--space-2xs);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{position:relative;flex-shrink:0;appearance:none;background:none;border:none;margin:0;padding:var(--space-sm) var(--space-md);min-height:var(--control-height-lg);font-family:var(--font-body);font-size:var(--step-0);font-weight:600;letter-spacing:.005em;white-space:nowrap;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-base)}.profile-tab:after{content:"";position:absolute;left:var(--space-sm);right:var(--space-sm);bottom:-1px;height:2px;border-radius:var(--radius-full);background:var(--color-primary);transform:scaleX(0);transform-origin:center left;opacity:0;transition:transform var(--transition-base),opacity var(--transition-base)}.profile-tab:hover{color:var(--color-text)}.profile-tab:hover:after{transform:scaleX(1);opacity:.35}.profile-tab.is-active{color:var(--color-primary-dark)}.profile-tab.is-active:after{transform:scaleX(1);opacity:1}.profile-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px;border-radius:var(--radius-sm);color:var(--color-text)}.profile-tab-blurb{margin:0 0 var(--space-xl);max-width:62ch;font-size:var(--step--1);line-height:1.6;color:var(--color-text-muted)}.profile-tabpanel:focus-visible{outline:2px solid var(--color-primary);outline-offset:6px;border-radius:var(--radius-lg)}.profile-layout{display:grid;grid-template-columns:1fr;max-width:880px;gap:var(--space-xl);align-items:start}.profile-main{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0}.profile-card{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.profile-card-header{margin-bottom:var(--space-lg)}.profile-card-header h2{margin:0 0 var(--space-2xs);font-family:var(--font-display);font-size:var(--step-1);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-text)}.profile-card-header p{margin:0;font-size:var(--step--1);line-height:1.6;color:var(--color-text-muted)}.profile-form{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.profile-actions{display:flex;justify-content:flex-start;padding-top:var(--space-2xs)}.profile-alert{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid var(--color-error);background:var(--color-error-light);color:var(--color-error);font-size:var(--step--1);line-height:1.6}.profile-facts{background:var(--surface-sunken);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.profile-facts-title{margin:0 0 var(--space-md);font-size:var(--step--2);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.profile-facts-list{margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.profile-fact{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.profile-fact:last-child{padding-bottom:0;border-bottom:none}.profile-fact dt{font-size:var(--step--2);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.profile-fact dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--step-0);color:var(--color-text)}.profile-badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--surface-panel);font-size:var(--step--2);font-weight:600;letter-spacing:.02em;color:var(--color-text-light)}.profile-badge-claimed{border-color:transparent;background:var(--color-success-light);color:var(--color-success)}.profile-fact-link{font-size:var(--step--1);font-weight:600;color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-base),color var(--transition-base)}.profile-fact-link:hover{color:var(--color-primary-dark);border-bottom-color:currentColor}.profile-fact-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-xs)}@media(min-width:640px){.profile-form-row{grid-template-columns:1fr 1fr}.profile-card{padding:var(--space-xl)}}@media(min-width:1024px){.profile-page{padding-inline:var(--space-lg)}.profile-layout{grid-template-columns:minmax(0,1fr) 20rem;gap:var(--space-2xl)}.profile-facts{position:sticky;top:var(--space-xl)}}@media(prefers-reduced-motion:reduce){.profile-fact-link,.profile-tab,.profile-tab:after{transition:none}}:root{--bg-main: var(--surface-page);--text-main: var(--color-text);--footer-bg-start: var(--surface-inverse-raised);--footer-bg-end: var(--surface-inverse);--page-gutter: clamp(16px, 2.2vw, 32px);--page-max: 1800px;--shell-gap: clamp(12px, 1.4vw, 20px)}html,body,#root{background-color:var(--bg-main)}.app-layout{min-height:100vh;display:flex;flex-direction:column;color:var(--text-main);background-color:var(--bg-main);background-image:linear-gradient(180deg,rgba(var(--primary-rgb),.045),rgba(var(--primary-rgb),.012) 38%,rgba(var(--primary-rgb),0));background-repeat:no-repeat;background-size:100% 420px;transition:background-color var(--transition-base)}.app-content{flex:1;display:flex;flex-direction:column}.page-shell{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}