@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500&family=Cormorant+Garamond:wght@500&display=swap";:root{--font-body: "Nunito Sans", "Trebuchet MS", Verdana, sans-serif;--font-heading: "Cormorant Garamond", Georgia, serif;--text-base: 1rem;--text-h4: 1rem;--text-h3: 1.25rem;--text-h2: 1.5rem;--text-h1: 2rem;--text-label: 1rem;--text-button: 1rem;--leading: 1.5;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--background: #fdfbf7;--foreground: #3d3835;--card: #ffffff;--card-foreground: #3d3835;--popover: #ffffff;--popover-foreground: #3d3835;--primary: #8b5a3c;--primary-foreground: #ffffff;--secondary: #f5e6d3;--secondary-foreground: #3d3835;--muted: #f0ebe5;--muted-foreground: #6b6460;--accent: #d4a574;--accent-foreground: #3d3835;--destructive: #c4483f;--destructive-foreground: #ffffff;--border: #e5ddd3;--input: transparent;--input-background: #f8f4ef;--switch-background: #d4c7ba;--ring: #8b5a3c;--chart-1: #8b5a3c;--chart-2: #c67d5a;--chart-3: #5a7d6b;--chart-4: #d4a574;--chart-5: #9b7e6c;--sidebar: #f8f4ef;--sidebar-foreground: #3d3835;--sidebar-primary: #8b5a3c;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #f5e6d3;--sidebar-accent-foreground: #3d3835;--sidebar-border: #e5ddd3;--sidebar-ring: #8b5a3c;--shadow-soft: 0 14px 34px rgba(61, 56, 53, .12);--shadow-button: 0 8px 18px rgba(139, 90, 60, .28);color-scheme:light}:root[data-theme=dark]{--background: #2a2420;--foreground: #f5f0eb;--card: #3d3835;--card-foreground: #f5f0eb;--popover: #3d3835;--popover-foreground: #f5f0eb;--primary: #d4a574;--primary-foreground: #2a2420;--secondary: #4a423d;--secondary-foreground: #f5f0eb;--muted: #4a423d;--muted-foreground: #b5aca5;--accent: #8b5a3c;--accent-foreground: #f5f0eb;--destructive: #e86b63;--destructive-foreground: #ffffff;--border: #4a423d;--input: #4a423d;--input-background: #4a423d;--ring: #d4a574;--chart-1: #d4a574;--chart-2: #c67d5a;--chart-3: #7da08d;--chart-4: #e8c9a0;--chart-5: #b59885;--sidebar: #3d3835;--sidebar-foreground: #f5f0eb;--sidebar-primary: #d4a574;--sidebar-primary-foreground: #2a2420;--sidebar-accent: #4a423d;--sidebar-accent-foreground: #f5f0eb;--sidebar-border: #4a423d;--sidebar-ring: #d4a574;--shadow-soft: 0 14px 34px rgba(0, 0, 0, .35);--shadow-button: 0 8px 18px rgba(212, 165, 116, .2);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading);color:var(--foreground);background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 30%),radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--secondary) 45%,transparent),transparent 35%),linear-gradient(180deg,var(--background),color-mix(in srgb,var(--background) 88%,var(--muted)));background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,label,button{font-weight:500;line-height:var(--leading)}h1,h2,h3,h4{font-family:var(--font-heading)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-footer{margin-top:auto;padding:.75rem 1rem 1.2rem;text-align:center;color:var(--muted-foreground);font-size:.85rem}.app-footer p{margin:0}.app-bootstrap{min-height:calc(100vh - 120px);display:grid;place-items:center;color:var(--muted-foreground)}.app-bootstrap p{margin:0;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.ui-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-soft)}.ui-card__header{padding:1.25rem 1.25rem .75rem}.ui-card__title{margin:0;font-size:var(--text-h3);font-weight:500;line-height:var(--leading);font-family:var(--font-heading)}.ui-card__subtitle{margin:.4rem 0 0;color:var(--muted-foreground)}.ui-card__body{padding:0 1.25rem 1.25rem}.ui-button{border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-size:var(--text-base);font-weight:500;line-height:var(--leading);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.ui-button:focus-visible,.ui-input:focus-visible,.ui-switch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button:not(:disabled):hover{transform:translateY(-1px)}.ui-button--md{padding:.8rem 1rem}.ui-button--sm{padding:.5rem .8rem}.ui-button--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-button)}.ui-button--secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.ui-button--ghost{background:transparent;color:var(--foreground);border-color:var(--border)}.ui-button--destructive{background:var(--destructive);color:var(--destructive-foreground)}.ui-input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-background);color:var(--foreground);padding:0 .875rem;font:inherit}.ui-input::placeholder{color:var(--muted-foreground)}.family-setup-page{min-height:calc(100vh - 120px);width:min(760px,100% - 2rem);margin:1.2rem auto 2rem;display:grid;align-items:center}.family-setup-card .ui-card__body{display:grid;gap:.9rem}.family-setup-form{display:grid;gap:.5rem}.family-setup-form label{font-size:var(--text-label);font-weight:500}.family-setup-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-background);color:var(--foreground);padding:.7rem .875rem;font:inherit;resize:vertical}.family-setup-textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.family-setup-error{margin:.2rem 0;color:var(--destructive);font-weight:500}.family-member{display:flex;gap:.9rem;align-items:flex-start;padding:1rem}.family-member--sand{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 84%,var(--accent) 16%),var(--card))}.family-member--terracotta{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 80%,var(--chart-2) 20%),var(--card))}.family-member--sage{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 80%,var(--chart-3) 20%),var(--card))}.family-member__avatar{min-width:2.6rem;height:2.6rem;border-radius:var(--radius-lg);background:var(--secondary);color:var(--secondary-foreground);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.2rem}.family-member__content{display:grid;gap:.3rem}.family-member__name{margin:0;font-size:var(--text-h4);line-height:var(--leading);font-weight:500}.family-member__role,.family-member__meta,.family-member__note{margin:0;color:var(--muted-foreground);font-size:.95rem}.timeline{display:grid;gap:.85rem}.timeline-event{display:grid;grid-template-columns:.8rem 1fr;gap:.7rem}.timeline-event__dot{width:.65rem;height:.65rem;border-radius:999px;margin-top:.45rem;background:var(--primary)}.timeline-event__content{border-left:1px solid var(--border);padding-left:.95rem;display:grid;gap:.3rem}.timeline-event__date{margin:0;color:var(--muted-foreground);font-size:.82rem;letter-spacing:.03em}.timeline-event__title{margin:0;font-size:var(--text-h4);font-weight:500}.timeline-event__description{margin:0;color:var(--muted-foreground)}.timeline-event__category{width:fit-content;border-radius:999px;padding:.15rem .6rem;background:var(--secondary);color:var(--secondary-foreground);font-size:.78rem}.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.media-gallery__item{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft)}.media-gallery__visual{height:120px}.media-gallery__item--warm .media-gallery__visual{background:linear-gradient(130deg,var(--chart-1),var(--chart-4))}.media-gallery__item--earth .media-gallery__visual{background:linear-gradient(130deg,var(--chart-2),var(--chart-5))}.media-gallery__item--sage .media-gallery__visual{background:linear-gradient(130deg,var(--chart-3),var(--chart-4))}.media-gallery__info{padding:.8rem;display:grid;gap:.25rem}.media-gallery__info h4,.media-gallery__info p{margin:0}.media-gallery__info p{color:var(--muted-foreground)}.media-gallery__tag{width:fit-content;border-radius:999px;font-size:.75rem;padding:.2rem .55rem;background:var(--muted);color:var(--muted-foreground)}@media(max-width:960px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.media-gallery{grid-template-columns:1fr}}.home-screen{min-height:calc(100vh - 64px);overflow-x:hidden}.home-header{position:sticky;top:0;z-index:20;width:100%;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 10px 30px #0000001f}.home-header__inner{width:min(1180px,100% - 2rem);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.65rem 0;gap:.8rem}.home-brand{display:flex;align-items:center;gap:.65rem;min-width:0}.home-menu-toggle{display:none;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-sm);padding:.45rem;gap:.2rem;cursor:pointer}.home-menu-toggle span{display:block;width:16px;height:2px;background:var(--foreground)}.home-brand__menu-anchor,.home-settings-anchor{position:relative}.home-brand__icon-button{border:none;padding:0;background:transparent;cursor:pointer}.home-brand__icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--secondary);color:var(--primary);padding:.4rem;transition:transform .2s ease}.home-brand__icon-button:hover .home-brand__icon{transform:translateY(-1px)}.home-brand__icon svg{width:100%;height:100%}.home-brand__text{display:grid;line-height:1.15}.home-brand__text strong{font-family:var(--font-heading);font-size:1.2rem;font-weight:500}.home-brand__text span{font-size:.8rem;color:var(--muted-foreground)}.home-nav{display:flex;gap:.4rem;justify-content:center}.home-nav button,.home-drawer__nav button{border:none;background:transparent;color:var(--muted-foreground);font:inherit;font-weight:500;padding:.45rem .7rem;border-radius:var(--radius-sm);cursor:pointer}.home-nav button:hover,.home-drawer__nav button:hover{background:var(--secondary);color:var(--foreground)}.home-nav button.is-active,.home-drawer__nav button.is-active{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--foreground)}.home-header__icons{display:flex;justify-content:flex-end;gap:.45rem}.home-icon-button{width:2.35rem;height:2.35rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease}.home-icon-button:hover{background:var(--secondary);transform:translateY(-1px)}.home-icon-button svg{width:1.2rem;height:1.2rem}.home-avatar-button{overflow:hidden;padding:0}.home-avatar-button__image{width:100%;height:100%;object-fit:cover;display:block}.home-avatar-input{display:none}.home-popover{position:absolute;top:calc(100% + .45rem);min-width:180px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--popover);box-shadow:var(--shadow-soft);padding:.35rem;display:none;z-index:24}.home-popover.is-open{display:grid}.home-popover--family{left:0}.home-popover--settings{right:0}.home-popover button{border:none;background:transparent;color:var(--popover-foreground);text-align:left;font:inherit;padding:.45rem .55rem;border-radius:var(--radius-sm);cursor:pointer}.home-popover button:hover{background:var(--secondary)}.home-popover button:disabled{opacity:.5;cursor:not-allowed}.home-popover__destructive{color:var(--destructive)!important}.home-popover__error{margin:.25rem 0 0;padding:.35rem .55rem;color:var(--destructive);font-size:.8rem}.home-menu-dismiss{position:fixed;inset:0;z-index:19;border:none;background:transparent}.home-family-switcher{position:fixed;inset:0;z-index:32}.home-family-switcher__backdrop{position:absolute;inset:0;border:none;background:#00000059}.home-family-switcher__panel{position:relative;width:min(460px,calc(100% - 1.5rem));margin:12vh auto 0;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);padding:1rem}.home-family-switcher__panel--invite{width:min(560px,calc(100% - 1.5rem))}.home-family-switcher__panel h3{margin:0 0 .75rem;font-size:var(--text-h3)}.home-family-switcher__invite-copy{margin:0 0 .9rem;color:var(--muted-foreground)}.home-family-switcher__invite-link{display:block;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb,var(--secondary) 82%,white 18%);color:var(--foreground);text-decoration:none;word-break:break-word}.home-family-switcher__invite-link:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.home-family-switcher__invite-meta{margin:.8rem 0 0;color:var(--muted-foreground);font-size:.92rem}.home-family-switcher__actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}.home-family-switcher__list{display:grid;gap:.45rem}.home-family-switcher__list button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);text-align:left;padding:.65rem .75rem;display:grid;gap:.15rem;cursor:pointer}.home-family-switcher__list button.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.home-family-switcher__list button span{color:var(--muted-foreground);font-size:.85rem}.home-drawer{position:fixed;inset:0;z-index:30;pointer-events:none}.home-drawer__panel{position:relative;z-index:1;width:min(280px,82vw);height:100%;background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);padding:.9rem;transform:translate(-110%);transition:transform .25s ease}.home-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.home-drawer__close{border:none;background:transparent;color:var(--muted-foreground);font:inherit;cursor:pointer}.home-drawer__nav{display:grid;gap:.35rem}.home-drawer__backdrop{position:absolute;inset:0;z-index:0;border:none;background:#00000059;opacity:0;transition:opacity .25s ease}.home-drawer.is-open{pointer-events:auto}.home-drawer.is-open .home-drawer__panel{transform:translate(0)}.home-drawer.is-open .home-drawer__backdrop{opacity:1}.home-page{width:min(1180px,100% - 2rem);margin:1.2rem auto 2.8rem;display:grid;gap:1.15rem}.home-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.home-hero p{margin-top:0}.home-hero__card .ui-card__body{display:grid;gap:.85rem}.home-hero__meta{display:flex;flex-wrap:wrap;gap:.45rem}.home-hero__meta span{background:var(--muted);color:var(--muted-foreground);border-radius:999px;padding:.2rem .6rem;font-size:.82rem}.home-hero__error{margin:0;color:var(--destructive);font-weight:500}.home-label{display:inline-block;margin-bottom:.45rem;font-size:var(--text-label);font-weight:500}.home-newsletter{display:grid;gap:.6rem;grid-template-columns:1fr auto}.home-note{margin:.5rem 0 0;color:var(--muted-foreground);font-size:.9rem}.home-section{display:grid;gap:.7rem}.home-section__heading h2{margin:0;font-size:var(--text-h2);line-height:var(--leading);font-family:var(--font-heading);font-weight:500}.home-section__heading p{margin:.25rem 0 0;color:var(--muted-foreground)}.home-members-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.home-demo-grid{display:grid;gap:1rem}.home-demo-grid--albums{grid-template-columns:repeat(2,minmax(0,1fr))}.home-demo-grid--branches,.home-demo-grid--stories{grid-template-columns:repeat(3,minmax(0,1fr))}.home-album{overflow:hidden}.home-album .ui-card__body{display:grid;gap:.35rem}.home-album h3,.home-album p{margin:0}.home-album p{color:var(--muted-foreground)}.home-album__cover{height:120px;border-radius:var(--radius-md);margin-bottom:.2rem}.home-album--warm .home-album__cover{background:linear-gradient(125deg,var(--chart-1),var(--chart-4))}.home-album--earth .home-album__cover{background:linear-gradient(125deg,var(--chart-2),var(--chart-5))}.home-album--sage .home-album__cover{background:linear-gradient(125deg,var(--chart-3),var(--chart-4))}.home-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.home-chip-row span{border-radius:999px;padding:.25rem .65rem;background:var(--muted);color:var(--muted-foreground);font-size:.84rem}.home-inline-button{margin-top:.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font:inherit;font-weight:500;padding:.45rem .7rem;cursor:pointer}.home-inline-button:hover{background:var(--secondary)}.home-subpage-header{display:grid;gap:.4rem}.home-subpage-header h2,.home-subpage-header p{margin:0}.home-subpage-header__crumbs{color:var(--muted-foreground);font-size:.85rem}.home-back-button{width:fit-content;border:none;background:transparent;color:var(--primary);font:inherit;padding:0;cursor:pointer}.home-branch__updated{margin:0;color:var(--muted-foreground)}.home-story__meta{display:flex;flex-wrap:wrap;gap:.45rem}.home-story__meta span{border-radius:999px;padding:.2rem .6rem;background:var(--secondary);color:var(--secondary-foreground);font-size:.82rem}@media(max-width:980px){.home-header__inner{grid-template-columns:1fr auto}.home-nav{display:none}.home-menu-toggle{display:inline-grid}.home-hero{grid-template-columns:1fr}.home-members-grid,.home-demo-grid--branches,.home-demo-grid--stories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.home-newsletter{grid-template-columns:1fr}.home-brand__text span{display:none}.home-brand__text strong{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-header__icons .home-icon-button:first-child{display:none}}@media(max-width:580px){.home-members-grid,.home-demo-grid--albums,.home-demo-grid--branches,.home-demo-grid--stories{grid-template-columns:1fr}.home-header__inner{padding:.55rem 0}.home-brand__text strong{font-size:1rem}.home-brand__text span{font-size:.75rem}}.login-page{min-height:calc(100vh - 64px);width:min(1040px,100% - 2rem);margin:0 auto;padding:1.4rem 0 2rem;position:relative}.login-page:before,.login-page:after{content:"";position:absolute;pointer-events:none;z-index:0}.login-page:before{width:min(52vw,560px);height:min(52vw,560px);left:-12%;top:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 68%)}.login-page:after{width:min(44vw,500px);height:min(44vw,500px);right:-10%;bottom:2%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 34%,transparent),transparent 70%)}.login-theme-icon{position:fixed;top:.75rem;right:.85rem;border:none;background:transparent;color:var(--foreground);opacity:.86;padding:0;margin:0;width:1.45rem;height:1.45rem;cursor:pointer;z-index:40;transition:opacity .2s ease,transform .2s ease}.login-theme-icon:hover{opacity:1;transform:translateY(-1px)}.login-theme-icon svg{width:100%;height:100%}.login-content{position:relative;z-index:1;min-height:calc(100vh - 165px);display:grid;align-content:center;gap:1rem;max-width:760px;padding:clamp(.5rem,2vw,1rem) 0}.login-eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:.76rem}.login-content h1{margin:0;font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;font-weight:500;max-width:14ch}.login-subtitle{margin:0;color:var(--muted-foreground);max-width:62ch}.login-benefits{margin:.15rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.55rem}.login-benefits li{border-radius:999px;padding:.25rem .7rem;background:color-mix(in srgb,var(--muted) 76%,transparent);color:var(--foreground);font-size:.9rem}.login-cta{display:grid;gap:.4rem;max-width:430px;margin-top:.35rem}.login-cta__hint{margin:0;font-size:.9rem;color:var(--muted-foreground)}.login-status{min-height:1.5rem}.login-status__error,.login-status__loading{margin:0}.login-status__error{color:var(--destructive);font-weight:500}.login-status__loading{color:var(--muted-foreground)}.login-deeplink{width:fit-content;max-width:100%;margin-top:.1rem}.login-deeplink__title{margin:0 0 .2rem;color:var(--muted-foreground);font-size:.9rem}.login-deeplink__link{color:var(--primary);font-weight:500}@media(max-width:700px){.login-page{width:min(1040px,100% - 1.2rem);padding-top:1.7rem}.login-content{min-height:auto}.login-benefits{display:grid}.login-theme-icon{top:.58rem;right:.7rem}}