:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#292d2b;background:#faf8f4;font-size:16px;font-synthesis:none;--green:#426650;--muted:#626a65;--line:#dedfd7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label.file-button{-webkit-tap-highlight-color:transparent}button,.file-button{min-height:44px;padding:10px 16px;border:1px solid #a0a79f;border-radius:9px;color:inherit;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem}button:hover,.file-button:hover{background:#edf0e9}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#34523f}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #476f91;outline-offset:4px}header{height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100vw - 1120px)/2))}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:#303e33;font-size:1.05rem;font-weight:600;white-space:nowrap}.brand small{display:block;letter-spacing:.22em;font-size:.65rem;font-weight:400;margin-top:5px}.brand-mark{background:#426650;color:#fff;width:44px;height:48px;border-radius:15px 15px 5px 5px;display:inline-flex;align-items:center;justify-content:center}.brand-mark svg{width:27px;height:27px}nav{display:flex;gap:12px}nav button{border:0;border-radius:0;color:var(--muted);padding:16px 20px;position:relative}nav .active{color:var(--green);font-weight:600}nav .active:after{content:'';position:absolute;bottom:0;left:23px;right:23px;height:2px;background:var(--green)}.local-label{font-size:.8rem;color:var(--muted)}main{max-width:1120px;margin:auto;padding:48px 0 32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.eyebrow{font-size:.7rem;letter-spacing:.2em;color:var(--green);margin:0 0 14px;font-weight:600}h1{font-size:2rem;letter-spacing:.01em;line-height:1.4;margin:0 0 12px;font-weight:600}h2{font-size:1.2rem;font-weight:600;margin:0 0 22px}h3{font-size:1rem;margin:24px 0 10px}.heading-leaf{color:#829680;margin-left:15px}.heading-leaf svg{width:29px;height:29px}.muted,.hint{color:var(--muted);line-height:1.65}.muted{margin:0;font-size:.9rem}.hint{font-size:.8rem}.amp{font-family:Georgia,serif;font-style:italic;margin:0 6px}.divider{margin:0 16px;color:#989f96}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.filters select{min-height:42px;padding:8px 32px 8px 13px;background:transparent;border:1px solid #a0a79f;border-radius:8px;color:#454e47;font-size:.875rem;max-width:180px}.filters label{display:block}.text-button{border:0;color:var(--muted);padding-left:7px}.timeline-panel{border:1px solid var(--line);background:linear-gradient(120deg,#fffefc,#f6f6f0);border-radius:16px;overflow:hidden}.timeline-toolbar{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button{border:0;font-size:.8rem;padding:8px 12px;min-height:40px}.toolbar-actions button:last-child{background:#eaede5}.timeline-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#abb9a8 transparent;scrollbar-width:thin;padding:0 28px}.timeline-track{display:flex;width:max-content;min-width:100%;padding:24px 0 10px}.day-column{width:292px;flex:none;position:relative}.branch{width:252px;position:relative;margin:0 20px}.branch.top{height:193px;display:flex;align-items:flex-end;padding-bottom:28px}.branch.top:after{content:'';position:absolute;width:1px;height:28px;background:#b1bea9;bottom:0;left:22px}.branch.bottom{height:211px;padding-top:38px}.branch.bottom:has(.memory-preview):before{content:'';position:absolute;width:1px;height:38px;top:0;left:22px;background:#b1bea9}.axis{height:0;position:relative;border-top:2px solid #adbea5}.dot{position:absolute;width:13px;height:13px;background:#64825e;border:3px solid #f9faf5;box-shadow:0 0 0 1px #78936f;left:36px;top:-7px;border-radius:50%}.axis time{position:absolute;left:59px;top:9px;font-size:.8rem;color:#4b5e48;white-space:nowrap}.gap{position:absolute;right:13px;top:-23px;font-size:.7rem;color:#626a65}.memory-preview{background:#fff;border:1px solid #e0e2d9;border-radius:11px;text-align:left;display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:148px;padding:16px;gap:8px}.memory-preview:hover{background:#f5f7f0;border-color:#8fa18a}.category{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#56704f;margin:0}.category svg{width:16px;height:16px}.memory-preview strong{font-size:.95rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-body{font-size:.8rem;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.people-line{display:flex;gap:12px;margin-top:3px}.person{display:inline-flex;align-items:center;gap:7px;font-size:.75rem}.avatar{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;flex:none}.A{background:#e8eff5;color:#29485d}.B{background:#eee9f3;color:#564366}.more{border:0;padding:3px 0;min-height:34px;color:var(--green);font-size:.75rem}.timeline-bottom{padding:4px 24px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem}.timeline-bottom>div{display:flex;gap:8px}.icon-button{width:44px;height:44px;padding:0;border-radius:50%;border-color:var(--line)}.upcoming{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin-top:38px;padding-top:7px}.upcoming .eyebrow{font-size:.65rem}.upcoming-items{display:flex;flex-wrap:wrap;gap:20px}.upcoming-items>div{display:flex;align-items:center;gap:12px;padding:2px 20px 10px 0;flex:1;min-width:240px}.upcoming-items svg{color:#65805d;flex:none}.upcoming-items strong{font-size:.85rem;font-weight:500;display:block}.upcoming-items small{display:block;margin-top:7px;color:var(--muted);font-size:.75rem}.days-away{font-size:.75rem;color:var(--green);margin-left:auto;white-space:nowrap}footer{max-width:1120px;margin:20px auto 0;padding:24px 0 30px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between;gap:18px}footer span{font-size:.65rem;letter-spacing:.03em}.empty{text-align:center;padding:72px 20px}.empty>svg{width:40px;height:40px;color:#788f6f;margin-bottom:20px}.empty h2{margin-bottom:8px}.empty p{font-size:.875rem;color:var(--muted);margin-bottom:24px}.record-list{padding:0 24px}.record-row{display:flex;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;gap:18px}.record-row>span:nth-child(2){flex:1;min-width:0}.record-row strong{display:block;font-size:.95rem;font-weight:500;overflow-wrap:anywhere}.record-row small{display:block;margin-top:7px;color:var(--muted)}.row-symbol{background:#eef1e9;color:var(--green);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.summary-head{display:flex;gap:24px;align-items:center;margin:36px 0}.summary-head>strong{font-family:Georgia,serif;font-size:4rem;font-weight:400;color:var(--green)}.summary-head span{line-height:1.8}.summary-head small{color:var(--muted);font-size:.8rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;margin:0 0 20px;overflow:hidden}.metrics button{border:0;border-radius:0;justify-content:start;padding:22px;flex-wrap:wrap}.metrics svg{color:var(--green)}.metrics strong{width:100%;font-size:1.7rem;font-weight:400;padding-left:29px}.metrics~h2{margin-top:40px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.settings-grid section{min-width:0}.couple-avatars{display:flex}.couple-avatars .avatar{width:52px;height:52px;font-size:1.2rem;border:4px solid #faf8f4;margin-left:-9px}label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;margin-bottom:17px}input,textarea,select{border:1px solid #929c94;border-radius:8px;background:#fffefa;color:#292d2b;padding:12px;min-height:44px;width:100%;min-width:0}textarea{resize:vertical;line-height:1.7}input[type=date]{max-width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.privacy-note{background:#edf0e8;padding:20px;border-radius:10px;margin:22px 0;font-size:.875rem;line-height:1.8}.privacy-note p{margin:8px 0 0;color:#505e50}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:18px;min-height:18px;height:18px;accent-color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0 6px}.file-button{margin:0;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:3px solid #476f91;outline-offset:3px}hr{border:0;border-top:1px solid var(--line);margin:32px 0}.demo-link{display:inline-block;font-size:.875rem;margin:10px 0}.danger{color:#8e3f35;border-color:#bc8a80}.form-error{color:#963c2c;font-size:.875rem;line-height:1.7}.onboarding{max-width:510px;padding:50px 24px}.onboarding .eyebrow{margin-top:28px}.onboarding h1{font-size:2.6rem}.onboarding form{margin-top:30px}.loading{padding:50px;text-align:center}dialog{border:0;border-left:1px solid var(--line);background:#fffefa;color:#292d2b;padding:46px 36px 35px;width:610px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;overflow:auto;box-shadow:-15px 0 80px #24312816}dialog::backdrop{background:#232b2545;backdrop-filter:blur(2px)}dialog .close{position:absolute;right:20px;top:14px}dialog h1{font-size:1.7rem;margin-top:20px;overflow-wrap:anywhere}dialog h2{margin-top:14px;font-size:1.55rem}.detail-body{margin-top:30px}.prose,.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.bubble{padding:16px 19px;border-radius:16px;margin:22px 0;max-width:94%}.bubble.B{margin-left:auto}.bubble .person{flex-wrap:wrap;font-size:.85rem}.bubble .person small{font-size:.75rem;opacity:.85}.bubble p{margin:12px 0 0;font-size:.95rem}.bubble .avatar{background:#ffffff80}.resolution{margin:28px 0;padding:20px;border-left:2px solid #9eb092;background:#f3f4ee}.tags{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--muted)}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;min-height:35px;font-size:.9rem;line-height:1.7}summary span{color:var(--muted);font-size:.75rem;margin-left:8px}details[open] summary{margin-bottom:16px}.editor-person{padding:14px;border-radius:10px;margin-bottom:14px}.editor-person label{margin:0}.history{border-bottom:1px solid var(--line);padding:24px 0}.history small{color:var(--muted)}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2e4435;color:white;box-shadow:0 5px 25px #0002;border-radius:10px;padding:14px 22px;font-size:.875rem;z-index:20;max-width:calc(100vw - 32px);width:max-content;display:none;line-height:1.7}#notice.show{display:block}#notice button{color:white;border-color:#c0d1bf;margin-left:16px}.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}[hidden]{display:none!important}svg{flex-shrink:0} @media(max-width:1190px){main,footer{margin-left:32px;margin-right:32px}header{padding:0 32px}.onboarding{margin:auto}}@media(max-width:767px){header{height:82px;padding:0 20px}.local-label{font-size:.7rem;max-width:110px;text-align:right}main{margin:0;padding:28px 16px}.brand{font-size:.95rem}.brand-mark{width:36px;height:41px}.brand small{font-size:.6rem}nav{position:fixed;bottom:0;left:0;right:0;height:73px;padding-bottom:env(safe-area-inset-bottom);background:#fffefbf5;z-index:10;justify-content:space-around;border-top:1px solid var(--line);gap:0}nav button{flex:1;flex-direction:column;gap:4px;font-size:.75rem;padding:10px}nav .active:after{top:0;bottom:auto;left:35%;right:35%}.page-heading{align-items:flex-start;gap:10px;margin-bottom:24px}h1{font-size:1.55rem}.heading-leaf{display:none}.page-heading>.primary{padding:10px;white-space:nowrap;font-size:.8rem;margin-top:24px}.page-heading>.primary svg{width:16px}.eyebrow{font-size:.6rem;letter-spacing:.15em}.page-heading .muted{font-size:.8rem;max-width:225px;line-height:1.9}.divider{margin:0 8px}.filters{gap:7px;margin-bottom:18px}.filters label{flex:1;min-width:calc(30% - 8px);margin-bottom:0}.filters select{width:100%;max-width:none;font-size:.8rem;padding:8px 20px 8px 9px}.filters .text-button{font-size:.8rem}.timeline-toolbar{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:4px}.toolbar-actions{width:100%;justify-content:space-between;gap:0}.toolbar-actions button{font-size:.75rem}.timeline-scroll{padding:0 14px}.timeline-track{padding-top:12px}.day-column{width:270px}.branch{width:238px;margin:0 16px}.axis .dot{left:32px}.upcoming{grid-template-columns:1fr;gap:8px;margin-top:30px}.upcoming h2{margin-bottom:6px}.upcoming-items{display:block}.upcoming-items>div{padding:15px 0;border-bottom:1px solid var(--line)}footer{margin:0 16px 85px;padding:20px 0;flex-direction:column;gap:12px}.settings-grid{grid-template-columns:1fr;gap:40px}.metrics{grid-template-columns:1fr 1fr}.metrics button{padding:18px 14px;font-size:.8rem}.record-list{padding:0 14px}.onboarding{padding:35px 24px;max-width:510px;margin:auto}.onboarding h1{font-size:2.3rem}.form-grid{gap:12px}.form-grid label{min-width:0}dialog{padding:55px 20px 30px;width:100%;border:0}#notice{bottom:86px}dialog~#notice{z-index:30}.summary-head{margin:24px 0}.summary-head>strong{font-size:3rem}.summary-head small{font-size:.7rem}}@media(max-width:359px){.page-heading{flex-wrap:wrap}.page-heading>.primary{margin-top:0}.form-grid{grid-template-columns:1fr}.filters label{min-width:40%}.brand small{letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}