:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#344b3f;background:#fafbf7;font-synthesis:none;font-weight:400;--ink: #344b3f;--green: #466c55;--muted: #7a877d;--line: #e1e7dc;--paper: #fffefa;--serif: "Songti SC", "STSong", "Noto Serif SC", serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}p{line-height:1.9}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #749f88;outline-offset:5px}::selection{background:#dce7d6}input,textarea{min-width:0}textarea{resize:vertical}button svg,a svg{flex-shrink:0}button{transition:background-color .18s,color .18s,opacity .18s,box-shadow .18s}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0;cursor:pointer}input[type=time]{color-scheme:light}input::placeholder,textarea::placeholder{color:#9ca69b}input:disabled{opacity:.5}h1{font-size:48px;line-height:1.5;letter-spacing:.02em}h2{font-size:28px;line-height:1.5}h3{font-size:21px;line-height:1.6}main{min-height:calc(100vh - 210px)}.page-width{max-width:1200px;padding:0 34px;margin:0 auto}.button{min-height:49px;border-radius:30px;padding:14px 25px;display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--green);color:#fff;font-size:14px;line-height:1.5;box-shadow:0 4px 12px #466c5510}.button:hover:not(:disabled){background:#345b43;box-shadow:0 5px 16px #466c5520}.button.secondary{color:var(--green);background:#edf1e7;box-shadow:none}.button.danger{background:#9b6258}.button.full{display:flex;width:100%}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 0;font-size:13px;line-height:1.6;color:#627d66}.text-button:hover:not(:disabled){color:#254b34}.under-action{display:flex;width:max-content;margin-top:17px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#edf1e7}.eyebrow{display:flex;align-items:center;gap:9px;color:#7b8a79;font-size:12px;line-height:1.6;letter-spacing:.12em;margin-bottom:19px}.muted{color:var(--muted);font-size:14px;line-height:1.9}.micro{font-size:11px;line-height:1.9;color:#8a958a;display:flex;align-items:center;gap:5px}.place{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#73846f;line-height:1.5}.quiet-note{font-size:12px;text-align:center;color:#9aa393;margin:29px 0}.back{margin:28px 0}.skip-link{position:fixed;top:-100px;z-index:100;background:var(--green);color:#fff;padding:10px}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#85987f;gap:15px;font-size:14px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.standalone{max-width:500px;margin:12vh auto;padding:24px}.empty{text-align:center;max-width:520px;min-height:350px;padding:80px 20px;margin:auto;display:flex;flex-direction:column;align-items:center}.empty>svg{color:#a8b89e;margin-bottom:25px}.empty h2{margin-bottom:12px}.empty p{font-size:14px;color:var(--muted)}.empty-actions{display:flex;align-items:center;flex-direction:column;gap:15px}.header{height:100px;border-bottom:1px solid #e9ede4;background:#fafbf7f5}.header-inner{max-width:1340px;padding:0 54px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{display:flex;align-items:center;gap:11px;color:#496950}.brand>span{font-family:var(--serif);font-size:24px;letter-spacing:.15em;line-height:1.1}.brand small{font-family:-apple-system,PingFang SC,sans-serif;display:block;font-size:9px;letter-spacing:.23em;margin-top:8px;color:#8c9987}.main-nav{display:flex;gap:42px;align-items:center;height:100%;position:absolute;left:50%;transform:translate(-50%)}.main-nav a{font-size:14px;display:flex;align-items:center;gap:8px;height:100%;position:relative;color:#91a08f}.main-nav a.active{color:#446b4f}.main-nav a.active:after{content:"";position:absolute;bottom:24px;left:50%;width:18px;height:2px;background:#78916a;transform:translate(-50%)}.header-actions{display:flex;gap:22px;align-items:center}.mock-badge{font-size:10px;letter-spacing:.04em;padding:5px 9px;border:1px solid #dfe5d9;border-radius:5px;color:#8b9784;white-space:nowrap}.profile-button{width:36px;height:36px;border-radius:50%;background:#eef2e7;color:#6c856a;display:flex;align-items:center;justify-content:center}.profile-button:hover{background:#e0e8d6}.profile-avatar-image,.account-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.footer{max-width:1200px;padding:27px 34px;margin:40px auto 0;display:flex;align-items:center;justify-content:space-between;color:#8d9b87;font-size:11px;border-top:1px solid var(--line)}.footer-dot{margin:0 12px}.footer .text-button{font-size:11px;color:#8d9b87}.demo-banner{display:flex;justify-content:center;gap:18px;align-items:center;padding:8px 18px;background:#eef1e4;color:#849276;font-size:11px}.demo-banner button{font-size:11px;text-decoration:underline;color:#4c704a}.hero{display:grid;grid-template-columns:.81fr 1.19fr;align-items:center;gap:48px;min-height:680px;padding-top:48px;padding-bottom:58px}.hero-copy{padding-left:13px}.hero h1{font-size:51px;line-height:1.52;letter-spacing:.03em;margin-bottom:22px}.hero-description{font-size:14px;line-height:2;color:#85907f;white-space:pre-line;margin-bottom:30px}.hero .button{min-width:211px;font-size:14px}.action-note{font-size:10px;color:#8f9c88;margin:17px 0 0;display:flex;align-items:center;gap:6px}.little-leaf{font-size:17px;color:#9cae8f}.hero-postcard{position:relative;background:var(--paper);padding:12px 12px 0;box-shadow:0 16px 48px #4b5f3d13,0 2px 8px #4b5f3d07;transform:rotate(2deg);cursor:pointer;margin-bottom:16px;border:1px solid #f0f1e8}.postcard-image{aspect-ratio:1.36;overflow:hidden;position:relative}.postcard-image img{width:100%;height:100%;object-fit:cover;object-position:45% 55%}.sample-tag{position:absolute;right:12px;top:12px;font-size:9px;background:#fffffff0;color:#78846d;letter-spacing:.04em;padding:5px 8px;border-radius:3px}.postcard-caption{display:flex;align-items:center;justify-content:space-between;min-height:108px;padding:17px 17px 20px;gap:15px}.postcard-caption p{font-family:var(--serif);font-size:16px;color:#60745a;margin:8px 0 0;line-height:1.6}.postmark{border:1px solid #a8b69788;outline:1px solid #a8b69755;outline-offset:-4px;border-radius:50%;width:76px;height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-family:var(--serif);font-size:10px;color:#a8b697;transform:rotate(-17deg)}.postmark small{font-size:7px;letter-spacing:.1em}.postcard-peek{position:absolute;bottom:-33px;left:15%;font-size:10px;letter-spacing:.1em;color:#9ba58e;transform:rotate(-2deg)}.ritual-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 45px;max-width:1132px}.ritual-strip>div{display:flex;gap:17px;align-items:center;color:#849578}.ritual-strip strong{font-size:12px;font-weight:500;display:block;color:#6d7e64}.ritual-strip small{display:block;font-size:10px;color:#9aa390;margin-top:7px}.somewhere{padding-top:62px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:20px}.section-heading .eyebrow{margin-bottom:7px;font-size:10px}.section-heading h2{font-size:27px;margin-bottom:0}.section-heading .text-button{font-size:11px;padding-bottom:5px}.destination-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.preview-card{text-align:left;padding:0;background:transparent}.preview-art{aspect-ratio:1.7;overflow:hidden;position:relative}.preview-art img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.preview-card:hover img{transform:scale(1.035)}.preview-art>span{position:absolute;bottom:10px;right:10px;background:#fafbf6df;color:#7a896d;padding:4px 8px;font-size:9px}.preview-caption{padding:15px 2px}.preview-caption p{font-family:var(--serif);font-size:16px;line-height:1.7;margin:7px 0;color:#64765b}.time-inline{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:12px;color:#798d70;margin-bottom:12px}.time-inline span{margin-left:15px;font-size:10px;border-bottom:1px dashed #a2b296;color:#96a789}.journey-hero{display:grid;grid-template-columns:1fr 1fr;min-height:625px;gap:50px;align-items:center;padding-top:55px;padding-bottom:55px}.journey-copy h1{font-size:43px}.journey-clock{display:flex;align-items:center;gap:14px;color:#809675;margin:20px 0 27px}.journey-clock strong{font-weight:400;display:block;font-size:23px;font-family:var(--serif)}.journey-clock span{display:block;font-size:11px;color:#9aa68e;margin-top:5px}.sealed-scene{position:relative;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e7eeda70 0,transparent 68%)}.sealed-scene>p{margin:38px 0 0;font-size:11px;color:#98a48a;letter-spacing:.07em}.paper-envelope{width:360px;height:235px;background:#faf9ed;position:relative;isolation:isolate;box-shadow:0 17px 35px #596c3b12,0 1px 4px #65734615;border:1px solid #e5e6d7;transform:rotate(-5deg)}.envelope-top{position:absolute;top:0;right:0;bottom:0;left:0;background:#eef0e1;clip-path:polygon(0 0,100% 0,50% 57%);z-index:-1;border-top:1px solid white}.envelope-bottom{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbfaed;clip-path:polygon(0 100%,0 4%,50% 61%,100% 4%,100% 100%);z-index:-1}.envelope-stamp{position:absolute;right:18px;top:18px;width:44px;height:51px;color:#8fa080;background:#e2e9d4;border:4px dotted #faf9ed;display:flex;align-items:center;justify-content:center}.envelope-address{position:absolute;left:30px;bottom:38px;display:flex;flex-direction:column;gap:11px}.envelope-address small{font-size:9px;color:#a3aa91;letter-spacing:.13em}.envelope-address span{font-family:var(--serif);font-size:18px;letter-spacing:.1em;color:#6f8060}.envelope-seal{position:absolute;left:calc(50% - 18px);top:108px;background:#dde6ce;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8b9d70;box-shadow:inset 0 0 0 3px #e6edda;border:1px solid #d4dfc1}.wind-line{height:30px;width:95px;border-top:1px solid #b9c7a6;border-radius:50%;position:absolute;opacity:.5;transform:rotate(-15deg)}.line-one{left:10%;top:14%}.line-two{right:7%;bottom:14%;width:55px}.arrived .paper-envelope{animation:arrive .8s ease-out both}@keyframes arrive{0%{transform:translateY(15px) rotate(-9deg);opacity:0}to{transform:translateY(0) rotate(-5deg);opacity:1}}.preparing{font-size:12px;color:#8b9a7a;display:flex;align-items:center;gap:8px}.pulse-dot,.tiny-dot{width:5px;height:5px;border-radius:50%;background:#8da67b;display:inline-block}.pulse-dot{animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.25}}.onboarding{padding-bottom:50px}.onboarding-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;max-width:1060px;margin:15px auto}.onboarding-art{position:relative;min-height:610px;overflow:hidden;background:#dee9ce}.onboarding-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:25% center;opacity:.87}.onboarding-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 35%,#2d4b3699)}.onboarding-art>div{position:absolute;bottom:45px;left:40px;color:#fffef2;z-index:1}.onboarding-art h2{font-size:35px;line-height:1.55;margin:13px 0}.onboarding-art p{font-size:12px;opacity:.8}.onboarding-form{padding-top:10px;align-self:center}.onboarding-form h1{font-size:33px;line-height:1.5;margin:26px 0 15px}.onboarding-form>.muted,.onboarding-form form>.muted{margin-bottom:25px}.step-track{display:flex;justify-content:space-between;gap:12px}.step-track>span{font-size:10px;color:#b3baa8;display:flex;align-items:center;gap:6px}.step-track i{width:19px;height:19px;border:1px solid #dde4d3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-style:normal}.step-track .current{color:#607c54}.step-track .current i{background:#e2ead7;border-color:#e2ead7}.field{display:block;font-size:12px;color:#6d8161;margin:23px 0 18px}.field>input,.field textarea,.phone-input,.code-input{display:flex;align-items:center;width:100%;border:1px solid #dce4d4;border-radius:8px;background:#fffffc;margin-top:9px;min-height:49px}.field>input{padding:12px 14px}.phone-input span{font-size:13px;margin-left:14px;padding-right:14px;border-right:1px solid #e4e8de}.phone-input input,.code-input input{border:0;background:none;width:100%;padding:14px;font-size:13px;outline-offset:1px!important}.code-input button{font-size:11px;white-space:nowrap;margin-right:14px;color:#7e946c}.onboarding-form .full{margin-top:24px}.onboarding-form .micro{margin-top:16px}.simulation-note{background:#eef2e6;font-size:11px;color:#879674;padding:10px 13px;border-radius:5px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;background:#f0f3e9;padding:15px;margin:23px 0;border-radius:7px;color:#748665}.consent input{margin-top:3px}.consent small{display:block;color:#98a188;font-size:10px;margin-top:5px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-add,.photo-thumb{aspect-ratio:.95;border-radius:7px;position:relative;overflow:hidden}.photo-add{border:1px dashed #bcccaf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f2f6eb;color:#91a57e}.photo-add span{font-size:10px}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb button{position:absolute;right:4px;top:4px;border-radius:50%;background:#ffffffef;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.photo-picker .micro{font-size:10px}.avatar-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.avatar-option{border:1px solid transparent;border-radius:9px;padding:9px 9px 15px;background:#f3f5ed;text-align:left}.avatar-option.selected{border-color:#87a471;background:#eaf1de}.avatar-option>div{position:relative;aspect-ratio:1;overflow:hidden;border-radius:5px;margin-bottom:11px}.avatar-option img{width:100%;height:100%;object-fit:cover}.avatar-option>div>span{position:absolute;right:7px;bottom:7px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fffff9;color:#6b8754}.avatar-option strong{font-weight:500;font-size:12px;padding-left:3px}.avatar-option small{display:block;font-size:10px;color:#9aa68a;margin-top:5px;padding-left:3px}.letter-await{padding-bottom:50px}.letter-intro{text-align:center;display:flex;align-items:center;flex-direction:column;padding:35px 0 55px}.letter-intro h1{font-size:38px;white-space:pre-line;margin-bottom:45px}.letter-intro .button{margin-top:40px}.letter-intro>.muted{margin-top:35px}.letter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.letter-toolbar .micro{margin-left:auto}.letter-toolbar .back{margin:25px 0}.letter-landscape{height:530px;max-width:1280px;margin:auto;position:relative;overflow:hidden}.letter-landscape>img{width:100%;height:100%;object-fit:cover;object-position:center top}.landscape-caption{position:absolute;bottom:18px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;color:#fcfdf6;font-size:12px;text-shadow:0 1px 8px #16362266}.landscape-caption .place{color:#fcfdf6;font-size:13px}.letter-paper{max-width:800px;margin:-45px auto 0;padding:50px 65px 45px;background:#fffefa;position:relative;box-shadow:0 15px 70px #60764508;border:1px solid #ecefe6}.letter-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.letter-meta>span:first-child{font-size:10px;color:#95a083;letter-spacing:.08em;display:flex;align-items:center;gap:7px}.letter-paper h1{font-size:33px;line-height:1.8;max-width:560px;margin-bottom:15px}.duration-line{font-size:11px;color:#99a18c;margin-bottom:39px}.duration-line strong{font-weight:400;color:#809272}.letter-traveler{display:flex;align-items:center;gap:12px;margin:-18px 0 32px;color:#607b67}.letter-traveler>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.letter-traveler strong,.letter-traveler small{display:block;font-size:12px;font-weight:400}.letter-traveler small{margin-top:4px;color:#8b9787;font-size:10px}.letter-body p{font-family:var(--serif);font-size:18px;line-height:2.2;color:#6f7d61;margin-bottom:24px;white-space:pre-line}.letter-body .salutation{font-size:16px;margin-bottom:27px}.signature{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:38px 0 42px;font-family:var(--serif);color:#7c8e6b;font-size:17px}.signature small{display:block;width:100%;text-align:right;font-family:inherit;font-size:11px;color:#a2ab93}.place-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.place-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:19px 0;font-size:12px;color:#6e8560}.place-details summary::-webkit-details-marker{display:none}.place-details summary>span{margin-left:auto;font-size:10px;color:#a3ac98}.place-details>div{padding:6px 0 20px}.place-details h3{font-size:19px;margin-bottom:8px}.place-details h3 span{font:11px -apple-system,sans-serif;margin-left:8px;color:#99a38b}.place-details p{font-size:12px;color:#8a987b}.coordinates{letter-spacing:.08em;font-size:10px!important}.detail-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.detail-links .text-button{font-size:11px}.personal-note{margin-top:34px}.personal-note>label{display:flex;align-items:center;gap:7px;font-size:12px;color:#7b8d68;flex-wrap:wrap}.personal-note label>span{margin-left:auto;font-size:10px;color:#a3ad94}.personal-note textarea{width:100%;margin-top:14px;padding:15px;background:#f7f9f0;border:1px solid #e9eedf;border-radius:5px;line-height:1.9;font-size:12px;color:#748362}.personal-note>div{display:flex;align-items:center;justify-content:space-between}.personal-note .text-button{font-size:11px}.personal-note .micro{font-size:10px}.letter-bottom{display:flex;align-items:center;flex-direction:column;gap:9px;margin:30px 0 0}.letter-bottom .micro{font-size:10px;margin:3px 0}.letter-bottom>.text-button{font-size:11px;margin-top:5px}.danger-subtle{color:#a39b8c;font-size:10px!important}.export-preview{max-height:65vh;max-width:100%;margin:0 auto;box-shadow:0 5px 15px #344b3f12}.skip-animation{position:fixed;right:20px;bottom:80px;z-index:20;background:#fafbf7e8;padding:10px 17px;border-radius:20px;font-size:12px}.revealing .letter-landscape{animation:reveal 1.5s ease both}.revealing .letter-paper{animation:reveal 1.5s .1s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.journal{padding-top:54px;min-height:70vh}.journal-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:32px}.journal-top .eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:10px}.journal-top h1{font-size:39px;margin-bottom:12px}.journal-top .muted{font-size:12px;margin-bottom:0}.journal-mark{display:flex;align-items:center;gap:15px;color:#9aa989;transform:rotate(5deg);font-family:var(--serif);font-size:13px;line-height:1.8;padding-right:28px}.journal-overview{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;color:#97a28b;font-size:11px}.journal-overview strong{font-family:var(--serif);font-size:24px;font-weight:400;color:#66805a;margin:0 4px}.journal-overview>i{height:17px;width:1px;background:#dde4d3}.overview-aside{margin-left:auto;font-family:var(--serif);color:#a5ad99}.journal-controls{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.segmented{display:inline-flex;border-radius:25px;background:#edf1e6;padding:4px;gap:3px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:23px;padding:10px 18px;font-size:12px;color:#97a389}.segmented button.selected{background:#fffefa;color:#688157;box-shadow:0 2px 4px #5668390a}.filter-button{display:inline-flex;align-items:center;gap:7px;color:#8d9b7a;font-size:12px}.filter-button.active{color:#4f733d}.timeline{max-width:970px;margin:auto}.month-heading{display:flex;align-items:baseline;gap:10px;margin:32px 0 23px}.month-heading>span{font-family:var(--serif);font-size:27px;color:#68815a}.month-heading>small{font-size:11px;color:#a2ad94}.month-heading>div{height:1px;background:#e3e8d9;flex:1;margin-left:13px}.timeline-entries{position:relative}.timeline-entries:before{content:"";position:absolute;left:67px;top:0;bottom:0;width:1px;background:#e1e8d7}.timeline-entry{display:grid;grid-template-columns:85px 1fr;gap:20px;position:relative;margin-bottom:28px}.entry-date{display:flex;align-items:flex-start;flex-direction:column;padding-top:18px;position:relative}.entry-date:after{content:"";position:absolute;right:13px;top:25px;width:7px;height:7px;border-radius:50%;background:#b4c5a0;border:3px solid #fafbf7;box-sizing:content-box}.entry-date strong{font-family:var(--serif);font-weight:400;font-size:25px;color:#748b66}.entry-date>span{font-size:9px;color:#a0ad91;margin-top:7px}.entry-card{padding:0;background:var(--paper);display:grid;grid-template-columns:280px 1fr;text-align:left;border:1px solid #e8ecdf;box-shadow:0 3px 14px #5b733508;overflow:hidden;min-height:185px}.entry-card:hover{box-shadow:0 6px 20px #5b733513}.entry-card>img{width:100%;height:100%;object-fit:cover;min-height:185px;max-height:230px}.entry-content{padding:21px 24px;min-width:0}.entry-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#93a380}.entry-content .place{font-size:10px}.entry-content h3{font-size:19px;margin:12px 0 9px;line-height:1.65}.entry-content>p{font-size:11px;color:#98a289;margin-bottom:15px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.entry-content>p svg{display:inline;vertical-align:middle;margin-right:4px}.entry-bottom{display:flex;align-items:center;justify-content:space-between;color:#acb39f;font-size:9px;gap:7px}.entry-bottom>span{display:flex;align-items:center;gap:6px;color:#849973}.unread-art{background:#edf1e1;position:relative;display:flex;align-items:center;justify-content:center;color:#9cb185;min-height:185px}.unread-art>svg:last-child{position:absolute;right:30px;top:28px;opacity:.6}.unread .eyebrow{font-size:9px;margin-bottom:7px}.timeline-end{font-family:var(--serif);display:flex;flex-direction:column;align-items:center;gap:14px;color:#a5b297;font-size:13px;text-align:center;padding:27px 0 15px}.map-canvas{background:#eff5f2;border:1px solid #dfe7de;position:relative;overflow:hidden;min-height:300px}.map-canvas>svg{display:block;width:100%;cursor:grab;min-height:300px}.map-canvas>svg:active{cursor:grabbing}.map-heading{position:absolute;top:25px;left:27px;z-index:1;pointer-events:none}.map-heading strong{font-family:var(--serif);font-size:20px;font-weight:400;display:block;color:#738a6a}.map-heading span{display:block;margin-top:8px;font-size:10px;color:#9ba994}.map-controls{position:absolute;bottom:30px;right:22px;display:flex;flex-direction:column;background:#fffff9;box-shadow:0 2px 10px #45613d0a;border-radius:6px;overflow:hidden}.map-controls button{width:33px;height:34px;display:flex;align-items:center;justify-content:center;color:#829879}.map-controls button:hover{background:#e5eddc}.map-marker{cursor:pointer}.map-attribution{font-size:8px;color:#a6b39f;position:absolute;left:14px;bottom:9px}.map-places{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0}.map-places button{font-size:11px;display:flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid #e1e8d7;border-radius:20px;color:#8d9d7d}.map-places button.selected{background:#e5eedb;border-color:#cdddbc;color:#6c8957}.map-selection{margin:24px 0;display:grid;grid-template-columns:280px 1fr;border-top:1px solid var(--line);padding-top:25px;gap:30px}.map-selection>img{width:100%;aspect-ratio:1.5;object-fit:cover}.map-selection .eyebrow{margin-bottom:5px;font-size:10px}.map-selection h2{font-size:26px;margin-bottom:8px}.map-selection p{font-family:var(--serif);font-size:17px;color:#8a9a78;margin-bottom:13px}.visit-links{display:flex;flex-wrap:wrap;gap:7px 25px}.visit-links .text-button{font-size:11px}.settings{padding-bottom:35px}.settings>h1{font-size:37px;margin:15px 0 10px}.settings>.muted{font-size:12px}.settings-grid{display:grid;grid-template-columns:270px 1fr;gap:65px;margin-top:38px}.settings-account{align-self:start;text-align:center;background:#f0f3e8;padding:34px 22px}.account-avatar{width:70px;height:70px;background:#e2ebd7;display:flex;align-items:center;justify-content:center;margin:auto auto 17px;border-radius:50%;color:#92a980}.settings-account h2{font-size:22px;margin:0 0 7px}.settings-account>p{font-size:12px;color:#8c9b7c}.settings-account .mock-badge{display:inline-block}.settings-account .micro{font-size:10px;display:block;line-height:2.1;margin:28px 0 20px}.settings-account .micro svg{vertical-align:middle;margin-right:4px}.settings-account .text-button{font-size:11px}.settings-sections{max-width:620px}.settings-sections>section{padding-bottom:30px;margin-bottom:32px;border-bottom:1px solid var(--line)}.settings-sections h2{font-size:24px}.settings-sections .field{max-width:360px}.settings-sections .photo-picker{max-width:400px}.settings-sections .muted{font-size:12px}.settings-photo-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:20px}.settings-sections .button{font-size:12px;min-height:43px;padding:12px 20px}.settings-sections .text-button{font-size:11px}.checkbox-line{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#7e916c;line-height:1.7;margin:18px 0}.checkbox-line small{display:block;font-size:10px;color:#9eaa8d;margin-top:5px}.modal{border:1px solid #e0e8d5;border-radius:15px;background:#fffffa;color:var(--ink);padding:27px;width:min(470px,calc(100% - 32px));max-height:90dvh;overflow-y:auto;box-shadow:0 30px 90px #233d2433}.modal.wide{width:min(600px,calc(100% - 30px))}.modal::backdrop{background:#2c40274d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.modal-head h2{font-size:24px;margin:0}.modal>.muted{font-size:12px;margin-bottom:24px}.modal>p{font-size:13px;color:#819172}.modal>.micro{font-size:10px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.modal-actions .button{font-size:12px;min-height:42px;padding:12px 18px}.day-picker{margin:0 0 25px}.day-picker button{min-width:90px}.demo-actions>button{display:flex;align-items:center;gap:17px;width:100%;padding:17px 10px;border-bottom:1px solid #e6eddf;text-align:left;color:#7c9269}.demo-actions>button:hover{background:#f2f6e9}.demo-actions>button>span{font-size:13px}.demo-actions small{display:block;font-size:10px;color:#9eab8b;margin-top:7px}.demo-actions .checkbox-line{padding:5px 10px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:100;padding:13px 22px;background:#355d46f2;color:#fffff3;border-radius:9px;box-shadow:0 7px 25px #304b3525;max-width:calc(100vw - 32px);font-size:13px;line-height:1.6;text-align:center;animation:reveal .2s ease-out}@media(min-width:1500px){.header-inner{max-width:1430px}.page-width{max-width:1260px}.hero{min-height:720px;gap:65px}.hero h1{font-size:57px}.hero-postcard{margin-left:10px}.ritual-strip{max-width:1192px}.postcard-image{aspect-ratio:1.43}.hero-copy{padding-left:15px}}@media(max-width:1000px){.header-inner{padding:0 30px}.page-width{padding-left:28px;padding-right:28px}.hero{gap:24px;min-height:600px}.hero-copy{padding-left:0}.hero h1{font-size:40px}.hero .eyebrow{font-size:10px}.postcard-image{aspect-ratio:1.1}.postcard-caption{padding:17px 7px;min-height:90px}.postcard-caption p{font-size:14px}.postmark{width:62px;height:62px;font-size:8px}.postmark small{font-size:6px}.ritual-strip{margin:0 28px;padding:23px 8px;gap:14px}.ritual-strip>div{gap:10px}.ritual-strip strong{font-size:11px}.ritual-strip small{font-size:9px}.onboarding-layout{gap:35px}.onboarding-art{min-height:570px}.onboarding-art>div{left:25px}.onboarding-art h2,.onboarding-form h1{font-size:29px}.journey-hero{gap:25px}.journey-copy h1{font-size:35px}.paper-envelope{width:305px;height:208px}.envelope-address{left:25px;bottom:27px}.envelope-address span{font-size:16px}.envelope-seal{top:92px}.timeline{max-width:100%}.entry-card{grid-template-columns:220px 1fr}.entry-content{padding:18px}.entry-content h3{font-size:17px}.entry-card>img{max-height:240px}.settings-grid{gap:35px;grid-template-columns:230px 1fr}}@media(max-width:700px){.header{height:77px}.header-inner{padding:0 20px}.brand{gap:7px}.brand>svg{width:24px}.brand>span{font-size:21px}.brand small{font-size:8px;letter-spacing:.17em;margin-top:6px}.header-actions{gap:10px}.mock-badge{font-size:8px;padding:4px 6px}.profile-button{width:31px;height:31px}.main-nav{position:fixed;left:0;bottom:0;transform:none;width:100%;height:66px;justify-content:center;gap:110px;z-index:30;background:#fafbf7f5;border-top:1px solid #e1e8d7;padding-bottom:env(safe-area-inset-bottom)}.main-nav a{font-size:10px;flex-direction:column;gap:4px;justify-content:center;min-width:50px;height:58px}.main-nav a.active:after{display:none}.main-nav a.active{color:#345b42}.main-nav a>svg{width:20px;height:20px}.page-width{padding-left:22px;padding-right:22px}.hero{display:flex;flex-direction:column;gap:38px;padding-top:40px;padding-bottom:51px;min-height:auto}.hero-copy{width:100%;padding:0 3px}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}.hero h1{font-size:39px;line-height:1.45;margin-bottom:17px}.hero-description{font-size:12px;line-height:1.95;margin-bottom:21px}.hero .button{min-width:200px;min-height:46px;font-size:12px;padding:13px 20px}.action-note{font-size:9px;margin-top:13px}.hero-postcard{width:calc(100% - 12px);padding:8px 8px 0;margin:4px 6px}.postcard-image{aspect-ratio:1.43}.postcard-caption{padding:14px 10px;min-height:82px}.postcard-caption p{font-size:13px;line-height:1.6;max-width:215px}.postcard-caption .place{font-size:10px}.postmark{width:59px;height:59px}.postcard-peek{font-size:9px;bottom:-27px;left:15%}.sample-tag{top:9px;right:9px;font-size:8px;padding:4px 6px}.ritual-strip{margin:0 22px;display:grid;grid-template-columns:1fr;gap:22px;padding:25px 17px}.ritual-strip>div{gap:17px}.ritual-strip strong{font-size:12px}.ritual-strip small{font-size:10px;margin-top:6px}.ritual-strip>div svg{width:23px;height:23px}.somewhere{padding-top:36px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:21px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:26px}.section-heading .text-button{font-size:10px}.destination-preview{grid-template-columns:1fr;gap:17px}.preview-art{aspect-ratio:1.75}.preview-caption{padding:13px 2px}.preview-caption p{font-size:16px;margin-top:7px}.preview-caption .place{font-size:11px}.quiet-note{font-size:10px;margin:20px 0;line-height:1.9}.footer{padding:20px 22px 88px;margin-top:27px;font-size:9px;gap:10px}.footer-dot{margin:0 6px}.footer .text-button{font-size:9px}.demo-banner{font-size:9px;gap:10px;flex-wrap:wrap;padding:7px 18px}.demo-banner button{font-size:9px}.journey-hero{display:flex;flex-direction:column;gap:35px;padding-top:39px;padding-bottom:27px;min-height:auto}.journey-copy{width:100%;padding-left:3px}.journey-copy h1{font-size:33px;line-height:1.6}.journey-copy .eyebrow{font-size:10px}.journey-clock strong{font-size:23px}.journey-clock span{font-size:10px}.journey-clock{margin:24px 0}.journey-copy .button{font-size:12px;min-height:45px}.journey-copy .under-action{font-size:11px}.sealed-scene{width:100%;min-height:300px}.paper-envelope{width:285px;height:199px}.envelope-address{left:22px;bottom:27px;gap:9px}.envelope-address span{font-size:15px}.envelope-address small{font-size:8px}.envelope-stamp{right:14px;top:14px;width:39px;height:45px}.envelope-seal{top:89px;width:33px;height:33px;left:calc(50% - 16px)}.envelope-seal>svg{width:19px}.sealed-scene>p{font-size:9px;margin-top:32px}.wind-line{width:70px}.line-one{left:0;top:10%}.line-two{right:0;bottom:9%}.onboarding .back{margin:22px 0}.onboarding-layout{display:flex;flex-direction:column;gap:28px;margin:0}.onboarding-art{min-height:180px;height:180px;order:2}.onboarding-art>img{object-position:center 55%}.onboarding-art:after{background:linear-gradient(90deg,#34573866,transparent)}.onboarding-art>div{left:23px;bottom:12px}.onboarding-art h2{font-size:24px;line-height:1.5;margin:3px 0}.onboarding-art>div>svg{display:none}.onboarding-art p{font-size:10px;margin:6px 0 7px}.onboarding-form{width:100%;padding-top:12px;max-width:420px;margin:auto}.onboarding-form h1{font-size:31px;margin:27px 0 13px}.onboarding-form .muted{font-size:12px}.step-track{justify-content:flex-start;gap:25px}.step-track>span{font-size:9px}.onboarding{padding-bottom:15px}.onboarding-form .full{font-size:13px}.field{font-size:11px}.onboarding-form .micro{font-size:10px}.photo-add span{font-size:9px}.photo-add{gap:8px}.photo-grid{gap:10px}.consent{font-size:11px;padding:12px}.consent small{font-size:9px}.avatar-options{gap:14px}.letter-intro{padding:24px 0 30px}.letter-intro .eyebrow{font-size:9px}.letter-intro h1{font-size:30px;line-height:1.65}.letter-intro .button{font-size:12px;min-height:45px}.letter-toolbar{gap:10px}.letter-toolbar .micro{font-size:8px}.letter-toolbar .text-button{font-size:10px}.letter-toolbar .back{margin:19px 0}.letter-landscape{height:300px}.landscape-caption{left:17px;right:17px;bottom:19px;font-size:10px}.landscape-caption .place{font-size:11px}.letter-paper{margin:-7px 12px 0;padding:30px 24px 29px}.letter-meta{margin-bottom:20px}.letter-meta>span:first-child{font-size:9px}.letter-meta .postmark{width:60px;height:60px}.letter-paper h1{font-size:26px;line-height:1.7}.duration-line{font-size:10px;margin-bottom:28px;line-height:1.9}.letter-body p{font-size:17px;line-height:2.05;margin-bottom:24px}.letter-body .salutation{font-size:14px}.signature{font-size:15px;margin:28px 0}.signature small{font-size:9px}.place-details summary{font-size:11px;gap:6px}.place-details summary>span{font-size:9px}.place-details>div>p{font-size:11px}.detail-links{gap:8px}.detail-links .text-button{font-size:10px}.personal-note>label{font-size:11px;gap:6px}.personal-note label>span{font-size:8px}.personal-note textarea{font-size:11px;padding:12px}.personal-note .micro{font-size:8px}.personal-note .text-button{font-size:10px}.letter-bottom .button{font-size:12px;min-height:45px}.letter-bottom .micro{font-size:9px}.journal{padding-top:31px}.journal-top{margin-bottom:24px}.journal-top .eyebrow{font-size:8px;gap:6px;letter-spacing:.05em}.journal-top .eyebrow svg{width:13px}.journal-top h1{font-size:30px;margin-bottom:12px}.journal-top .muted{font-size:11px;max-width:230px}.journal-mark{display:none}.journal-overview{gap:13px;padding:15px 0;font-size:9px}.journal-overview strong{font-size:21px;margin:0 2px}.overview-aside{display:none}.journal-controls{margin:23px 0}.segmented{padding:3px}.segmented button{font-size:10px;padding:9px 13px;gap:5px}.segmented svg{width:14px}.filter-button{font-size:10px;gap:5px}.filter-button svg{width:13px}.month-heading{margin:26px 0 18px}.month-heading>span{font-size:25px}.month-heading>small{font-size:10px}.timeline-entry{grid-template-columns:36px 1fr;gap:11px;margin-bottom:24px}.entry-date{padding-top:8px}.entry-date strong{font-size:22px}.entry-date>span{font-size:8px;margin-top:5px}.entry-date:after{display:none}.timeline-entries:before{left:16px;top:55px;bottom:25px}.entry-card{grid-template-columns:1fr;min-height:0}.entry-card>img{height:170px;min-height:0;max-height:none}.entry-content{padding:17px}.entry-content h3{font-size:18px;margin:12px 0 10px}.entry-content>p{font-size:10px;margin-bottom:15px}.entry-content .place{font-size:9px}.entry-bottom{font-size:8px}.entry-bottom>span{gap:3px}.entry-bottom svg{width:12px}.unread-art{min-height:140px}.timeline-end{font-size:11px;padding:15px 0 5px}.empty{padding:60px 10px;min-height:310px}.empty h2{font-size:25px}.empty p,.empty .button{font-size:12px}.map-canvas{margin-left:-8px;margin-right:-8px;min-height:310px}.map-canvas>svg{height:330px;width:100%;min-height:0}.map-heading{top:20px;left:18px}.map-heading strong{font-size:17px}.map-heading span{font-size:9px;margin-top:6px}.map-controls{bottom:23px;right:12px}.map-controls button{width:29px;height:31px}.map-attribution{font-size:6px}.map-places{gap:7px;margin-top:15px}.map-places button{font-size:9px;padding:6px 9px;gap:3px}.map-places button svg{width:11px}.map-selection{grid-template-columns:105px 1fr;gap:17px;padding-top:20px}.map-selection>img{aspect-ratio:.78;height:100%;object-fit:cover}.map-selection .eyebrow{font-size:8px}.map-selection h2{font-size:22px}.map-selection p{font-size:13px;line-height:1.8;margin-bottom:8px}.visit-links{gap:4px}.visit-links .text-button{font-size:9px}.settings .back{margin:22px 0}.settings>h1{font-size:29px;margin-top:7px}.settings>.muted{font-size:11px}.settings-grid{display:flex;flex-direction:column;gap:30px;margin-top:24px}.settings-account{align-self:stretch;padding:25px}.account-avatar{width:54px;height:54px;margin-bottom:14px}.settings-account h2{font-size:21px}.settings-account .micro{margin:17px 0 12px}.settings-sections h2{font-size:24px}.settings-sections .muted{font-size:11px}.settings-photo-actions{gap:15px}.settings-sections .button{font-size:11px}.settings-sections .text-button{font-size:10px}.checkbox-line{font-size:11px}.checkbox-line small{font-size:9px}.modal{padding:23px;border-radius:12px;max-height:85dvh}.modal-head h2{font-size:22px}.modal .button{font-size:12px}.modal>.muted{font-size:11px}.modal>.micro{font-size:9px}.modal-actions{gap:8px}.modal-actions .button{padding:11px 13px;font-size:11px}.toast{bottom:84px;font-size:12px;padding:12px 17px;width:max-content;max-width:calc(100vw - 32px)}.time-inline{font-size:11px}.time-inline span{font-size:9px}.demo-actions>button{padding:16px 5px}.demo-actions>button>span{font-size:12px}.demo-actions small{font-size:9px}.export-preview{max-height:54dvh}}@media(max-width:370px){.page-width{padding-left:18px;padding-right:18px}.header-inner{padding:0 16px}.hero h1{font-size:36px}.header-actions .mock-badge{display:none}.brand>span{font-size:20px}.hero .eyebrow{font-size:9px}.hero .action-note{font-size:8px}.hero-postcard{width:calc(100% - 4px)}.postcard-caption{padding:13px 5px}.postcard-caption p{font-size:12px}.postcard-caption .postmark{width:49px;height:49px;font-size:7px}.postmark small{font-size:5px}.postmark svg{width:17px}.journal-top h1{font-size:27px}.segmented button{padding:9px 10px}.filter-button{font-size:9px}.timeline-entry{grid-template-columns:29px 1fr;gap:8px}.entry-content{padding:14px}.paper-envelope{width:264px;height:186px}.envelope-seal{top:82px}.letter-paper{padding:26px 20px}.personal-note label>span{width:100%;margin-left:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ai-service-note{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#f3f0e8;border-radius:12px;font-size:12px;line-height:1.6;margin:20px 0 10px}.ai-service-note>span:nth-child(2){flex:1}.ai-service-note.connected{background:#edf3eb}.ai-consent{background:#f4f7f1;border-radius:12px;padding:15px}.portrait-progress{text-align:center;padding:32px 20px;background:#f2f6f0;border-radius:18px;display:grid;justify-items:center;gap:14px}.portrait-progress p,.personal-preview p{font-size:13px;line-height:1.8;color:#718073;margin:0}.generation-error{border:1px solid #e3c9af;padding:16px;border-radius:12px;color:#77573f;font-size:13px;line-height:1.7;margin-bottom:16px}.generation-error p{margin:6px 0}.personal-preview{background:#f6f7f1;border-radius:20px;padding:18px;margin:18px 0}.personal-preview>img{width:100%;max-height:370px;object-fit:contain;border-radius:14px}.personal-preview>div{padding:15px 6px 4px}.personal-preview h2{font-size:25px;margin:8px 0}.ai-setup{margin-top:22px;color:#727c71;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.ai-setup summary{cursor:pointer;color:#4c6354}.personal-upgrade{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#edf3eb;border-radius:16px;padding:20px 26px}.personal-upgrade strong{color:#45604c;font-size:15px;font-weight:500}.personal-upgrade p{color:#70816f;font-size:12px;line-height:1.8;margin:5px 0 0}.personal-upgrade .button{flex-shrink:0}@media(max-width:650px){.personal-upgrade{width:calc(100% - 36px);margin-top:16px;padding:18px;align-items:flex-start;flex-direction:column;gap:13px}.personal-upgrade .button{font-size:12px}.portrait-studio h1{font-size:32px}}.account-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.recovery-card .button{margin-top:12px}.recovery-code{width:100%;padding:15px;border:1px solid var(--line,#d8dfd1);border-radius:10px;font:14px ui-monospace,monospace;letter-spacing:.05em}.archive-consent{margin-top:22px}.button.disabled{opacity:.5;cursor:not-allowed}.privacy-page{max-width:780px;padding-top:32px;padding-bottom:70px}.privacy-page h1{margin:25px 0 12px}.privacy-page h2{margin:30px 0 10px;font-size:21px}.privacy-page p{line-height:1.9}.settings-sections details summary{cursor:pointer}.settings-sections details form{margin-top:20px}.account-links .text-button{font-size:13px}.consent a{color:var(--green,#496b52);text-decoration:underline;text-underline-offset:3px}