:root{--story-header-height:88px}html{scroll-padding-top:calc(var(--story-header-height) + 20px)}body{padding-top:var(--story-header-height)}.site-header{position:fixed;inset:0 0 auto;height:var(--story-header-height);z-index:80;background:#f7fbfdf2;border-bottom:1px solid #c8dce8;backdrop-filter:blur(20px);transition:box-shadow .2s ease}.page-scrolled .site-header{box-shadow:0 4px 24px #3c637a12}.site-header .nav-label{white-space:nowrap}.story-share-fab{position:fixed;right:26px;bottom:25px;z-index:35;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border:1px solid #c6dce8;border-radius:18px;background:#f8fcf9ed;color:var(--accent);box-shadow:0 7px 28px #3e6d8920;backdrop-filter:blur(18px);font-size:12px;transition:transform .2s,box-shadow .2s}.story-share-fab>svg{width:20px;height:20px}.story-share-fab:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3e6d892c}.story-share-fab[hidden],.logged-out .story-share-fab,.shared-view .story-share-fab{display:none}.mini-player{max-width:calc(100vw - 180px)}.hero-buttons:has(>[hidden]:only-child){display:none}.visitor-view .hero-buttons{display:none}.share-actions{flex-wrap:wrap}.share-actions>.button{min-height:42px}.share-fallback{max-width:490px;margin:16px auto 0;text-align:center;line-height:1.9}
.important-section{padding-top:34px}.important-timeline{list-style:none;padding:8px 0;margin:0;position:relative;--moment-line:130px}.important-timeline:before{content:'';position:absolute;top:8px;bottom:8px;left:calc(var(--moment-line) - 1.5px);width:3px;background:linear-gradient(transparent,color-mix(in srgb,var(--accent) 85%,#b5d0e1) 25px,color-mix(in srgb,var(--accent) 85%,#b5d0e1) calc(100% - 25px),transparent);border-radius:3px}.moment-entry{display:grid;grid-template-columns:90px 32px minmax(0,1fr) auto 18px;gap:24px;align-items:center;padding:22px 8px 22px 0;position:relative;min-height:125px}.moment-date{text-align:right;font-family:Georgia,serif;display:flex;flex-direction:column;color:var(--ink);gap:2px}.moment-date b{font-size:20px;font-weight:400;letter-spacing:1px}.moment-date>span{font-size:11px;color:var(--muted)}.moment-marker{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;background:#f5fafc;color:var(--accent);box-shadow:0 0 0 5px #e8f2f6}.moment-marker>svg{width:15px;height:15px}.moment-story{padding:0 0 21px;align-self:stretch;border-bottom:1px solid #bfd5e070;display:flex;flex-direction:column;justify-content:center;min-width:0}.moment-kind{color:var(--accent);font-size:10px;letter-spacing:1px}.moment-story h3{font:24px/1.6 var(--serif);margin:4px 0 2px;overflow-wrap:anywhere}.moment-meta{font-size:11px;color:var(--muted)}.moment-meta>span{margin:0 8px}.moment-excerpt{font:13px/1.9 var(--serif);color:#6b879a;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.moment-readmore,.summary-readmore{display:block;font-size:10px;color:var(--accent);margin-top:5px}.moment-cover{width:105px;aspect-ratio:4/3;overflow:hidden;border:5px solid #fff;border-radius:6px;box-shadow:0 4px 15px #3e6d8910}.moment-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.moment-open{color:#8faaba}.moment-open svg{width:17px;height:17px}.moment-entry:hover .moment-story h3{color:var(--accent)}.moment-entry:hover .moment-cover img{transform:scale(1.04)}.moment-entry:not(:has(.moment-cover)){grid-template-columns:90px 32px minmax(0,1fr) 18px}.moment-row:last-child .moment-story{border-bottom:0;padding-bottom:0}.is-future .moment-marker{border-style:dashed;background:#eef5fa}.is-future .moment-kind{color:#5f88a2}.album-timeline-summary{margin-top:9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.summary-sync{margin-top:18px}.summary-sync+.help{margin-top:9px}.copy-group{border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:22px 0}.copy-group legend{color:var(--accent);font-size:12px}.copy-group .field{margin-bottom:6px}.modal-tabs{overflow-x:auto;white-space:nowrap}.shared-photo-tip{margin:25px 0 14px}.album-summary>h2{font-size:25px;margin-bottom:12px}
@media(max-width:760px){:root{--story-header-height:72px}.site-header{padding:0 18px}.story-share-fab{right:13px;bottom:calc(85px + env(safe-area-inset-bottom));border-radius:16px;padding:12px;gap:5px;font-size:11px}.story-share-fab>svg{width:18px;height:18px}.mini-player{max-width:calc(100vw - 105px)}.important-section .section-heading{align-items:flex-start;gap:12px}.important-section .section-heading>.text-link{font-size:10px;white-space:nowrap;padding-top:15px}.important-section .section-heading h2{font-size:25px}.important-section .section-heading p{max-width:230px;line-height:1.8}.important-timeline{--moment-line:69px}.moment-entry,.moment-entry:not(:has(.moment-cover)){grid-template-columns:44px 26px minmax(0,1fr) 12px;gap:12px;padding:20px 0;min-height:120px}.moment-date b{font-size:13px;letter-spacing:0}.moment-date>span{font-size:10px}.moment-marker{width:26px;height:26px;box-shadow:0 0 0 4px #e8f2f6}.moment-marker>svg{width:12px;height:12px}.moment-story{padding-bottom:13px;grid-column:3;grid-row:1}.moment-story h3{font-size:20px;line-height:1.6;margin:5px 0}.moment-kind{font-size:9px;letter-spacing:.5px}.moment-meta{font-size:10px}.moment-cover{grid-column:3;grid-row:2;width:95px;margin-top:-10px}.moment-open{grid-column:4;grid-row:1}.moment-open svg{width:12px;height:12px}.moment-excerpt{font-size:12px;line-height:1.9}.moment-readmore{font-size:9px}.moment-entry:has(.moment-cover) .moment-story{border-bottom:0}.copy-group{padding:13px 15px}.copy-group .form-grid{grid-template-columns:1fr}.share-actions{gap:8px}.share-actions>.button{font-size:11px;padding:11px 13px}.share-fallback{font-size:10px}.modal-tabs{gap:12px}.modal-tabs button{font-size:11px;padding:10px 3px}.album-timeline-summary{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.story-share-fab,.moment-cover img,.site-header{transition:none}}
