
.family-timeline{margin:0 0 40px}.timeline-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:18px 18px 0 0;padding:27px 24px 23px;min-height:210px;margin-bottom:0;background:#071727}.timeline-backdrop{position:absolute;inset:0 0 0 25%;z-index:-2;opacity:.8}.timeline-backdrop picture,.timeline-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.timeline-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071627 5%,#071627df 42%,#07162725 100%),linear-gradient(0deg,#071727,transparent 60%)}.timeline-intro-copy h1{font-size:clamp(35px,4.2vw,54px);font-weight:800;letter-spacing:-1.5px;margin:0 0 12px;line-height:1.1}.timeline-intro-copy>p{font-size:18px;color:#d3deec;margin:0}.timeline-intro .timeline-filters{margin:25px 0 0;gap:12px}.timeline-intro .social-pills{gap:8px}.timeline-intro .social-pills button{gap:8px;min-height:42px;font-size:13px;padding:9px 16px;background:linear-gradient(145deg,#223a55,#10243b);border-color:#8db0d95c;box-shadow:inset 0 1px #fff2,0 5px 12px #0003;color:#e2eaf5}.timeline-intro .social-pills button[aria-pressed=true]{background:linear-gradient(135deg,#e16ba8,#9b3877);border-color:#ffb7de;box-shadow:inset 0 2px #ffd7ec66,0 0 18px #e179b950;color:white}.timeline-intro .social-pills svg{width:17px;height:17px}.timeline-add{display:flex;gap:12px;align-items:center}.timeline-add .family-primary{min-height:42px;padding:10px 17px;font-size:13px;border-radius:100px;background:linear-gradient(135deg,#e778af,#b74a88);box-shadow:inset 0 1px #fff5,0 6px 14px #ba548139;border:1px solid #f9b5d6;color:white}.timeline-add select{padding:9px 12px;min-height:42px;width:118px;background:#122942d9;border-color:#90add35c;color:#eaf2ff}
.timeline-stream{gap:23px;padding:8px 0 0}.timeline-stream:before{left:121px;top:0;bottom:0;width:2px;background:linear-gradient(#f4a1d2,#f7bbde 40%,#db77b8 90%,transparent);box-shadow:0 0 7px #f49acf,0 0 23px #ee69b66b}.timeline-entry{grid-template-columns:96px 14px minmax(0,1fr);gap:18px;align-items:start}.timeline-date{min-height:107px;margin-top:10px;border-radius:16px;gap:5px;background:linear-gradient(140deg,#314b6f,#111f39 75%);border-color:#9dbee477;box-shadow:inset 0 1px #e2efff7d,inset 0 -3px #060d1b9c,0 8px 16px #0005}.timeline-date strong{font-size:18px;color:#f5f4ff;font-weight:800}.timeline-date>span:not(.social-icon){font-size:14px;color:#b7c8e5}.timeline-date .social-icon{height:25px;flex-basis:25px}.timeline-date svg{color:#ef8dc5;filter:drop-shadow(0 0 7px #ea74bdb0);width:22px;height:22px}.timeline-node{width:15px;height:15px;margin-top:35px;border-width:2px;background:#ef8bc5;box-shadow:0 0 12px #ec8bc6,0 0 25px #ed81bf6e}.timeline-memory{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:21px;padding:10px;border-radius:19px;background:linear-gradient(140deg,#182d49,#091b2e 75%);border-color:#94b7e77d;box-shadow:inset 0 1px #daecff66,inset 0 -2px #020e20,0 5px 0 #030c1999,0 16px 24px #0006,0 0 14px #7b9fe516;transition:transform .2s,box-shadow .2s}.timeline-entry:hover .timeline-memory{border-color:#d2c1e4aa;box-shadow:inset 0 1px #e8dcff8f,0 5px 0 #030c19,0 20px 32px #0007,0 0 20px #c68ec52b;transform:perspective(1200px) translateY(-2px) rotateX(.7deg)}.timeline-main-photo{height:198px;min-height:198px;border:1px solid #b5cfee55;border-radius:12px;box-shadow:inset 0 1px #fff2,0 6px 14px #0004;background:#050f1d}.timeline-main-photo img{max-height:198px;max-width:100%;width:auto;height:auto;object-fit:contain}.timeline-memory-copy{padding:8px 5px 6px 0;display:flex;flex-direction:column;justify-content:flex-start}.timeline-memory h3{font-size:clamp(21px,2.3vw,29px);font-weight:800;margin:0 0 11px;letter-spacing:-.5px}.timeline-place{font-size:14px;margin:0 0 12px;color:#c6d5ec}.timeline-topline{justify-content:flex-start;margin-bottom:10px;gap:13px}.timeline-topline>span:last-child{font-size:11px}.social-type{border-radius:100px;color:#efd2f4;background:linear-gradient(135deg,#68477b,#453158);padding:4px 11px;box-shadow:inset 0 1px #fff3;border-color:#d3a7e14d}.timeline-thumbnails{margin-top:auto;gap:8px}.timeline-thumbnails img{height:63px;border-color:#a9c6e76e;box-shadow:inset 0 1px #fff2;background:#07192b}.timeline-thumbnails>span{min-width:62px;font-size:11px;box-shadow:inset 0 1px #fff3,0 3px 8px #0004}.family-timeline .timeline-settings{margin-top:25px}.timeline-help{font-size:12px}
.photo-library-heading{margin:24px 0 18px}.photo-library-heading h2{font-size:34px;margin-bottom:10px}.photo-library-heading .eyebrow{display:none}.photo-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.photo-header-actions .family-small{display:inline-flex;align-items:center;gap:7px;font-size:12px;min-height:40px}.photo-header-actions svg{width:17px;height:17px}.photo-header-actions .photo-privacy{font-size:11px;padding:9px 12px}.photo-library-nav{margin:18px 0 22px}.photo-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 16px}.photo-section-title h3{font-size:23px;margin:0;letter-spacing:-.5px}.photo-section-title a,.photo-section-title>span{font-size:12px;color:var(--photo-muted);text-decoration:none}.photo-recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.photo-recent-grid .photo-tile{border-radius:15px;border-color:#96b9dd69;box-shadow:inset 0 1px #fff2,0 5px 0 #051325,0 14px 24px #0004;background:linear-gradient(#142d45,#0b2032)}.photo-recent-grid .photo-tile-image{aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 10%,#28435d,#071522)}.photo-recent-grid .photo-tile-caption{padding:13px 14px}.photo-recent-grid .photo-tile-caption strong{font-size:13px}.photo-recent-grid .photo-tile-caption span{font-size:11px}.photo-management{border:1px solid var(--photo-line);border-radius:18px;padding:22px;margin:28px 0;background:var(--photo-panel);scroll-margin-top:20px}.photo-management-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.photo-management-heading h3{font-size:22px}.photo-management-heading a{font-size:13px}.photo-management .family-editor{margin:14px 0}.photo-album-grid{gap:20px}.photo-album-card{box-shadow:inset 0 1px #fff2,0 5px 0 #041020,0 18px 30px #0003}.photo-library-tools{margin-top:18px}
.profile-page{max-width:780px;margin:22px auto 40px}.profile-page .profile-hero{padding:23px 25px;gap:22px;margin-bottom:18px}.profile-page .profile-avatar{width:84px;height:84px;flex-basis:84px;border-radius:23px;font-size:29px}.profile-page .profile-hero h1{font-size:32px;margin:0 0 9px}.profile-page .profile-hero p{font-size:14px;margin:0}.profile-simple-card{padding:25px}.profile-photo-editor{margin:0 0 23px;border-bottom:1px solid var(--social-line);padding-bottom:18px}.profile-photo-editor>summary,.profile-private-editor>summary,.profile-family-directory>summary{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:750;cursor:pointer;list-style:none;gap:15px}.profile-photo-editor .family-form{padding-top:20px}.profile-private-editor{border:1px solid var(--social-line);border-radius:13px;padding:16px;margin:10px 0 20px}.profile-private-editor>summary span{font-size:11px;font-weight:400;color:var(--social-muted)}.profile-private-editor[open]>summary{margin-bottom:12px}.profile-private-editor .profile-field{grid-template-columns:minmax(0,1fr) 155px;padding:13px 0}.profile-private-editor .profile-field .social-check{font-size:11px!important}.profile-simple-card .social-text-link{margin-top:22px;font-size:13px}.profile-family-directory{padding:17px 5px;margin-top:0}.profile-family-directory .profile-directory{margin-top:18px}.profile-simple-card>.family-form{gap:13px}.profile-simple-card .profile-fields>label{font-size:16px}.profile-simple-card .profile-fields>button{justify-self:start;min-width:180px}html[data-theme=light] .timeline-intro{background:#eef4fa}html[data-theme=light] .timeline-intro:before{background:linear-gradient(90deg,#f4f7fc 5%,#f4f7fcd9 43%,#eef4fa20 100%),linear-gradient(0deg,#eef4fa,transparent 65%)}html[data-theme=light] .timeline-intro-copy>p{color:#435c76}html[data-theme=light] .timeline-intro .social-pills button{background:linear-gradient(#fff,#e7eff8);color:#344c69;border-color:#91abc880;box-shadow:inset 0 1px #fff,0 5px 12px #31537713}html[data-theme=light] .timeline-intro .social-pills button[aria-pressed=true]{background:linear-gradient(135deg,#c865a0,#984379);color:#fff;border-color:#a76091}html[data-theme=light] .timeline-add select{background:#ffffffe0;color:#344c69;border-color:#9bb0ca80}html[data-theme=light] .timeline-memory{background:linear-gradient(140deg,#fff,#ecf2fa);border-color:#9eb4d28c;box-shadow:inset 0 1px #fff,0 5px 0 #d1dceb,0 15px 25px #34537522}html[data-theme=light] .timeline-date{background:linear-gradient(140deg,#fff,#dce7f6);border-color:#9badcc80;box-shadow:inset 0 1px #fff,0 5px 0 #cdd8e8,0 12px 18px #3453751a}html[data-theme=light] .timeline-date strong{color:#2d405e}html[data-theme=light] .timeline-date>span:not(.social-icon){color:#647898}html[data-theme=light] .timeline-place{color:#526d89}html[data-theme=light] .timeline-main-photo{background:#e1e9f3;border-color:#91a8c36b}html[data-theme=light] .social-type{background:linear-gradient(#eacfe9,#dec6e3);color:#7f3f7e}html[data-theme=light] .photo-recent-grid .photo-tile{background:linear-gradient(#fff,#eef4fa);box-shadow:inset 0 1px #fff,0 5px 0 #d5dfeb,0 14px 24px #29466b13}html[data-theme=light] .photo-recent-grid .photo-tile-image{background:radial-gradient(ellipse at 50% 10%,#f8f9ff,#dfe8f2)}
@media(max-width:850px){.timeline-entry{grid-template-columns:85px 12px minmax(0,1fr);gap:13px}.timeline-stream:before{left:103px}.timeline-date strong{font-size:15px}.timeline-intro .timeline-filters{flex-wrap:wrap}.timeline-memory{gap:13px}.timeline-main-photo{height:195px;min-height:195px}.photo-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-library-heading{align-items:flex-start;flex-direction:column;gap:15px}.profile-private-editor .profile-field{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.timeline-intro{padding:21px 15px 18px;min-height:0;margin:0 -2px 0;border-radius:14px}.timeline-intro-copy h1{font-size:32px;letter-spacing:-1px}.timeline-intro-copy>p{font-size:13px;max-width:280px}.timeline-backdrop{inset:0 0 0 12%;opacity:.5}.timeline-intro .timeline-filters{margin-top:20px;gap:13px}.timeline-intro .social-pills{gap:6px;width:100%}.timeline-intro .social-pills button{padding:8px 10px;font-size:10px;gap:5px;min-height:38px;flex:1}.timeline-intro .social-pills svg{width:14px;height:14px}.timeline-add{width:100%;justify-content:space-between;gap:10px}.timeline-add select{font-size:12px;min-height:38px;width:105px}.timeline-add .family-primary{font-size:12px;min-height:38px;padding:8px 13px}.timeline-stream{padding:8px 0 0 17px;gap:25px}.timeline-stream:before{left:5px;top:0}.timeline-entry{display:flex;flex-direction:column;gap:10px}.timeline-date{flex-direction:row;min-height:36px;margin:0;padding:7px 10px;border-radius:10px;gap:7px}.timeline-date .social-icon{height:18px;flex-basis:18px;width:18px}.timeline-date svg{width:17px;height:17px}.timeline-date strong{font-size:13px}.timeline-date>span:not(.social-icon){font-size:12px}.timeline-node{position:absolute;top:13px;left:-18px;margin:0;width:12px;height:12px}.timeline-memory{display:flex;flex-direction:column;gap:0;padding:8px;border-radius:15px}.timeline-main-photo{width:100%;height:auto;min-height:0;max-height:240px}.timeline-main-photo img{max-height:240px;max-width:100%}.timeline-memory-copy{padding:15px 7px 7px}.timeline-memory h3{font-size:23px;margin:0 0 10px}.timeline-place{font-size:12px;margin-bottom:12px}.timeline-topline{margin-bottom:14px}.timeline-thumbnails img{height:53px}.timeline-thumbnails>span{font-size:10px}.photo-library-heading h2{font-size:29px}.photo-header-actions{gap:7px}.photo-header-actions .photo-privacy{display:none}.photo-header-actions .family-small{font-size:11px;min-height:38px}.photo-section-title h3{font-size:20px}.photo-section-title a{font-size:11px}.photo-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-recent-grid .photo-tile-caption{padding:10px}.photo-recent-grid .photo-tile-caption strong{font-size:11px}.photo-recent-grid .photo-tile-caption span{font-size:9px}.photo-management{padding:15px}.photo-management-heading h3{font-size:20px}.profile-page .profile-hero{padding:22px;align-items:center;flex-direction:row;gap:17px}.profile-page .profile-avatar{width:66px;height:66px;flex-basis:66px;border-radius:19px;font-size:25px}.profile-page .profile-hero h1{font-size:25px;margin-bottom:7px}.profile-page .profile-hero p{font-size:12px}.profile-simple-card{padding:20px 17px}.profile-private-editor{padding:14px}.profile-private-editor>summary{align-items:flex-start;flex-direction:column;gap:5px}.profile-private-editor .profile-field .social-check{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.timeline-entry:hover .timeline-memory{transform:none}}

.profile-simple-card .profile-fields{padding:0;gap:14px}.profile-simple-card .profile-photo-editor{margin-bottom:18px}.profile-simple-card .profile-private-editor{margin:4px 0 10px}
