@font-face{font-family:Youfeng Letter;src:url(/assets/youfeng-letter-CL9FMIEp.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.mail-envelope{--envelope-handwriting: "Youfeng Letter", "Kaiti SC", STKaiti, KaiTi, cursive;width:min(390px,calc(100% - 20px));aspect-ratio:1.52;position:relative;perspective:1100px;transform:rotate(-3deg);margin:0 auto;color:var(--muted)}.mail-envelope-turn{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.mail-envelope-front,.mail-envelope-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border:1px solid #e0e3d3;background:#faf9ee;box-shadow:0 18px 36px #596c3b12,inset 0 0 0 5px #fffef64d}.mail-envelope-brand{position:absolute;top:24px;left:28px;display:flex;align-items:center;gap:8px;font-size:var(--text-caption);letter-spacing:.08em}.mail-envelope-stamp{position:absolute;top:19px;right:22px;width:50px;height:60px;border:3px dotted #faf9ee;background:#e5ecd9;color:#80946e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mail-envelope-address{position:absolute;top:38%;left:28px;right:24px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.mail-envelope-address small{font-size:var(--text-caption);letter-spacing:.15em}.mail-envelope-address>span{font-family:var(--envelope-handwriting);font-size:28px;letter-spacing:.03em;line-height:1.5;color:var(--ink);white-space:nowrap}.mail-envelope-footer{position:absolute;left:28px;right:24px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-envelope-from{font-size:var(--text-caption);letter-spacing:.04em;white-space:nowrap}.mail-envelope-mark{padding:2px 7px;border:1px solid #c5cfb9;color:#718461;font-family:var(--envelope-handwriting);font-size:18px;letter-spacing:.08em}.mail-envelope-open{position:relative;flex-shrink:0;min-height:48px;padding:10px 9px;border:1px solid #a9b597;border-radius:3px 2px 4px;background:repeating-linear-gradient(7deg,#f8f5e800 0,#f8f5e800 3px,#65794a08 3px,#65794a08 4px),linear-gradient(135deg,#f4f1dd,#e5ead6);color:#3f6248;box-shadow:1px 3px 5px #46563121,inset 0 1px #fffdf4;font-family:var(--envelope-handwriting);font-size:18px;line-height:1.4;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.mail-envelope-open:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px dashed #87997490;border-radius:1px;pointer-events:none}.mail-envelope-open:after{content:"";position:absolute;top:-1px;right:-1px;width:10px;height:10px;background:linear-gradient(45deg,#cbd3b6 48%,#faf9ee 52%);border-bottom-left-radius:2px;pointer-events:none}.mail-envelope-open>span{position:relative}.mail-envelope-open:hover:not(:disabled){transform:translateY(-2px);box-shadow:1px 5px 8px #46563129,inset 0 1px #fffdf4}.mail-envelope-open:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #46563121}.mail-envelope-open:focus-visible{outline:2px solid var(--green);outline-offset:3px}.mail-envelope-back{transform:rotateY(180deg);background:#e9eedf}.mail-envelope-pocket{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#f8f7ea;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%)}.mail-envelope-flap{position:absolute;top:0;right:0;bottom:44%;left:0;z-index:3;background:#e3e9d7;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:center top}.mail-envelope-seal{position:absolute;left:calc(50% - 19px);top:calc(56% - 19px);z-index:4;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dfe8d1;border:1px solid #c5d1b5;color:#829568}.mail-envelope-letter{position:absolute;top:18px;right:20px;bottom:18px;left:20px;z-index:1;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:#fffefa;box-shadow:0 2px 12px #4b63321a}.mail-envelope-letter>span{font-family:var(--envelope-handwriting);font-size:20px;line-height:1.6}.mail-envelope-letter i{width:90%;height:1px;background:#e0e6d8}.mail-envelope-letter i:last-child{width:64%}.mail-envelope.is-opening .mail-envelope-turn{animation:mail-turn .28s ease-in-out both}.mail-envelope.is-opening .mail-envelope-seal{animation:mail-unseal .18s .24s ease-out both}.mail-envelope.is-opening .mail-envelope-flap{animation:mail-unfold .3s .28s ease-in-out both}.mail-envelope.is-opening .mail-envelope-letter{animation:mail-draw .38s .5s ease-out both}@keyframes mail-turn{to{transform:rotateY(180deg)}}@keyframes mail-unseal{to{opacity:0;transform:scale(.8)}}@keyframes mail-unfold{to{transform:rotateX(140deg);z-index:0}}@keyframes mail-draw{to{transform:translateY(-35%)}}@media(max-width:900px){.mail-envelope-brand{top:18px;left:22px}.mail-envelope-address{left:22px;gap:4px;top:35%}.mail-envelope-address>span{font-size:24px}.mail-envelope-footer{left:22px;right:18px;bottom:14px}.mail-envelope-stamp{top:14px;right:16px;width:42px;height:52px}}@media(max-width:370px){.mail-envelope-brand,.mail-envelope-address,.mail-envelope-footer{left:18px}.mail-envelope-address>span{font-size:22px}.mail-envelope-footer{bottom:10px;right:14px}.mail-envelope-from{letter-spacing:0}.mail-envelope-mark{padding:3px 4px}.mail-envelope{aspect-ratio:1.32}.mail-envelope .mail-envelope-address{top:37%}.mail-envelope-letter{padding:12px;gap:9px}}@media(prefers-reduced-motion:reduce){.mail-envelope{transform:none}.mail-envelope-open{transition:none}.mail-envelope-open:hover:not(:disabled),.mail-envelope-open:active:not(:disabled){transform:none}.mail-envelope.is-opening .mail-envelope-turn,.mail-envelope.is-opening .mail-envelope-seal,.mail-envelope.is-opening .mail-envelope-flap,.mail-envelope.is-opening .mail-envelope-letter{animation:none}}: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: #667361;--line: #e1e7dc;--paper: #fffefa;--serif: "Songti SC", "STSong", "Noto Serif SC", serif;font-size:100%;line-height:1.7;--text-stamp: .75rem;--text-caption: .8125rem;--text-secondary: .875rem;--text-action: .9375rem;--text-body: 1rem;--text-letter: 1.125rem}*{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:var(--muted)}input:disabled{opacity:.5}h1{font-size:3rem;line-height:1.5;letter-spacing:.02em}h2{font-size:1.75rem;line-height:1.5}h3{font-size:1.3125rem;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:var(--text-body);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;min-height:44px;font-size:var(--text-action);line-height:1.6;color:var(--muted)}.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:var(--muted);font-size:var(--text-caption);line-height:1.6;letter-spacing:.12em;margin-bottom:19px}.muted{color:var(--muted);font-size:var(--text-body);line-height:1.9}.micro{font-size:var(--text-caption);line-height:1.9;color:var(--muted);display:flex;align-items:center;gap:5px}.place{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-secondary);color:var(--muted);line-height:1.5}.quiet-note{font-size:var(--text-secondary);text-align:center;color:var(--muted);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:var(--muted);gap:15px;font-size:var(--text-body)}.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:var(--text-body);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:1.5rem;letter-spacing:.15em;line-height:1.1}.brand small{font-family:-apple-system,PingFang SC,sans-serif;display:block;font-size:var(--text-caption);letter-spacing:.23em;margin-top:8px;line-height:1.45;color:var(--muted)}.main-nav{display:flex;gap:42px;align-items:center;height:100%;position:absolute;left:50%;transform:translate(-50%)}.main-nav a{font-size:var(--text-secondary);display:flex;align-items:center;gap:8px;height:100%;position:relative;color:var(--muted)}.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:var(--text-caption);letter-spacing:.04em;padding:5px 9px;border:1px solid #dfe5d9;border-radius:5px;color:var(--muted);white-space:nowrap}.profile-button{width:36px;height:36px;border-radius:50%;background:#eef2e7;color:var(--muted);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:var(--muted);font-size:var(--text-caption);border-top:1px solid var(--line)}.footer-dot{margin:0 12px}.footer .text-button{font-size:var(--text-secondary);color:var(--muted)}.demo-banner{display:flex;justify-content:center;gap:18px;align-items:center;padding:8px 18px;background:#eef1e4;color:var(--muted);font-size:var(--text-caption)}.demo-banner button{font-size:var(--text-action);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:3.1875rem;line-height:1.52;letter-spacing:.03em;margin-bottom:22px}.hero-description{font-size:var(--text-body);line-height:2;color:var(--muted);white-space:pre-line;margin-bottom:30px}.hero .button{min-width:211px;font-size:var(--text-body)}.action-note{font-size:var(--text-caption);color:var(--muted);margin:17px 0 0;display:flex;align-items:center;gap:6px}.little-leaf{font-size:1.0625rem;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:var(--text-caption);background:#fffffff0;color:var(--muted);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:var(--text-body);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:var(--text-stamp);color:#a8b697;transform:rotate(-17deg)}.postmark small{display:none}.postcard-peek{position:absolute;bottom:-33px;left:15%;font-size:var(--text-caption);letter-spacing:.1em;color:var(--muted);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:var(--muted)}.ritual-strip strong{font-size:var(--text-secondary);font-weight:500;display:block;color:var(--muted)}.ritual-strip small{display:block;font-size:var(--text-caption);color:var(--muted);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:var(--text-caption)}.section-heading h2{font-size:1.6875rem;margin-bottom:0}.section-heading .text-button{font-size:var(--text-action);padding-bottom:5px}.destination-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.preview-card{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;text-align:left;padding:0;background:transparent}.preview-art{width:100%;flex-shrink:0;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:var(--muted);padding:4px 8px;font-size:var(--text-caption)}.preview-caption{padding:15px 2px}.preview-caption p{font-family:var(--serif);font-size:var(--text-letter);line-height:1.7;margin:7px 0;color:#64765b}.time-inline{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:var(--text-secondary);color:var(--muted);margin-bottom:12px}.time-inline span{margin-left:15px;font-size:var(--text-caption);border-bottom:1px dashed #a2b296;color:var(--muted)}.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:2.6875rem}.journey-clock{display:flex;align-items:center;gap:10px;color:var(--muted);margin:20px 0 27px}.journey-clock>svg{flex-shrink:0}.journey-clock strong{flex-shrink:0;white-space:nowrap;font-weight:400;display:block;font-size:1.4375rem;font-family:var(--serif)}.journey-clock span{min-width:0;font-size:var(--text-caption);color:var(--muted)}.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:var(--text-caption);color:var(--muted);letter-spacing:.07em}.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}.preparing{font-size:var(--text-secondary);color:var(--muted);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:2.1875rem;line-height:1.55;margin:13px 0}.onboarding-art p{font-size:var(--text-secondary);opacity:.8}.onboarding-form{padding-top:10px;align-self:center}.onboarding-form h1{font-size:2.0625rem;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:var(--text-caption);color:var(--muted);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:var(--text-caption);font-style:normal}.step-track .current{color:var(--muted)}.step-track .current i{background:#e2ead7;border-color:#e2ead7}.field{display:block;font-size:var(--text-secondary);color:var(--muted);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;font-size:var(--text-body)}.phone-input span{font-size:var(--text-body);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:var(--text-body);outline-offset:1px!important}.code-input button{font-size:var(--text-body);white-space:nowrap;margin-right:14px;color:var(--muted)}.onboarding-form .micro{margin-top:16px}.simulation-note{background:#eef2e6;font-size:var(--text-caption);color:var(--muted);padding:10px 13px;border-radius:5px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-secondary);line-height:1.8;background:#f0f3e9;padding:15px;margin:23px 0;border-radius:7px;color:var(--muted)}.consent input{margin-top:3px}.consent small{display:block;color:var(--muted);font-size:var(--text-caption);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:var(--muted)}.photo-add span{font-size:var(--text-caption)}.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:var(--text-caption)}.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:var(--muted)}.avatar-option strong{font-weight:500;font-size:var(--text-secondary);padding-left:3px}.avatar-option small{display:block;font-size:var(--text-caption);color:var(--muted);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:2.375rem;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-paper{max-width:800px;margin:24px 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:var(--text-caption);color:var(--muted);letter-spacing:.08em;display:flex;align-items:center;gap:7px}.letter-paper h1{font-size:2.0625rem;line-height:1.8;max-width:560px;margin-bottom:15px}.duration-line{font-size:var(--text-secondary);color:var(--muted);margin-bottom:39px}.duration-line strong{font-weight:400;color:var(--muted)}.letter-traveler{display:flex;align-items:center;gap:12px;margin:-18px 0 32px;color:var(--muted)}.letter-traveler>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.letter-traveler strong,.letter-traveler small{display:block;font-size:var(--text-action);font-weight:400}.letter-traveler small{margin-top:4px;color:var(--muted);font-size:var(--text-secondary)}.letter-body p{font-family:var(--serif);font-size:var(--text-letter);line-height:2.2;color:#52664f;margin-bottom:24px;white-space:pre-line}.letter-body .salutation{font-size:var(--text-letter);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:var(--muted);font-size:1.0625rem}.signature small{display:block;width:100%;text-align:right;font-family:inherit;font-size:var(--text-caption);color:var(--muted)}.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:var(--text-action);color:var(--muted)}.place-details summary::-webkit-details-marker{display:none}.place-details summary>span{margin-left:auto;font-size:var(--text-secondary);color:var(--muted)}.place-details>div{padding:6px 0 20px}.place-details h3{font-size:var(--text-secondary);margin-bottom:8px}.place-details h3 span{font:var(--text-secondary) -apple-system,sans-serif;margin-left:8px;color:var(--muted)}.place-details p{font-size:var(--text-body);color:var(--muted)}.coordinates{letter-spacing:.08em;font-size:var(--text-caption)!important}.detail-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.detail-links .text-button{font-size:var(--text-action)}.personal-note{margin-top:34px}.personal-note>label{display:flex;align-items:center;gap:7px;font-size:var(--text-secondary);color:var(--muted);flex-wrap:wrap}.personal-note label>span{margin-left:auto;font-size:var(--text-caption);color:var(--muted)}.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:var(--text-body);color:var(--muted)}.personal-note>div{display:flex;align-items:center;justify-content:space-between}.personal-note .text-button{font-size:var(--text-action)}.personal-note .micro{font-size:var(--text-caption)}.letter-bottom{display:flex;align-items:center;flex-direction:column;gap:9px;margin:30px 0 0}.letter-bottom .micro{font-size:var(--text-caption);margin:3px 0}.letter-bottom>.text-button{font-size:var(--text-action);margin-top:5px}.danger-subtle{color:var(--muted);font-size:var(--text-action)!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:var(--text-secondary)}.revealing .scene-frame{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:var(--text-caption);letter-spacing:.06em;margin-bottom:10px}.journal-top h1{font-size:2.4375rem;margin-bottom:12px}.journal-top .muted{font-size:var(--text-body);margin-bottom:0}.journal-mark{display:flex;align-items:center;gap:15px;color:var(--muted);transform:rotate(5deg);font-family:var(--serif);font-size:var(--text-action);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:var(--muted);font-size:var(--text-caption)}.journal-overview strong{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--muted);margin:0 4px}.journal-overview>i{height:17px;width:1px;background:#dde4d3}.overview-aside{margin-left:auto;font-family:var(--serif);color:var(--muted)}.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:var(--text-action);color:var(--muted)}.segmented button.selected{background:#fffefa;color:var(--muted);box-shadow:0 2px 4px #5668390a}.filter-button{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-action)}.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:1.6875rem;color:var(--muted)}.month-heading>small{font-size:var(--text-caption);color:var(--muted)}.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:1.5625rem;color:var(--muted)}.entry-date>span{font-size:var(--text-caption);color:var(--muted);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:var(--muted)}.entry-content .place{font-size:var(--text-secondary)}.entry-content h3{font-size:1.1875rem;margin:12px 0 9px;line-height:1.65}.entry-content>p{font-size:var(--text-caption);color:var(--muted);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:var(--muted);font-size:var(--text-caption);gap:7px}.entry-bottom>span{display:flex;align-items:center;gap:6px;color:var(--muted)}.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:var(--text-caption);margin-bottom:7px}.timeline-end{font-family:var(--serif);display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);font-size:var(--text-action);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:1.25rem;font-weight:400;display:block;color:var(--muted)}.map-heading span{display:block;margin-top:8px;font-size:var(--text-caption);color:var(--muted)}.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:var(--muted)}.map-controls button:hover{background:#e5eddc}.map-marker{cursor:pointer}.map-attribution{font-size:var(--text-caption);color:var(--muted);position:absolute;left:14px;bottom:9px}.map-places{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0}.map-places button{font-size:var(--text-action);display:flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid #e1e8d7;border-radius:20px;color:var(--muted)}.map-places button.selected{background:#e5eedb;border-color:#cdddbc;color:var(--muted)}.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:var(--text-caption)}.map-selection h2{font-size:1.625rem;margin-bottom:8px}.map-selection p{font-family:var(--serif);font-size:1.0625rem;color:var(--muted);margin-bottom:13px}.visit-links{display:flex;flex-wrap:wrap;gap:7px 25px}.visit-links .text-button{font-size:var(--text-action)}.settings{padding-bottom:35px}.settings>h1{font-size:2.3125rem;margin:15px 0 10px}.settings>.muted{font-size:var(--text-body)}.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:var(--muted)}.settings-account h2{font-size:1.375rem;margin:0 0 7px}.settings-account>p{font-size:var(--text-secondary);color:var(--muted)}.settings-account .mock-badge{display:inline-block}.settings-account .micro{font-size:var(--text-caption);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:var(--text-action)}.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:1.5rem}.settings-sections .field{max-width:360px}.settings-sections .photo-picker{max-width:400px}.settings-sections .muted{font-size:var(--text-body)}.settings-photo-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:20px}.settings-sections .button{font-size:var(--text-body);min-height:43px;padding:12px 20px}.settings-sections .text-button{font-size:var(--text-action)}.checkbox-line{display:flex;gap:11px;align-items:flex-start;font-size:var(--text-secondary);color:var(--muted);line-height:1.7;margin:18px 0}.checkbox-line small{display:block;font-size:var(--text-caption);color:var(--muted);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:1.5rem;margin:0}.modal>.muted{font-size:var(--text-body);margin-bottom:24px}.modal>p{font-size:var(--text-body);color:var(--muted)}.modal>.micro{font-size:var(--text-caption)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.modal-actions .button{font-size:var(--text-body);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:var(--muted)}.demo-actions>button:hover{background:#f2f6e9}.demo-actions>button>span{font-size:var(--text-action)}.demo-actions small{display:block;font-size:var(--text-caption);color:var(--muted);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:var(--text-action);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:3.5625rem}.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:2.5rem}.hero .eyebrow{font-size:var(--text-caption)}.postcard-image{aspect-ratio:1.1}.postcard-caption{padding:17px 7px;min-height:90px}.postcard-caption p{font-size:var(--text-body)}.postmark{width:62px;height:62px;font-size:var(--text-stamp)}.postmark small{font-size:var(--text-stamp)}.ritual-strip{margin:0 28px;padding:23px 8px;gap:14px}.ritual-strip>div{gap:10px}.ritual-strip strong,.ritual-strip small{font-size:var(--text-caption)}.onboarding-layout{gap:35px}.onboarding-art{min-height:570px}.onboarding-art>div{left:25px}.onboarding-art h2,.onboarding-form h1{font-size:1.8125rem}.journey-hero{gap:25px}.journey-copy h1{font-size:2.1875rem}.timeline{max-width:100%}.entry-card{grid-template-columns:220px 1fr}.entry-content{padding:18px}.entry-content h3{font-size:1.0625rem}.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:1.3125rem}.brand small{font-size:var(--text-caption);letter-spacing:.17em;margin-top:6px}.header-actions{gap:10px}.mock-badge{font-size:var(--text-caption);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:var(--text-secondary);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:var(--text-caption);letter-spacing:.12em;margin-bottom:16px}.hero h1{font-size:2.4375rem;line-height:1.45;margin-bottom:17px}.hero-description{font-size:var(--text-body);line-height:1.95;margin-bottom:21px}.hero .button{min-width:200px;min-height:46px;font-size:var(--text-body);padding:13px 20px}.action-note{font-size:var(--text-caption);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:var(--text-body);line-height:1.6;max-width:215px}.postcard-caption .place{font-size:var(--text-secondary)}.postmark{width:59px;height:59px}.postcard-peek{font-size:var(--text-caption);bottom:-27px;left:15%}.sample-tag{top:9px;right:9px;font-size:var(--text-caption);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:var(--text-secondary)}.ritual-strip small{font-size:var(--text-caption);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:var(--text-caption)}.section-heading h2{font-size:1.625rem}.section-heading .text-button{font-size:var(--text-action)}.destination-preview{grid-template-columns:1fr;gap:17px}.preview-art{aspect-ratio:1.75}.preview-caption{padding:13px 2px}.preview-caption p{font-size:var(--text-letter);margin-top:7px}.preview-caption .place{font-size:var(--text-secondary)}.quiet-note{font-size:var(--text-caption);margin:20px 0;line-height:1.9}.footer{padding:20px 22px 88px;margin-top:27px;font-size:var(--text-caption);gap:10px}.footer-dot{margin:0 6px}.footer .text-button{font-size:var(--text-secondary)}.demo-banner{font-size:var(--text-caption);gap:10px;flex-wrap:wrap;padding:7px 18px}.demo-banner button{font-size:var(--text-action)}.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:2.0625rem;line-height:1.6}.journey-copy .eyebrow{font-size:var(--text-caption)}.journey-clock strong{font-size:1.4375rem}.journey-clock span{font-size:var(--text-caption)}.journey-clock{margin:24px 0}.journey-copy .button{font-size:var(--text-body);min-height:45px}.journey-copy .under-action{font-size:var(--text-action)}.sealed-scene{width:100%;min-height:300px}.sealed-scene>p{font-size:var(--text-caption);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:1.5rem;line-height:1.5;margin:3px 0}.onboarding-art>div>svg{display:none}.onboarding-art p{font-size:var(--text-caption);margin:6px 0 7px}.onboarding-form{width:100%;padding-top:12px;max-width:420px;margin:auto}.onboarding-form h1{font-size:1.9375rem;margin:27px 0 13px}.onboarding-form .muted{font-size:var(--text-body)}.step-track{justify-content:flex-start;gap:25px}.step-track>span{font-size:var(--text-caption)}.onboarding{padding-bottom:15px}.onboarding-form .full{font-size:var(--text-action)}.field,.onboarding-form .micro,.photo-add span{font-size:var(--text-caption)}.photo-add{gap:8px}.photo-grid{gap:10px}.consent{font-size:var(--text-caption);padding:12px}.consent small{font-size:var(--text-caption)}.avatar-options{gap:14px}.letter-intro{padding:24px 0 30px}.letter-intro .eyebrow{font-size:var(--text-caption)}.letter-intro h1{font-size:1.875rem;line-height:1.65}.letter-intro .button{font-size:var(--text-body);min-height:45px}.letter-toolbar{gap:10px}.letter-toolbar .micro{font-size:var(--text-caption)}.letter-toolbar .text-button{font-size:var(--text-action)}.letter-toolbar .back{margin:19px 0}.landscape-caption{left:17px;right:17px;bottom:19px;font-size:var(--text-caption)}.landscape-caption .place{font-size:var(--text-secondary)}.letter-paper{margin:14px 12px 0;padding:30px 24px 29px}.letter-meta{margin-bottom:20px}.letter-meta>span:first-child{font-size:var(--text-caption)}.letter-meta .postmark{width:60px;height:60px}.letter-paper h1{font-size:1.625rem;line-height:1.7}.duration-line{font-size:var(--text-secondary);margin-bottom:28px;line-height:1.9}.letter-body p{font-size:var(--text-letter);line-height:2.05;margin-bottom:24px}.letter-body .salutation{font-size:var(--text-letter)}.signature{font-size:1.0625rem;margin:28px 0}.signature small{font-size:var(--text-caption)}.place-details summary{font-size:var(--text-action);gap:6px}.place-details summary>span{font-size:var(--text-secondary)}.place-details>div>p{font-size:var(--text-body)}.detail-links{gap:8px}.detail-links .text-button{font-size:var(--text-action)}.personal-note>label{font-size:var(--text-caption);gap:6px}.personal-note label>span{font-size:var(--text-caption)}.personal-note textarea{font-size:var(--text-body);padding:12px}.personal-note .micro{font-size:var(--text-caption)}.personal-note .text-button{font-size:var(--text-action)}.letter-bottom .button{font-size:var(--text-body);min-height:45px}.letter-bottom .micro{font-size:var(--text-caption)}.journal{padding-top:31px}.journal-top{margin-bottom:24px}.journal-top .eyebrow{font-size:var(--text-caption);gap:6px;letter-spacing:.05em}.journal-top .eyebrow svg{width:13px}.journal-top h1{font-size:1.875rem;margin-bottom:12px}.journal-top .muted{font-size:var(--text-body);max-width:230px}.journal-mark{display:none}.journal-overview{gap:13px;padding:15px 0;font-size:var(--text-caption)}.journal-overview strong{font-size:1.3125rem;margin:0 2px}.overview-aside{display:none}.journal-controls{margin:23px 0}.segmented{padding:3px}.segmented button{font-size:var(--text-action);padding:9px 13px;gap:5px}.segmented svg{width:14px}.filter-button{font-size:var(--text-action);gap:5px}.filter-button svg{width:13px}.month-heading{margin:26px 0 18px}.month-heading>span{font-size:1.5625rem}.month-heading>small{font-size:var(--text-caption)}.timeline-entry{grid-template-columns:36px 1fr;gap:11px;margin-bottom:24px}.entry-date{padding-top:8px}.entry-date strong{font-size:1.375rem}.entry-date>span{font-size:var(--text-caption);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:var(--text-letter);margin:12px 0 10px}.entry-content>p{font-size:var(--text-caption);margin-bottom:15px}.entry-content .place{font-size:var(--text-secondary)}.entry-bottom{font-size:var(--text-caption)}.entry-bottom>span{gap:3px}.entry-bottom svg{width:12px}.unread-art{min-height:140px}.timeline-end{font-size:var(--text-caption);padding:15px 0 5px}.empty{padding:60px 10px;min-height:310px}.empty h2{font-size:1.5625rem}.empty p,.empty .button{font-size:var(--text-body)}.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:1.0625rem}.map-heading span{font-size:var(--text-caption);margin-top:6px}.map-controls{bottom:23px;right:12px}.map-controls button{width:29px;height:31px}.map-attribution{font-size:var(--text-caption)}.map-places{gap:7px;margin-top:15px}.map-places button{font-size:var(--text-action);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:var(--text-caption)}.map-selection h2{font-size:1.375rem}.map-selection p{font-size:var(--text-action);line-height:1.8;margin-bottom:8px}.visit-links{gap:4px}.visit-links .text-button{font-size:var(--text-action)}.settings .back{margin:22px 0}.settings>h1{font-size:1.8125rem;margin-top:7px}.settings>.muted{font-size:var(--text-body)}.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:1.3125rem}.settings-account .micro{margin:17px 0 12px}.settings-sections h2{font-size:1.5rem}.settings-sections .muted{font-size:var(--text-body)}.settings-photo-actions{gap:15px}.settings-sections .button{font-size:var(--text-body)}.settings-sections .text-button{font-size:var(--text-action)}.checkbox-line,.checkbox-line small{font-size:var(--text-caption)}.modal{padding:23px;border-radius:12px;max-height:85dvh}.modal-head h2{font-size:1.375rem}.modal .button{font-size:var(--text-body)}.modal>.muted{font-size:var(--text-body)}.modal>.micro{font-size:var(--text-caption)}.modal-actions{gap:8px}.modal-actions .button{padding:11px 13px;font-size:var(--text-body)}.toast{bottom:84px;font-size:var(--text-secondary);padding:12px 17px;width:max-content;max-width:calc(100vw - 32px)}.time-inline,.time-inline span{font-size:var(--text-caption)}.demo-actions>button{padding:16px 5px}.demo-actions>button>span{font-size:var(--text-action)}.demo-actions small{font-size:var(--text-caption)}.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:2.25rem}.header-actions .mock-badge{display:none}.brand>span{font-size:1.25rem}.hero .eyebrow,.hero .action-note{font-size:var(--text-caption)}.hero-postcard{width:calc(100% - 4px)}.postcard-caption{padding:13px 5px}.postcard-caption p{font-size:var(--text-body)}.postcard-caption .postmark{width:49px;height:49px;font-size:var(--text-stamp)}.postmark small{font-size:var(--text-stamp)}.postmark svg{width:17px}.journal-top h1{font-size:1.6875rem}.segmented button{padding:9px 10px}.filter-button{font-size:var(--text-action)}.timeline-entry{grid-template-columns:29px 1fr;gap:8px}.entry-content{padding:14px}.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:var(--text-secondary);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:var(--text-action);line-height:1.8;color:var(--muted);margin:0}.generation-error{border:1px solid #e3c9af;padding:16px;border-radius:12px;color:#77573f;font-size:var(--text-action);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:1.5625rem;margin:8px 0}.ai-setup{margin-top:22px;color:var(--muted);font-size:var(--text-secondary);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:var(--text-body);font-weight:500}.personal-upgrade p{color:var(--muted);font-size:var(--text-secondary);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:var(--text-body)}.portrait-studio h1{font-size:2rem}}.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:var(--text-body) 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:1.3125rem}.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:var(--text-action)}.consent a{color:var(--green, #496b52);text-decoration:underline;text-underline-offset:3px}.letter-scene{--scene-height: 60vh;--scene-width: 1280px;--scene-distance: 0px;--scene-top: 20px;--scene-scale: 1;--scene-shift: 0%;--scene-progress: 1;max-width:1280px;margin:0 auto;height:calc(var(--scene-height) + var(--scene-distance) + 104px);position:relative}.scene-pin{position:sticky;top:var(--scene-top);width:min(100%,var(--scene-width));margin:0 auto}.scene-frame{height:var(--scene-height);overflow:hidden;background:#edf1e7}.scene-frame>img{width:100%;height:100%;object-fit:contain;transform:translateY(var(--scene-shift)) scale(var(--scene-scale));transform-origin:50% 48%}.letter-scene[data-motion=scroll] .scene-frame>img{will-change:transform}.scene-progress{height:2px;background:#e5eadd;overflow:hidden}.scene-progress>span{display:block;height:100%;background:#90a386;transform:scaleX(var(--scene-progress));transform-origin:left}.scene-info{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 3px 7px}.scene-place{display:grid;gap:5px}.scene-place .place{font-size:var(--text-action);color:#56715c}.scene-place small{font-size:var(--text-caption);line-height:1.6;color:var(--muted)}.scene-actions{display:flex;flex-shrink:0;gap:22px;align-items:center}.scene-actions .text-button{font-size:var(--text-action);min-height:44px;white-space:nowrap}.scene-scroll-note{height:30px;display:flex;align-items:center;gap:6px;justify-content:center;font-size:var(--text-caption);letter-spacing:.09em;color:var(--muted);margin:0}.scene-note-end,.letter-scene[data-expanded=true] .scene-note-start{display:none}.letter-scene[data-expanded=true] .scene-note-end{display:inline}.letter-scene[data-motion=still]{height:auto}.letter-scene[data-motion=still] .scene-pin{position:relative;top:0}.letter-scene[data-motion=still] .scene-scroll-note,.letter-scene[data-motion=still] .scene-progress{display:none}.scene-viewer{width:min(1440px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;padding:16px 22px 10px;background:#fafbf7;border:1px solid #dce4d6;color:var(--ink);box-shadow:0 25px 100px #152b2644;overflow:hidden}.scene-viewer[open]{display:grid;grid-template-rows:48px minmax(0,1fr) 28px;gap:8px}.scene-viewer::backdrop{background:#1e322bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.scene-viewer-head>span{display:flex;gap:10px;align-items:center;font-size:var(--text-action)}.scene-viewer-head .icon-button{min-width:44px;min-height:44px}.scene-viewer>img{width:100%;height:100%;min-height:0;object-fit:contain}.scene-viewer>p{margin:0;text-align:center;font-size:var(--text-caption);color:var(--muted);align-self:center}@media(max-width:650px){.scene-info{padding:9px 17px 5px;gap:8px;flex-wrap:wrap}.scene-place .place{font-size:var(--text-action)}.scene-place small{font-size:var(--text-caption)}.scene-actions{gap:13px;margin-left:auto}.scene-actions .text-button{font-size:var(--text-action);gap:4px}.scene-actions .text-button svg{width:16px}.scene-scroll-note{font-size:var(--text-caption)}.scene-viewer{padding:8px 12px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.scene-viewer-head>span{font-size:var(--text-caption)}}@media(prefers-reduced-motion:reduce){.letter-scene .scene-frame>img{transform:none;will-change:auto}}.letter-traveler{line-height:1.65}.letter-toolbar .micro{min-width:0;text-align:right}.detail-links a{overflow-wrap:anywhere}.step-track,.journal-controls,.journal-overview{flex-wrap:wrap}.journal-controls{gap:14px}.place-details summary{flex-wrap:wrap}.place-details summary>span{white-space:nowrap}.postcard-caption .postmark,.letter-meta .postmark{min-width:64px;min-height:64px}.postcard-caption p{max-width:none}.map-heading{right:18px}.map-controls button{min-width:44px;min-height:44px}.map-attribution{right:65px}@media(max-width:700px){.main-nav{height:calc(72px + env(safe-area-inset-bottom));gap:0}.main-nav a{width:50%;height:66px}.brand small{letter-spacing:.06em}.step-track{gap:12px}.timeline-entry{grid-template-columns:42px minmax(0,1fr);gap:10px}.entry-bottom{flex-wrap:wrap}.signature small{line-height:1.7}.letter-bottom .micro{text-align:center}.letter-body .salutation{line-height:2.05}.map-selection{grid-template-columns:1fr}.map-selection>img{aspect-ratio:1.5;height:auto;max-height:220px}.scene-viewer-head>span{font-size:var(--text-secondary)}}@media(max-width:650px){.letter-scene{height:calc(var(--scene-height) + var(--scene-distance) + 144px)}.letter-scene[data-motion=still]{height:auto}}:root{--page-gutter: 32px;--page-max: 1200px;--space-inline: 12px;--space-related: 16px;--space-group: 24px;--space-section: 48px}.page-width,.header-inner,.footer{width:100%;max-width:var(--page-max);padding-inline:var(--page-gutter);margin-inline:auto}.header{height:96px}.header-inner{gap:24px}.brand{flex-shrink:0}.header-actions{gap:16px}.profile-button{width:44px;height:44px;flex-shrink:0}.text-button{text-align:left}.button{min-height:48px}h1,h2,h3{text-wrap:balance}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding-block:12px}.page-toolbar .back{flex-shrink:0;margin:0}.page-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}.page-toolbar-actions .text-button{flex-shrink:0;white-space:nowrap}.page-toolbar-actions .micro{margin:0;text-align:right}.privacy-page{padding-block:12px 64px;max-width:760px;margin-inline:auto}.eyebrow{margin-bottom:16px}.footer{margin-top:48px;padding-block:24px;gap:16px;align-items:baseline}.footer>span{min-width:0}.footer .text-button{flex-shrink:0;padding:0;min-height:44px;font-size:inherit;line-height:inherit}.footer .footer-privacy{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;min-height:0;padding-block:64px}.hero-copy{padding:0;min-width:0}.hero h1{margin-bottom:24px}.hero-break-mobile{display:none}.hero-description{margin-bottom:24px}.action-note{margin-top:16px;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:start;line-height:1.7}.action-note-icon{color:#859975;margin-top:calc((1.7em - 14px)/2)}.hero-postcard{transform:none;margin:0;padding:10px 10px 0;min-width:0}.postcard-image{aspect-ratio:1.43}.postcard-caption{padding:20px 14px 16px;min-height:0;gap:16px}.postcard-caption>div{min-width:0}.postcard-caption p{margin-top:8px}.postcard-peek{position:static;transform:none;text-align:center;padding:0 14px 20px}.ritual-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;padding-block:28px;gap:32px}.ritual-strip>div{align-items:flex-start;gap:12px;min-width:0}.ritual-strip>div>svg{flex-shrink:0;margin-top:2px}.ritual-strip small{margin-top:4px}.somewhere{padding-top:48px}.section-heading{align-items:flex-end;gap:24px;margin-bottom:24px}.section-heading .text-button{flex-shrink:0}.destination-preview{gap:24px}.preview-caption{padding:16px 0 0}.preview-caption p{margin:8px 0 0}.quiet-note{margin-block:32px 0}.somewhere-departure{display:flex;justify-content:center;margin-top:20px}.somewhere-departure .button{min-width:211px}.journey-hero{gap:48px;padding-block:64px;min-height:0}.journey-copy{padding:0;min-width:0}.journey-clock{margin-block:24px}.journey-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.journey-actions>button{flex-shrink:0}@media(max-width:370px){.journey-actions{column-gap:12px}.journey-actions>.button{padding-inline:18px}}.time-inline{flex-wrap:wrap;gap:8px}.time-inline span{margin-left:0}.under-action{max-width:100%}.letter-toolbar .micro{justify-content:flex-end;margin:0;text-align:right}.letter-scene{max-width:1200px;height:calc(var(--scene-height) + var(--scene-distance) + var(--scene-caption-height, 144px))}.scene-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding:12px 0 0;align-items:center}.scene-place{display:contents}.scene-place .place{grid-column:1;grid-row:1;min-width:0}.scene-place small{grid-column:1 / -1;grid-row:2}.scene-actions{grid-column:2;grid-row:1;margin:0;justify-content:flex-end}.scene-pin{container-type:inline-size}.scene-scroll-note{min-height:44px;height:auto;padding-block:8px;margin-top:12px;width:100%;justify-content:center;text-align:center;font-size:var(--text-caption)}.letter-scene[data-motion=still] .scene-scroll-note{display:flex}.letter-paper{max-width:760px;padding:48px;margin-top:32px;scroll-margin-top:24px}.letter-meta{align-items:center;margin-bottom:32px;gap:24px}.letter-meta>span:first-child{min-width:0}.letter-paper h1{margin-bottom:20px;max-width:none}.duration-line{margin-bottom:20px}.letter-traveler{margin:0 0 36px;align-items:center;gap:12px}.letter-traveler>img{flex-shrink:0}.letter-traveler>span{min-width:0}.letter-body p,.letter-body .salutation{margin-bottom:24px}.signature{margin-block:32px 40px;gap:8px}.place-details{margin-block:32px}.place-details summary{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;padding-block:20px}.place-details summary>span{margin:0}.place-details>div{padding-block:4px 24px}.detail-links{flex-direction:column;align-items:flex-start;gap:4px}.detail-links .text-button{justify-content:flex-start}.personal-note{margin-top:32px}.personal-note>label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}.personal-note label>span{grid-column:2;margin:0;width:auto}.personal-note>div{align-items:flex-start;gap:12px}.personal-note>div .micro{margin-block:10px}.personal-note textarea{margin-top:12px}.letter-bottom{align-items:stretch;gap:12px;margin-top:32px}.letter-bottom .micro{justify-content:center;margin:0;text-align:center}.letter-bottom>.text-button{justify-content:center;margin:0}.letter-bottom .button{width:100%}.journal{padding-top:48px}.journal-top{margin-bottom:32px;align-items:flex-start}.journal-top h1{margin-bottom:12px}.journal-top .muted{max-width:none}.journal-overview{gap:16px 24px;padding-block:20px}.journal-controls{align-items:center;gap:16px;margin-block:24px 32px}.segmented{flex-shrink:0}.filter-button{min-height:44px}.timeline{max-width:970px}.month-heading{margin-block:32px 24px}.timeline-entry{grid-template-columns:72px minmax(0,1fr);gap:24px;margin-bottom:32px}.timeline-entries:before{left:59px}.entry-date{padding-top:16px}.entry-date:after{right:6px}.entry-card{width:100%;grid-template-columns:280px minmax(0,1fr);min-width:0;align-items:stretch}.entry-content{padding:24px;display:flex;flex-direction:column;align-items:stretch}.entry-content h3{margin-block:12px}.entry-content>p{margin-bottom:20px}.entry-bottom{margin-top:auto;flex-wrap:wrap;gap:8px 16px}.entry-top .place{min-width:0;text-align:left}.map-selection{gap:24px}.map-selection>div{min-width:0}.map-selection .visit-links{align-items:flex-start}.map-heading{top:24px;left:24px}.map-attribution{left:24px;right:80px;bottom:12px}.map-controls{right:16px;bottom:16px}.map-places{gap:8px;margin-block:20px}.map-places button{min-height:40px;padding:8px 14px}.onboarding{padding-bottom:48px}.onboarding-layout{max-width:none;margin:12px 0 0;gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.onboarding-form{padding:0;min-width:0;width:100%;align-self:start}.onboarding-form h1{margin-block:24px 16px}.onboarding-form>.muted,.onboarding-form form>.muted{margin-bottom:24px}.step-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.step-track>span{gap:6px;align-items:center}.step-track i{flex-shrink:0}.field{margin-block:24px 0}.field>input,.field textarea,.phone-input,.code-input{margin-top:8px;min-height:52px}.onboarding-form .full{margin-top:24px}.consent,.checkbox-line{gap:12px;margin-block:24px}.consent input,.checkbox-line input{margin-left:0}.account-links{gap:12px 24px;margin-top:16px}.account-links .text-button{justify-content:flex-start}.account-break-mobile{display:none}.photo-grid{gap:12px}.photo-add,.photo-thumb{aspect-ratio:1}.portrait-onboarding .onboarding-layout{align-items:stretch}.portrait-onboarding .onboarding-art{align-self:stretch}.portrait-onboarding .onboarding-form{align-self:stretch;display:flex;flex-direction:column}.portrait-studio{flex:1;display:flex;flex-direction:column}.portrait-studio h1{margin-block:16px 8px}.portrait-studio .portrait-intro{line-height:1.6;margin:0}.portrait-studio .ai-service-note{min-height:44px;padding:0;margin:8px 0 4px;background:transparent;border-radius:0}.portrait-studio .ai-service-note .text-button{width:44px;min-height:44px;justify-content:center}.portrait-consent{display:flex;align-items:center;gap:16px;padding:0;margin:0 0 12px;background:transparent}.portrait-consent .consent{min-height:44px;margin:0;padding:0;gap:10px;align-items:center;background:transparent;cursor:pointer}.portrait-consent .consent input{margin:0}.portrait-consent .consent-privacy{min-height:44px;padding:0;font-size:var(--text-secondary);text-decoration:underline;text-underline-offset:4px}.portrait-studio .photo-grid{max-width:336px}.portrait-studio .photo-picker .micro{line-height:1.65;margin:10px 0 0}.portrait-studio .photo-picker .photo-hint{margin-top:4px}.portrait-studio .ai-consent{margin:8px 0 0}.portrait-studio>.full{margin-top:16px}.portrait-studio>.under-action{align-self:center;margin-top:8px;min-height:44px}@media(min-width:701px){.portrait-onboarding .onboarding-art{min-height:610px}.portrait-studio>.under-action:last-child{margin-top:auto;padding-top:8px}}.settings>h1{margin-block:12px 16px}.settings>.muted{margin-bottom:0}.settings-grid{grid-template-columns:260px minmax(0,1fr);margin-top:40px;gap:64px}.settings-sections{width:100%;max-width:640px}.settings-sections>section{margin-bottom:40px;padding-bottom:40px}.settings-sections h2{margin-bottom:16px}.settings-sections .field,.settings-sections .photo-picker{max-width:none}.settings-sections .field+.micro{margin-block:12px 24px}.settings-sections .button+.micro{margin-top:12px}.settings-photo-actions{gap:12px 24px;margin-top:24px}.modal{padding:24px}.modal-head{align-items:flex-start;gap:16px;margin-bottom:24px}.modal-head h2{min-width:0;margin:0}.modal-head .icon-button{margin:-4px -4px 0 0;width:40px;height:40px}.modal>.muted{margin-bottom:24px}.modal>.micro{margin-block:16px}.modal-actions{gap:12px;margin-top:24px;flex-wrap:wrap}.modal-actions .button{flex:1 1 120px}.export-preview{max-width:100%}.modal.wide.privacy-modal{padding:0;max-height:calc(100dvh - 48px);overflow:hidden}.privacy-modal[open]{display:flex;flex-direction:column}.privacy-modal .modal-head{flex-shrink:0;margin:0;padding:24px;border-bottom:1px solid var(--line);align-items:center}.privacy-modal .modal-head .icon-button{margin:0;flex-shrink:0}.privacy-modal-body{padding:0 24px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.privacy-copy :is(h2,h3){font-size:1.3125rem;margin:28px 0 12px}.privacy-copy p{font-size:var(--text-body);line-height:1.9;margin-bottom:16px}.privacy-copy .privacy-updated{font-size:var(--text-caption);margin-top:20px}.privacy-copy>:last-child{margin-bottom:0}.empty{padding-block:56px;min-height:320px}.empty p{margin-bottom:24px}.empty-actions{width:100%;gap:12px}@container (max-width: 360px){.scene-info{column-gap:12px;padding-inline:12px}.scene-scroll-note{padding-inline:12px}}@media(min-width:701px)and (max-width:1000px){.hero{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ritual-strip{gap:24px}.onboarding-layout,.settings-grid{gap:32px}.settings-grid{grid-template-columns:220px minmax(0,1fr)}.timeline-entry{grid-template-columns:60px minmax(0,1fr);gap:20px}.entry-card{grid-template-columns:210px minmax(0,1fr)}.entry-content{padding:20px}.letter-paper{max-width:calc(100% - 64px);padding:40px}.scene-info{padding-inline:var(--page-gutter)}}@media(max-width:700px){:root{--page-gutter: 24px;--space-section: 40px}.header{height:80px}.header-inner{gap:12px}.header-actions{gap:8px}.hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:24px 28px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:12px}.hero h1{font-size:clamp(28px,8.5vw,34px);line-height:1.35;letter-spacing:.01em;margin-bottom:16px}.hero-break-desktop{display:none}.hero-break-mobile{display:initial}.hero-description{line-height:1.8;margin-bottom:16px}.hero .action-note{margin-top:12px}.hero-postcard{width:100%;margin:0;padding:8px 8px 0}.postcard-caption{padding:12px 8px;gap:12px}.postcard-peek{padding:0 8px 12px}.ritual-strip{grid-template-columns:1fr;gap:24px;padding-block:28px}.ritual-strip>div{gap:16px}.somewhere{padding-top:40px}.somewhere-departure .button{min-width:200px;padding:13px 20px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.section-heading .text-button{justify-content:flex-start}.destination-preview{gap:32px}.preview-caption{padding-top:16px}.journey-hero{gap:32px;padding-block:40px}.journey-copy{padding:0}.sealed-scene{min-height:280px}.footer{flex-direction:row;gap:12px;margin-top:40px;padding-block:24px calc(96px + env(safe-area-inset-bottom))}.footer .text-button{align-self:baseline}.page-toolbar,.page-toolbar-actions{gap:16px}.page-toolbar .back{margin:0}.scene-info{padding:8px var(--page-gutter) 0}.scene-scroll-note{padding-inline:var(--page-gutter)}.letter-paper{max-width:none;margin:24px 0 0;padding:32px var(--page-gutter);border-inline:0}.letter-meta{margin-bottom:24px}.letter-paper h1{margin-bottom:20px}.letter-traveler{margin-bottom:32px}.letter-bottom{margin-top:32px}.personal-note>div{flex-wrap:wrap}.personal-note>div .text-button{margin-left:auto}.journal{padding-top:40px}.journal-top{margin-bottom:24px}.journal-overview{gap:8px 20px}.journal-overview>i{display:none}.journal-controls{flex-direction:column;align-items:stretch;gap:12px;margin-block:24px 32px}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-button{align-self:flex-end}.timeline-entry{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:32px}.timeline-entries:before{left:18px}.entry-date{padding-top:8px}.entry-card{grid-template-columns:minmax(0,1fr)}.entry-card>img{aspect-ratio:1.5;height:auto;min-height:0;max-height:none}.entry-content{padding:20px}.entry-bottom{gap:12px}.map-canvas{margin-inline:0}.map-heading{top:20px;left:20px;right:20px}.map-attribution{left:20px}.map-selection{grid-template-columns:1fr;gap:20px}.map-selection>img{width:100%;aspect-ratio:1.5;height:auto}.onboarding-layout{grid-template-columns:minmax(0,1fr);margin-top:20px;gap:40px}.onboarding-form{max-width:none;margin:0;padding:0}.step-track{gap:8px}.step-track>span{align-items:flex-start}.step-track i{margin-top:2px}.onboarding-art{height:220px;min-height:220px;width:100%}.onboarding-art>div{left:20px;bottom:16px;right:16px}.portrait-onboarding .onboarding-layout{margin-top:4px;gap:24px}.portrait-studio h1{margin-top:12px}.portrait-onboarding .onboarding-art{height:180px;min-height:180px}.account-onboarding{padding-bottom:24px}.account-onboarding .onboarding-layout{margin-top:4px;gap:12px}.account-access h1{font-size:28px;line-height:1.4;margin-block:8px}.account-break-mobile{display:initial}.onboarding-form .account-access>.muted{line-height:1.7;margin-bottom:12px}.account-access .field{margin-top:12px}.account-access .field>input{margin-top:6px;min-height:48px;padding-block:10px}.account-access .full{margin-top:16px;min-height:48px;padding-block:12px}.account-access .account-links{margin-top:4px;gap:8px 16px}.account-onboarding .onboarding-art{height:152px;min-height:152px}.account-onboarding .onboarding-art>div{left:16px;bottom:10px}.account-onboarding .onboarding-art h2{font-size:22px;line-height:1.35}.account-onboarding .onboarding-art p{margin-block:6px 0}.settings-grid{display:flex;gap:32px;margin-top:32px}.settings-account{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 16px;padding:24px 0;text-align:left;background:transparent;border-block:1px solid var(--line)}.settings-account .account-avatar{grid-column:1;grid-row:1 / 4;width:64px;height:64px;margin:0}.settings-account h2,.settings-account>p:not(.micro),.settings-account .mock-badge{grid-column:2;margin:0}.settings-account .mock-badge{justify-self:start;margin-top:4px}.settings-account .micro{grid-column:1 / -1;margin:16px 0 4px}.settings-account .text-button{grid-column:1 / -1;justify-self:start}.settings-sections>section{margin-bottom:32px;padding-bottom:32px}.settings-sections .button{width:100%}.settings-photo-actions{flex-direction:column;align-items:stretch}.settings-photo-actions .text-button{justify-content:flex-start}.modal,.modal.wide{padding:24px;width:calc(100% - 32px)}.modal-head{gap:12px}.empty{padding-inline:0}}@media(max-width:370px){:root{--page-gutter: 20px}.letter-toolbar{gap:8px}.place-details summary{grid-template-columns:18px minmax(0,1fr)}.place-details summary>span{grid-column:2}.timeline-entry{grid-template-columns:40px minmax(0,1fr);gap:8px}.entry-content{padding:16px}.modal,.modal.wide{padding:20px}}