:root{--ink:#25231f;--muted:#77736b;--paper:#f5f2eb;--line:#d8d2c6;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#25231f;background:#f5f2eb;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:currentColor}button{color:inherit;cursor:pointer;background:0 0;border:0}.loading{color:#77736b;letter-spacing:.06em;place-items:center;min-height:100vh;display:grid}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f2ebdb;border-bottom:1px solid #25231f12;justify-content:space-between;align-items:center;gap:0;height:74px;padding:0 4.5vw;display:flex;position:fixed;inset:0 0 auto}.topbar .brand{color:#25231f;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:19px;text-decoration:none;display:flex}.topbar .brand-mark{border:1.5px solid #25231f;border-radius:50%;width:17px;height:17px;position:relative}.topbar .brand-mark:after{content:"";background:#25231f;border-radius:50%;width:3px;height:3px;position:absolute;inset:5.5px}.topbar .top-actions{align-items:center;gap:10px;display:flex}.save-state{color:#77736b;align-items:center;gap:7px;margin-right:12px;font-size:12px;display:flex}.save-state i{background:#b18b5a;border-radius:50%;width:6px;height:6px;transition:background .2s}.save-state.is-saved i{background:#748a6b}.text-button,.icon-button{border-radius:10px;padding:10px 13px;font-size:13px}.text-button:hover,.icon-button:hover{background:#25231f0f}.text-button span{color:#77736b;margin-left:4px}.view-select{color:#77736b;align-items:center;gap:7px;font-size:12px;display:flex}.view-select>span{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.view-select select{color:#25231f;cursor:pointer;background:#fffdf88c;border:1px solid #25231f1a;border-radius:9px;outline:none;padding:8px 26px 8px 10px}.view-select select:focus-visible{border-color:#77736b;box-shadow:0 0 0 3px #77736b14}.icon-button{letter-spacing:2px;font-weight:700}.add-button,.primary-button{color:#fff;background:#25231f;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:650;transition:background .2s,transform .2s;box-shadow:0 5px 15px #25231f1f}.add-button:hover,.primary-button:hover{background:#090908;transform:translateY(-1px)}.add-button span{vertical-align:-1px;margin-right:5px;font-size:18px}.mobile-menu-button,.mobile-menu-backdrop,.mobile-add-button,.topbar .top-actions{display:none}.header-tools{align-items:center;gap:5px;display:flex}.help-button,.time-travel-button{color:#7c7870;border:1px solid #25231f1f;border-radius:50%;width:36px;height:36px;transition:color .2s,background .2s}.help-button:hover,.time-travel-button:hover{color:#25231f;background:#25231f0d}.help-button{font:italic 15px Georgia,Times New Roman,serif}.time-travel-button{place-items:center;display:grid}.time-travel-button span{font:19px/1 Georgia,Times New Roman,serif;transform:translateY(-1px)}.mobile-menu-button{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;transition:background .2s;display:flex;position:relative}.mobile-menu-button:hover{background:#25231f0f}.mobile-menu-button i{background:#25231f;width:18px;height:1px;display:block}.mobile-menu-button .backup-dot{opacity:0;background:#b18b5a;border:3px solid #f5f2eb;border-radius:50%;width:12px;height:12px;transition:opacity .2s,transform .2s;display:block;position:absolute;top:3px;right:2px;transform:scale(.6);box-shadow:0 2px 7px #8f693b52}.mobile-menu-button.needs-backup .backup-dot{opacity:1;transform:scale(1)}.mobile-menu-backdrop{z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25231f47;display:block;position:fixed;inset:0}.mobile-add-button{z-index:19;color:#fff;background:#25231f;border-radius:999px;align-items:center;padding:14px 19px;font-size:12px;font-weight:700;transition:background .2s,translate .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 32px #25231f42}.mobile-add-button:hover{background:#090908;translate:0 -2px}.mobile-add-button span{margin-right:6px;font-size:18px}.mobile-menu{width:min(88vw,400px);padding:31px 27px calc(30px + env(safe-area-inset-bottom));background:#fffdf8;animation:.24s ease-out menu-enter;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-25px 0 80px #25231f33}.mobile-menu-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.mobile-menu-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400}.mobile-menu-heading button{color:#77736b;font-size:30px;line-height:1}.mobile-menu-view{background:#fcfaf6;border:1px solid #d8d2c6;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:14px;font-size:12px;font-weight:700;display:flex}.mobile-menu-view select{color:#25231f;background:#fffdf8;border:1px solid #d8d2c6;border-radius:8px;min-width:128px;padding:9px 11px}.view-mode-control{border:0;margin:0;padding:0}.view-mode-control legend{color:#77736b;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:700}.view-mode-control>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.view-mode-control label{cursor:pointer;min-width:0}.view-mode-control input{opacity:0;pointer-events:none;position:absolute}.view-mode-control input:checked+.view-mode-tile{color:#25231f;background:#f3f0e8;border-color:#c3baa8;box-shadow:0 0 0 1px #c3baa8}.view-mode-control input:checked+.view-mode-tile .view-mode-icon{color:#25231f}.view-mode-control input:focus-visible+.view-mode-tile{outline-offset:2px;outline:3px solid #77736b24}.view-mode-tile{color:#848077;text-align:center;background:#fcfaf6;border:1px solid #ded9cf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:12px 7px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.view-mode-tile strong{color:inherit;margin-top:10px;font-size:12px}.view-mode-tile small{color:#938f87;margin-top:3px;font-size:11px;line-height:1.25}.view-mode-icon{color:#96928a;flex-direction:column;justify-content:center;width:29px;height:24px;display:flex}.view-mode-icon i{background:currentColor;border-radius:99px;height:1.5px;display:block}.view-mode-icon.overview-icon{gap:2px}.view-mode-icon.comfortable-icon{gap:5px}.view-mode-icon.detailed-icon{grid-template-columns:repeat(3,3px);grid-auto-rows:3px;place-content:center;gap:4px;display:grid}.view-mode-icon.detailed-icon i{border-radius:50%;width:3px;height:3px}.mobile-menu-filters{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:26px 0;padding:0;display:grid}.mobile-menu-filters legend{color:#77736b;letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;width:100%;margin-bottom:7px;font-size:10px;font-weight:700}.mobile-menu-filters legend span{float:right;color:#a29e97;letter-spacing:.04em;text-transform:none}.mobile-menu-filters label{background:#fcfaf6;border:1px solid #ded9cf;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:10px;font-size:12px;display:flex}.mobile-menu-filters input{accent-color:#25231f}.mobile-menu-filters i{border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:block}.mobile-menu-filters .mobile-key-filter{grid-column:1/-1;margin-top:4px}.mobile-menu-filters .mobile-key-filter i{color:#a47d45;background:#c9a76824;place-items:center;font-size:8px;display:grid}.mobile-menu-filters .category-display{text-align:left;background:#fcfaf6;border:1px solid #ded9cf;border-radius:8px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;padding:10px;font-size:12px;display:grid}.mobile-menu-filters .category-display i{border-radius:50%;width:7px;height:7px}.mobile-menu-filters .category-display small{color:#77736b;text-transform:capitalize;font-size:11px}.mobile-menu-filters .category-display.is-compact{background:#f5f2ebb3}.mobile-menu-filters .category-display.is-hidden{opacity:.48}.mobile-settings-button{background:#f5f2eb;border-radius:10px;justify-content:space-between;width:100%;padding:15px 14px;font-size:12px;font-weight:700;display:flex}.mobile-save-state{color:#77736b;background:#748a6b14;border:1px solid #748a6b21;border-radius:11px;align-items:center;gap:11px;margin:0 0 21px;padding:13px 14px;font-size:12px;display:flex}.mobile-save-state>i{background:#b18b5a;border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 4px #b18b5a17}.mobile-save-state.is-saved i{background:#748a6b}.mobile-save-state.needs-backup{background:#b18b5a17;border-color:#b18b5a29}.mobile-save-state.needs-backup>i{background:#b18b5a}.mobile-save-state div{flex-direction:column;gap:3px;display:flex}.mobile-save-state strong{color:#413d36;font-size:12px}.mobile-save-state small{color:#8c887f;font-size:11px;line-height:1.4}.filter-popover{z-index:25;background:#fffdf8fa;border:1px solid #dcd7cc;border-radius:14px;width:210px;padding:17px;position:fixed;top:66px;right:155px;box-shadow:0 18px 50px #25231f1f}.filter-popover p{color:#77736b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.filter-popover label{cursor:pointer;align-items:center;gap:9px;padding:7px 1px;font-size:13px;display:flex}.filter-popover label span{border-radius:50%;width:8px;height:8px}.filter-popover input{accent-color:#25231f}.filter-popover .filter-divider{background:#ded9cf;height:1px;margin:10px 0 7px}.filter-popover .key-filter span{color:#a47d45;background:#c9a76824;place-items:center;font-size:9px;display:grid}.filter-popover>.category-display{text-align:left;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:7px 1px;font-size:13px;display:grid}.filter-popover>.category-display>span{border-radius:50%;width:8px;height:8px}.filter-popover>.category-display small{color:#77736b;text-transform:capitalize;font-size:11px}.filter-popover>.category-display.is-hidden{opacity:.45}.intro{text-align:center;min-height:calc(100svh - 200px);padding-top:150px;padding-bottom:50px;position:relative}.intro h1{letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(68px,9vw,122px);font-weight:400;line-height:.95}.intro-copy{color:#7f7b72;max-width:420px;margin:auto;font-size:14px;line-height:1.65}.story-stats{grid-template-columns:1.25fr repeat(3,1fr);gap:9px;width:min(820px,100% - 40px);margin:34px auto 0;display:grid}.story-stat{text-align:left;background:linear-gradient(125deg,#fffdf8b8,#f5f2eb59);border:1px solid #d8d2c6b8;border-radius:13px;min-width:0;padding:19px 15px 17px}.story-stat strong,.story-stat span{display:block}.story-stat strong{margin-bottom:7px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;line-height:1}.story-stat span{color:#848077;letter-spacing:.04em;font-size:11px;font-weight:650;line-height:1.35}.story-stat-primary{background:linear-gradient(125deg,#ded3c157,#fffdf88a)}.story-stat-primary strong{font-size:31px}.eyebrow{color:#89857c;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:10px;font-weight:700}.today-date{color:#6a665f;margin:18px 0 26px;font:italic 17px Georgia,Times New Roman,serif}.scroll-cue{inset-inline:0;color:#96928a;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:45px}.scroll-cue span{margin-bottom:6px;font-size:16px;animation:2s infinite bob;display:block}@keyframes bob{50%{transform:translateY(5px)}}.timeline-shell{--expanded-lane-count:1;--compact-lane-count:0;--compact-rail-width:calc(var(--compact-lane-count) * 14px + 10px);max-width:1500px;margin:auto;padding:0 30px 180px}.timeline{isolation:isolate;position:relative}.time-grid{z-index:0;pointer-events:none;position:absolute;inset:0}.time-grid i{height:1px;display:block;position:absolute;left:0;right:0}.time-grid .month-grid-line{background:#d8d2c657}.time-grid .year-grid-line{background:#bfb5a294}.axis,.year-mark,.month-mark,.day-mark{z-index:1}.axis{background:linear-gradient(#bdb6aa,#d6d0c5 98%,#0000);width:1px;position:absolute;top:0;bottom:0;left:150px}.year-mark{width:100%;height:1px;position:absolute;left:0}.year-mark>i{z-index:2;background:#f5f2eb;border:1.5px solid #aaa399;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:146px}.year-label{text-align:right;width:105px;position:absolute;left:8px;transform:translateY(-13px)}.year-label strong{font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400;display:block}.year-label span{color:#989187;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700;display:block}.now-mark .year-label span:first-child{margin-top:0}.current-year-indicator{z-index:4;text-align:right;pointer-events:none;width:120px;height:0;margin-left:0;display:none;position:sticky;top:82px}.current-year-indicator span,.current-year-indicator strong{background:#f5f2ebeb;width:fit-content;margin-left:auto;padding-inline:5px;display:block}.current-year-indicator span{color:#8c887f;letter-spacing:.12em;text-transform:uppercase;border-radius:6px 6px 0 0;padding-top:4px;font-size:9px;font-weight:700}.current-year-indicator strong{border-radius:0 0 6px 6px;padding-bottom:4px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400;line-height:1}.month-mark{color:#aaa398;letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:10px;position:absolute;left:169px;transform:translateY(-5px)}.month-mark:before{content:"";border-top:1px solid #cbc5bb;width:6px;margin-top:5px;position:absolute;left:-19px}.day-mark{color:#9f9c94;text-align:right;justify-content:flex-end;align-items:center;gap:4px;width:27px;font-size:9px;line-height:1;display:flex;position:absolute;left:113px;transform:translateY(-3px)}.day-mark span{color:#89857c}.day-mark small{text-transform:uppercase;width:8px;font-size:8px}.day-mark:after{content:"";border-top:1px solid #d8d2c6b3;width:4px;position:absolute;right:-11px}.birthday-marker{z-index:1;color:#9d7962;align-items:center;display:flex;position:absolute;left:147px;transform:translateY(-4px)}.birthday-marker>i{background:#f5f2eb;border:2px solid #b68d72;border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:block;box-shadow:0 0 0 2px #b68d7214}.birthday-marker>span{letter-spacing:.04em;opacity:0;white-space:nowrap;background:#f5f2ebf0;border-radius:5px;margin-left:14px;padding:3px 6px;font-size:10px;font-weight:650;transition:opacity .2s,transform .2s;transform:translate(-3px)}.birthday-marker:hover,.birthday-marker:focus-within{z-index:4}.birthday-marker:hover>span,.birthday-marker:focus-within>span{opacity:1;transform:translate(0)}.events-layer{position:absolute;inset:0}.timeline-highlight{z-index:2;pointer-events:none;min-height:1px;position:absolute;left:0;right:0}.timeline-highlight .highlight-wash{background:linear-gradient(90deg, color-mix(in srgb, var(--highlight-color) 10%, transparent), transparent 72%);border-block:1px solid color-mix(in srgb, var(--highlight-color) 18%, transparent);position:absolute;inset:0 0 0 150px}.timeline-highlight .highlight-axis{background:var(--highlight-color);width:3px;min-height:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--highlight-color) 10%, transparent);border-radius:999px;position:absolute;top:0;bottom:0;left:149px}.timeline-highlight .highlight-cap{border:3px solid var(--highlight-color);background:#f5f2eb;border-radius:50%;width:11px;height:11px;position:absolute;left:145px}.timeline-highlight .highlight-cap-top{top:-5px}.timeline-highlight .highlight-cap-bottom{bottom:-5px}.timeline-highlight .highlight-dates{flex-direction:column;align-items:flex-start;display:flex;position:absolute;inset:0}.timeline-highlight .highlight-date{z-index:1;color:#36332d;letter-spacing:.02em;white-space:nowrap;background:#f5f2ebeb;border-radius:5px;margin-left:167px;padding:3px 6px;font-size:11px;font-weight:650;position:sticky}.timeline-highlight .highlight-date-top{top:88px;transform:translateY(-50%)}.timeline-highlight .highlight-date-bottom{margin-top:auto;bottom:18px;transform:translateY(50%)}.timeline-highlight.is-moment .highlight-axis{display:none}.timeline-highlight.is-moment .highlight-cap{background:var(--highlight-color);outline:1px solid var(--highlight-color);border:4px solid #f5f2eb;border-radius:50%;width:15px;height:15px;top:-7px;left:143px}.timeline-highlight.is-moment .highlight-wash{border-block:0;height:20px;top:-10px;bottom:auto}.timeline-highlight.is-moment .highlight-date-top{top:88px;transform:translateY(-50%)}.event-card{z-index:3;left:calc(220px + (100% - 235px - var(--compact-rail-width))*var(--lane)/var(--expanded-lane-count));width:calc((100% - 235px - var(--compact-rail-width))/var(--expanded-lane-count));text-align:left;background:0 0;padding:0;transition:opacity .2s;display:flex;position:absolute}.event-card.range .event-content{align-self:flex-start;position:sticky;top:96px}.event-card:hover .event-line,.event-card:focus-visible .event-line{opacity:1;scale:1.65 1}.event-card:hover .event-content,.event-card:focus-visible .event-content{translate:3px}.event-card.moment .event-line{border-radius:50%;flex-basis:10px;width:10px;height:10px;margin-top:6px}.event-card.moment:hover .event-line,.event-card.moment:focus-visible .event-line{scale:1.2}.event-card.compact{z-index:4;right:calc(8px + var(--compact-lane)*14px);width:11px;left:auto}.event-card.compact .event-line{opacity:.58}.event-card.compact .event-content{visibility:hidden;opacity:0;background:#fffdf8f5;border:1px solid #ded9cf;border-radius:8px;width:max-content;max-width:190px;padding:8px 10px;transition:opacity .2s,translate .2s,visibility .2s;position:absolute;top:0;left:auto;right:10px;translate:-3px;box-shadow:0 9px 24px #25231f1a}.event-card.compact .event-content small,.event-card.compact .event-content em,.event-card.compact .event-content .event-description{display:none}.event-card.compact .event-content strong{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:650;line-height:1.25}.event-card.compact.range .event-content{flex:none;align-self:flex-start;position:sticky;top:96px;left:auto;right:auto;transform:translate(calc(-100% - 10px))}.event-card.compact:hover,.event-card.compact:focus-visible{z-index:8}.event-card.compact:hover .event-content,.event-card.compact:focus-visible .event-content{visibility:visible;opacity:1;translate:0}.has-highlight .event-card:not(.is-highlighted){opacity:.28}.event-line{background:var(--event-color);opacity:.9;transform-origin:0;border-radius:5px;flex:0 0 4px;width:4px;height:100%;transition:scale .2s,opacity .2s;display:block}.event-content{padding:0 17px 18px;transition:translate .2s;display:block;position:relative}.event-content small{color:var(--event-color);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700;display:block}.event-content strong{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400;line-height:1.15;display:block}.event-content em{color:#87837a;margin-top:6px;font:italic 12px Georgia,Times New Roman,serif;display:block}.key-event-mark{color:#9a7136;background:#d8b77733;border-radius:50%;flex:0 0 15px;place-items:center;width:15px;height:15px;margin-top:3px;font-size:12px;line-height:1;display:grid;box-shadow:0 0 0 4px #d8b7770f}.event-title-row{align-items:flex-start;gap:7px;display:flex}.key-event .event-line{box-shadow:0 0 0 3px color-mix(in srgb, var(--event-color) 10%, transparent)}.event-description{color:#726e66;max-width:270px;margin-top:9px;font-size:12px;line-height:1.5;display:block}.view-overview .event-content{padding-left:10px}.view-overview .event-content small,.view-overview .event-content em,.view-overview .event-content .event-description{display:none}.view-overview .event-content strong{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:650;line-height:1.25}.view-overview .event-line{width:3px}.view-overview .month-mark{opacity:.55}.view-overview .birthday-marker{opacity:.62}.view-comfortable .event-description{display:none}.view-detailed .current-year-indicator{display:block}.view-detailed .month-mark{color:#827d75;opacity:.95;font-size:10px;font-weight:700}.view-detailed .birthday-marker>i{background:#b68d72;border-color:#f5f2eb;outline:1px solid #b68d72}.birth-finish{text-align:left;padding:10px 0 0 220px}.birth-finish h2{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:48px;font-weight:400}.birth-finish>p:last-child{color:#77736b;font:italic 16px Georgia,Times New Roman,serif}.birth-dot{background:#25231f;border:4px solid #f5f2eb;border-radius:50%;outline:1px solid #25231f;width:15px;height:15px;margin:-8px 0 48px -77px;display:block}.site-footer{color:#9a978f;text-align:center;padding:0 24px 48px;font-family:Georgia,Times New Roman,serif;font-style:italic}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1e1a66;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fffdf8;border:1px solid #ffffff80;border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 44px);padding:30px;overflow:auto;box-shadow:0 30px 100px #25231f42}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400}.modal-heading>button{color:#87837a;padding:0 3px;font-size:29px;line-height:1}.modal-actions{align-items:center;gap:8px;padding-top:10px;display:flex}.modal-actions>span{flex:1}.settings-modal{width:min(520px,100%)}.journal-modal{width:min(560px,100%);padding:34px 38px 38px;position:relative;overflow:hidden}.journal-modal:before{content:"";background:var(--journal-color);height:4px;position:absolute;top:0;left:0;right:0}.journal-modal h2{max-width:440px;margin:25px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,48px);font-weight:400;line-height:1.08}.help-modal{width:min(650px,100%);padding:36px 38px 34px}.time-travel-modal{width:min(720px,100%);padding:38px 42px 34px;position:relative}.time-travel-modal:before{content:"";background:linear-gradient(90deg,#0000,#a37b3fa6,#0000);height:1px;position:absolute;top:0;left:42px;right:42px}.time-travel-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.time-travel-heading h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(35px,6vw,52px);font-weight:400;line-height:1.05}.time-travel-heading p:last-child{color:#7c7870;margin:11px 0 0;font:italic 15px Georgia,Times New Roman,serif}.time-travel-heading>button{color:#77736b;padding:0 3px;font-size:29px;line-height:1}.time-travel-controls{grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:8px;margin-top:29px;display:grid}.time-travel-controls>button{color:#77736b;background:#fcfaf6;border:1px solid #d8d2c6;border-radius:10px;height:42px;font-size:16px}.time-travel-controls>button:hover:not(:disabled){color:#25231f;background:#f5f2eb}.time-travel-controls>button:disabled{opacity:.32;cursor:default}.time-travel-controls label{flex-direction:column;gap:7px;display:flex}.time-travel-controls label span{color:#77736b;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.time-travel-controls input{color:#25231f;background:#fffdf8;border:1px solid #d8d2c6;border-radius:10px;width:100%;height:42px;padding:0 13px;font:13px Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.time-travel-shortcuts{justify-content:center;gap:17px;margin:12px 0 28px;display:flex}.time-travel-shortcuts button{color:#7c7870;border-bottom:1px solid #dad4c9;font:italic 12px Georgia,Times New Roman,serif}.time-travel-shortcuts button:hover{color:#25231f;border-color:#25231f}.time-travel-story{gap:9px;display:grid}.time-travel-group{background:linear-gradient(110deg, color-mix(in srgb, var(--travel-color) 6%, #fcfaf6), #fcfaf699);border:1px solid color-mix(in srgb, var(--travel-color) 12%, #d8d2c6);border-radius:14px;grid-template-columns:155px minmax(0,1fr);gap:10px;padding:10px;display:grid}.time-travel-category{align-items:flex-start;gap:10px;padding:10px 7px;display:flex}.time-travel-category>span{width:29px;height:29px;color:var(--travel-color);background:#fffdf8b8;border-radius:50%;flex:0 0 29px;place-items:center;font:12px Georgia,Times New Roman,serif;display:grid;box-shadow:0 3px 12px #25231f0d}.time-travel-category div{flex-direction:column;gap:4px;min-width:0;display:flex}.time-travel-category small{color:var(--travel-color);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.time-travel-category strong{color:#7c7870;font:italic 12px/1.35 Georgia,Times New Roman,serif}.time-travel-events{gap:5px;display:grid}.time-travel-events button{text-align:left;background:#fffdf8c2;border:1px solid #d8d2c6b3;border-radius:10px;grid-template-columns:minmax(0,1fr) 15px;gap:8px;padding:12px 13px;transition:translate .2s,background .2s;display:grid;position:relative}.time-travel-events button:hover{background:#fffdf8;translate:2px}.time-travel-events button>span{align-items:center;gap:7px;display:flex}.time-travel-events button strong{font:15px/1.25 Georgia,Times New Roman,serif}.time-travel-events button small{color:#77736b;text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:11px;line-height:1.45;overflow:hidden}.time-travel-events button b{color:#9a978f;grid-area:1/2/3;align-self:center;font-size:11px}.time-travel-events button i{color:#9a7136;font-size:11px;font-style:normal}.time-travel-empty{text-align:center;background:#fcfaf6;border:1px solid #e0dcd2;border-radius:14px;padding:44px 20px}.time-travel-empty span{color:#a4a19a;font:31px Georgia,Times New Roman,serif}.time-travel-empty h3{margin:10px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.time-travel-empty p{color:#77736b;margin:0;font:italic 12px Georgia,Times New Roman,serif}.time-travel-actions{justify-content:flex-end;gap:8px;margin-top:25px;display:flex}.help-heading{justify-content:space-between;align-items:flex-start;display:flex}.help-heading h2{max-width:430px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,48px);font-weight:400;line-height:1.08}.help-heading>button{color:#77736b;font-size:29px;line-height:1}.help-intro{color:#7c7870;max-width:470px;margin:18px 0 29px;font:italic 15px/1.6 Georgia,Times New Roman,serif}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.help-grid section{background:#fcfaf6;border:1px solid #e0dcd2;border-radius:12px;gap:12px;padding:16px;display:flex}.help-grid section>span{color:#7a766d;background:#f5f2eb;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.help-grid h3{margin:1px 0 5px;font-size:12px}.help-grid p{color:#848077;margin:0;font-size:12px;line-height:1.5}.help-actions{justify-content:flex-end;gap:8px;margin-top:27px;display:flex}.journal-heading{justify-content:space-between;align-items:center;display:flex}.journal-heading>button{color:#87837a;padding:0 3px;font-size:29px;line-height:1}.journal-category{color:var(--journal-color);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.journal-category i{background:var(--journal-color);border-radius:50%;width:8px;height:8px;display:block}.journal-title-row{align-items:flex-start;gap:11px;display:flex}.journal-title-row h2{flex:1}.journal-title-key{color:#926b32;background:#d8b77733;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;margin-top:31px;font-size:17px;line-height:1;display:grid;box-shadow:0 0 0 5px #d8b77712}.journal-dates{color:#7f7b72;align-items:center;gap:8px;margin:0;font:italic 13px Georgia,Times New Roman,serif;display:flex}.journal-dates span{color:#c7bfae}.journal-insights{grid-template-columns:minmax(0,1.25fr) minmax(155px,.75fr);gap:9px;margin-top:27px;display:grid}.journal-insight{color:#3b3832;background:linear-gradient(110deg, color-mix(in srgb, var(--journal-color) 9%, #f5f2eb), #f5f2eb59);border:1px solid color-mix(in srgb, var(--journal-color) 14%, #d8d2c6);border-radius:13px;align-items:center;gap:13px;padding:16px 18px;display:flex}.journal-insight>span{width:28px;height:28px;color:var(--journal-color);background:#fffdf8b8;border-radius:50%;flex:0 0 28px;place-items:center;font-size:11px;display:grid;box-shadow:0 3px 14px #25231f0f}.journal-insight p{margin:0}.journal-age p{font:italic 14px/1.5 Georgia,Times New Roman,serif}.journal-duration{gap:11px}.journal-duration>span{color:#848077;font-size:15px}.journal-duration div{flex-direction:column;gap:3px;min-width:0;display:flex}.journal-duration small{color:#89857c;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.journal-duration strong{font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400;line-height:1.25}.journal-note{color:#33302b;white-space:pre-wrap;border-top:1px solid #e0dcd2;margin:28px 0 42px;padding-top:26px;font:17px/1.75 Georgia,Times New Roman,serif}.journal-note.is-empty{color:#918d84;font-style:italic}.journal-actions{justify-content:flex-end;gap:8px;display:flex}.display-settings{border:0;margin:22px 0 0;padding:0}.display-settings legend{letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.setting-toggle{cursor:pointer;background:#fcfaf6;border:1px solid #ded9cf;align-items:center;gap:14px;padding:12px 13px;display:flex}.setting-toggle:first-of-type{border-radius:11px 11px 0 0}.setting-toggle:last-of-type{border-radius:0 0 11px 11px;margin-top:-1px}.setting-toggle>span:first-child{flex-direction:column;flex:1;gap:3px;display:flex}.setting-toggle strong{font-size:12px}.setting-toggle small{color:#89857c;font-size:11px}.setting-toggle>input{opacity:0;pointer-events:none;position:absolute}.setting-toggle>input:checked+.toggle-track{background:#687d70}.setting-toggle>input:checked+.toggle-track i{transform:translate(14px)}.setting-toggle>input:focus-visible+.toggle-track{outline:3px solid #687d7038}.field{margin:18px 0;display:block}.field>span{letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field small{color:#96928a;margin-left:4px;font-weight:400}.field input,.field textarea{color:#25231f;resize:vertical;background:#fcfaf6;border:1px solid #dcd7cc;border-radius:10px;outline:none;width:100%;padding:12px 13px;font-size:14px}.field input:focus,.field textarea:focus{border-color:#89857c;box-shadow:0 0 0 3px #77736b14}.field.disabled-field{opacity:.48}.category-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.category-grid button{text-align:left;background:#fcfaf6;border:1px solid #ded9cf;border-radius:9px;grid-template-columns:8px 1fr;align-items:start;gap:9px;padding:11px 12px;display:grid}.category-grid button.selected{border-color:#77736b;box-shadow:0 0 0 1px #77736b}.category-grid button>span{min-width:0}.category-grid button strong{margin-bottom:3px;font-size:11px;line-height:1.2;display:block}.category-grid button small{color:#848077;margin:0;font-size:12px;font-weight:400;line-height:1.35;display:block}.category-grid i{border-radius:50%;width:7px;height:7px;margin-top:3px;display:block}.date-row{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.ongoing-toggle{cursor:pointer;background:#fcfaf6;border:1px solid #ded9cf;border-radius:11px;align-items:center;gap:11px;padding:13px 14px;display:flex}.ongoing-toggle>input{opacity:0;pointer-events:none;position:absolute}.ongoing-toggle>input:checked+.toggle-track{background:#687d70}.ongoing-toggle>input:checked+.toggle-track i{transform:translate(14px)}.ongoing-toggle>input:focus-visible+.toggle-track{outline:3px solid #687d7038}.ongoing-toggle>span:last-child{flex-direction:column;gap:2px;display:flex}.ongoing-toggle strong{font-size:12px}.ongoing-toggle small{color:#89857c;font-size:11px}.key-event-check{cursor:pointer;background:#d8b77714;border:1px solid #b3915233;border-radius:11px;align-items:center;gap:11px;margin-top:9px;padding:13px 14px;display:flex}.key-event-check>input{opacity:0;position:absolute}.key-event-check>input:checked+.key-check-mark{color:#fffdf8;background:#a47d45;box-shadow:0 0 0 4px #a47d451a}.key-event-check>input:focus-visible+.key-check-mark{outline:3px solid #a47d4533}.key-event-check .key-check-mark{color:#a47d45;border:1px solid #a47d4561;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:10px;transition:background .2s,color .2s,box-shadow .2s;display:grid}.key-event-check>span:last-child{flex-direction:column;gap:2px;display:flex}.key-event-check strong{font-size:12px}.key-event-check small{color:#89857c;font-size:11px}.toggle-track{background:#c9c3b9;border-radius:999px;flex:0 0 34px;width:34px;height:20px;transition:background .2s;position:relative}.toggle-track i{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.cancel-button{background:#fffefd;border:1px solid #d8d2c6;border-radius:999px;padding:11px 17px;font-size:12px}.delete-button,.clear-samples{color:#9f5144;padding:10px 0;font-size:12px}.clear-samples{margin:18px auto 0;display:block}.storage-note{background:#f2eee4;border-radius:12px;gap:13px;margin:24px 0;padding:17px;display:flex}.storage-note>span{color:#fff;background:#71816a;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.storage-note strong{font-size:12px}.storage-note p{color:#6f6b64;margin:4px 0 0;font-size:12px;line-height:1.55}.backup-status{background:#748a6b14;border:1px solid #748a6b1f;border-radius:12px;gap:13px;margin:-12px 0 24px;padding:15px 17px;display:flex}.backup-status>span{color:#fff;background:#748a6b;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:grid}.backup-status strong{font-size:12px}.backup-status p{color:#6f6b64;margin:4px 0 0;font-size:12px;line-height:1.5}.backup-status.needs-backup{background:#b18b5a17;border-color:#b18b5a26}.backup-status.needs-backup>span{background:#b18b5a}.backup-actions{gap:8px;display:flex}@media (max-width:720px){.topbar{height:66px;padding:0 16px}.topbar .brand{font-size:16px}.top-actions,.filter-popover{display:none}.mobile-menu-button{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:flex}.mobile-menu-button i{background:#25231f;width:17px;height:1px;display:block}.mobile-menu-backdrop{z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25231f47;display:block;position:fixed;inset:0}.mobile-menu{width:min(88vw,370px);padding:27px 23px calc(28px + env(safe-area-inset-bottom));background:#fffdf8;animation:.24s ease-out menu-enter;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-25px 0 80px #25231f33}.mobile-menu-heading{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.mobile-menu-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400}.mobile-menu-heading button{color:#77736b;font-size:30px;line-height:1}.mobile-menu-view{background:#fcfaf6;border:1px solid #d8d2c6;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:14px;font-size:12px;font-weight:700;display:flex}.mobile-menu-view select{color:#25231f;background:#fffdf8;border:1px solid #d8d2c6;border-radius:8px;min-width:128px;padding:9px 11px}.mobile-menu-filters{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:26px 0;padding:0;display:grid}.mobile-menu-filters legend{letter-spacing:.14em;text-transform:uppercase;color:#77736b;grid-column:1/-1;margin-bottom:7px;font-size:10px;font-weight:700}.mobile-menu-filters label{background:#fcfaf6;border:1px solid #ded9cf;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:10px;font-size:12px;display:flex}.mobile-menu-filters input{accent-color:#25231f}.mobile-menu-filters i{border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:block}.mobile-menu-filters .mobile-key-filter{grid-column:1/-1;margin-top:4px}.mobile-menu-filters .mobile-key-filter i{color:#a47d45;background:#c9a76824;place-items:center;font-size:8px;display:grid}.mobile-settings-button{background:#f5f2eb;border-radius:10px;justify-content:space-between;width:100%;padding:15px 14px;font-size:12px;font-weight:700;display:flex}.mobile-save-state{color:#77736b;align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.mobile-save-state i{background:#b18b5a;border-radius:50%;width:6px;height:6px}.mobile-save-state.is-saved i{background:#748a6b}.mobile-add-button{z-index:19;right:17px;bottom:calc(17px + env(safe-area-inset-bottom));color:#fff;background:#25231f;border-radius:999px;align-items:center;padding:13px 17px;font-size:12px;font-weight:700;display:flex;position:fixed;box-shadow:0 10px 32px #25231f42}.mobile-add-button span{margin-right:6px;font-size:18px}.intro{padding-top:125px}.intro h1{font-size:70px}.story-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:27px}.story-stat{padding:15px 13px}.story-stat strong,.story-stat-primary strong{font-size:23px}.help-modal{padding:28px 23px 24px}.help-grid{grid-template-columns:1fr}.timeline-shell{padding-inline:15px}.axis{left:48px}.year-mark>i{left:44px}.year-label{width:34px;left:0}.year-label strong{font-size:15px}.year-label span{font-size:9px}.current-year-indicator{width:38px;top:74px}.current-year-indicator span{display:none}.current-year-indicator strong{border-radius:5px;font-size:14px}.month-mark{left:65px}.day-mark{width:34px;left:4px}.day-mark small{display:none}.day-mark:after{width:4px;right:-10px}.birthday-marker{left:45px}.timeline-highlight .highlight-wash{left:48px}.timeline-highlight .highlight-axis{left:47px}.timeline-highlight .highlight-cap{left:43px}.timeline-highlight .highlight-date{margin-left:65px}.timeline-highlight .highlight-date-top{top:76px}.timeline-highlight .highlight-date-bottom{bottom:14px}.timeline-highlight.is-moment .highlight-cap{left:41px}.event-card{left:calc(84px + (100% - 100px - var(--compact-rail-width))*var(--lane)/var(--expanded-lane-count));width:calc((100% - 100px - var(--compact-rail-width))/var(--expanded-lane-count));text-align:left;flex-direction:row;right:auto}.event-card.compact{right:calc(2px + var(--compact-lane)*12px);width:10px;left:auto}.event-content strong{font-size:17px}.event-card.range .event-content{top:82px}.event-description{display:none}.birth-finish{padding-left:84px}.birth-dot{margin-left:-43px}.date-row,.category-grid{grid-template-columns:repeat(2,1fr)}.modal{border-radius:17px;padding:22px}.modal-actions{flex-wrap:wrap}.time-travel-modal{padding:28px 20px 22px}.time-travel-heading h2{font-size:34px}.time-travel-heading p:last-child{font-size:13px}.time-travel-controls{grid-template-columns:38px minmax(0,1fr) 38px}.time-travel-group{grid-template-columns:1fr;gap:2px}.time-travel-category{padding-bottom:5px}.time-travel-actions{flex-direction:column-reverse}.time-travel-actions button{width:100%}.journal-insights{grid-template-columns:1fr}.backup-actions{flex-direction:column}}@keyframes menu-enter{0%{opacity:0;translate:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue span{animation:none}}