.postcard-page{min-height:100vh;padding:var(--space-5) var(--space-4) var(--space-12);background:var(--paper-300);overflow-y:auto}.postcard-header{width:min(100%,620px);margin:0 auto var(--space-5);padding:var(--space-3) 0;border-bottom:1px solid var(--paper-500);text-align:center;position:relative}.postcard-brand{min-width:var(--space-20);min-height:var(--space-12);color:var(--ink-700);font-family:var(--font-heading);place-items:center;display:inline-grid;position:relative}.postcard-brand__watermark{z-index:0;width:var(--space-16);height:var(--space-16);border-radius:var(--radius-md);mix-blend-mode:multiply;opacity:.1;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.postcard-brand__wordmark{z-index:1;flex-direction:column;align-items:center;line-height:1;display:flex;position:relative}.postcard-brand__wordmark strong{color:var(--ink-800);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.postcard-brand__wordmark small{align-items:center;gap:var(--space-1);margin-top:var(--space-1);color:var(--warm-500);font-family:var(--font-body);letter-spacing:.06em;font-size:.62rem;font-weight:500;display:inline-flex}.postcard-brand__wordmark small img{width:var(--space-5);height:auto;color:var(--warm-700)}.postcard-shell{width:min(100%,620px);margin:0 auto;padding:0}.postcard-intro,.postcard-form-heading{text-align:center}.postcard-intro h1,.postcard-state h1,.postcard-success h1{margin:var(--space-1) 0 var(--space-2);font-family:var(--font-heading);font-size:clamp(1.5rem,6vw,2rem);line-height:1.2}.postcard-intro>p:last-child,.postcard-form-heading>p:last-child,.postcard-state>p,.postcard-success>p{color:var(--warm-700)}.postcard-kicker{color:var(--rose-400);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.postcard-intro-note{margin-top:var(--space-1);color:var(--warm-500);font-family:var(--font-serif);font-size:.78rem;font-style:italic}.postcard-stage{width:min(100%,540px);margin:var(--space-5) auto var(--space-3);aspect-ratio:3/2;perspective:1400px;position:relative}.framed-postcard{--postcard-flip-duration:.42s;--postcard-face-swap-delay:.21s;border-radius:var(--radius-md);width:100%;height:100%;color:inherit;-webkit-perspective:inherit;perspective:inherit;background:0 0;border:0;outline:none;padding:0}.framed-postcard:focus-visible{box-shadow:none;outline:none}@media (hover:hover) and (pointer:fine){.framed-postcard:focus-visible{outline:2px solid var(--sage-400);outline-offset:var(--space-1)}}.framed-postcard__inner{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform var(--postcard-flip-duration) ease;display:block;position:relative}.framed-postcard.is-flipped .framed-postcard__inner{transform:rotateY(180deg)}.framed-postcard__face{border-radius:var(--radius-md);backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:opacity 0s linear var(--postcard-face-swap-delay);background:0 0;border:0;display:flex;position:absolute;inset:0;overflow:hidden}.framed-postcard__front{opacity:1;pointer-events:auto;border-radius:0;padding:0;display:block;position:absolute;overflow:hidden;transform:rotateY(0)}.framed-postcard.is-flipped .framed-postcard__front{opacity:0;pointer-events:none}.scalloped-card-svg{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.framed-postcard__back .scalloped-card-svg{z-index:0}.postcard-front-photo,.postcard-front-wash{clip-path:url(#postcard-front-shape);border-radius:0;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px}.postcard-front-photo{object-fit:cover;object-position:center}.postcard-front-photo--empty{background:var(--paper-300)}.postcard-front-wash{z-index:1;pointer-events:none;background:#5e504814}.web-postage-stamp{top:var(--space-4);right:var(--space-4);width:clamp(40px,11vw,44px);height:clamp(44px,12vw,48px);padding:var(--space-1);z-index:5;background:#eef3ec;border:1.5px dashed #a3c299;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;transform:rotate(4deg);box-shadow:0 2px 4px #00000014}.web-postage-stamp-img{object-fit:cover;width:85%;height:55%;margin-top:var(--space-1);border-radius:2px}.web-postage-stamp-placeholder{background:var(--paper-200);width:85%;height:55%;margin-top:var(--space-1);border-radius:2px}.web-postage-stamp-label{color:#4a7c3a;font-size:8px;font-weight:700;font-family:var(--font-sans);margin-bottom:2px}.web-cancellation-stamp{top:calc(var(--space-3) + 2px);right:calc(var(--space-3) + 2px);z-index:6;pointer-events:none;flex-direction:column;justify-content:center;gap:4px;width:64px;height:32px;display:flex;position:absolute;transform:rotate(-15deg)}.web-cancellation-line{opacity:.48;background:#5e5048b8;height:1px}.web-stamps-container{bottom:var(--space-4);left:var(--space-4);align-items:center;gap:var(--space-3);z-index:5;flex-direction:row;display:flex;position:absolute}.web-front-postmark{background:#fbf8f3;border:1.5px solid #5e5048b8;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:2px;display:flex;transform:rotate(8deg);box-shadow:0 1px 3px #0000001a}.web-front-postmark-inner{border:1px solid #5e5048b8;border-radius:50%;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex}.web-postmark-city{color:#5e5048b8;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:50px;font-size:8px;font-weight:700;overflow:hidden}.web-postmark-country{color:#5e5048b8;opacity:.7;font-size:7px;font-weight:700}.web-front-date-stamp{background:#ffebe9;border:1.5px solid #ff8e85;border-radius:3px;padding:2px;transform:rotate(-12deg);box-shadow:0 1px 3px #0000001a}.web-front-date-stamp-inner{border:.5px solid #ff8e85;border-radius:2px;justify-content:center;align-items:center;padding:4px 8px;display:flex}.web-front-date-stamp-inner span{color:#e5483f;font-size:10px;font-weight:700}.web-back-watermark{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);left:var(--space-4);opacity:.1;pointer-events:none;z-index:0;position:absolute}.web-ruled-lines{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);left:var(--space-4);padding:var(--space-2) 0;pointer-events:none;z-index:0;height:calc(100% - var(--space-8));flex-direction:column;justify-content:space-around;display:flex;position:absolute}.web-ruled-line{background:var(--paper-400);opacity:.15;height:1px}.postcard-photo-frame img,.postcard-photo-stamp img{object-fit:cover;width:100%;height:100%}.postcard-photo-empty{justify-content:center;align-items:center;gap:var(--space-2);color:var(--warm-500);flex-direction:column;flex:1;font-size:.8rem;display:flex}.postcard-caption{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-1) 0;font-family:var(--font-serif);display:flex}.postcard-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.9rem,4vw,1.15rem);font-style:italic;overflow:hidden}.postcard-caption span{color:var(--warm-500);flex-shrink:0;font-size:.72rem}.framed-postcard__back{padding:clamp(var(--space-3), 4vw, var(--space-5));opacity:0;pointer-events:none;text-align:left;grid-template-columns:58% 42%;display:grid;transform:rotateY(180deg)}.framed-postcard.is-flipped .framed-postcard__back{opacity:1;pointer-events:auto}.postcard-note{min-width:0;padding-right:clamp(var(--space-3), 4vw, var(--space-5));flex-direction:column;justify-content:center;display:flex}.postcard-note__eyebrow{margin-bottom:var(--space-3);color:var(--warm-500);letter-spacing:.06em;text-transform:uppercase;margin-top:0;font-size:.66rem;font-weight:800}.postcard-note__message{color:var(--ink-800);font-family:var(--font-serif);white-space:pre-wrap;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:clamp(.82rem,3.6vw,1.1rem);font-style:italic;line-height:1.45}.postcard-note__signature{margin-top:var(--space-3);color:var(--ink-500);font-family:var(--font-serif);text-align:right;align-self:flex-end;font-size:.78rem}.postcard-address{min-width:0;padding-left:clamp(var(--space-3), 4vw, var(--space-5));flex-direction:column;align-items:flex-end;display:flex}.postcard-photo-stamp{aspect-ratio:4/5;width:clamp(40px,12vw,58px);padding:var(--space-1);border:1px dashed var(--warm-500);background:var(--paper-50);justify-content:center;align-items:center;display:flex;overflow:hidden}.postcard-postmark{align-items:center;gap:var(--space-1);max-width:100%;margin-top:var(--space-2);color:var(--warm-500);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:700;display:flex;overflow:hidden}.postcard-recipient{width:100%;color:var(--ink-500);font-family:var(--font-serif);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:auto;font-size:clamp(.68rem,3vw,.82rem);font-style:italic;display:-webkit-box;overflow:hidden}.postcard-line{width:100%;margin-top:var(--space-3);border-bottom:1px solid var(--paper-500)}.scratch-layer{border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--shadow-polaroid);cursor:crosshair;touch-action:none;z-index:8;position:absolute;inset:0}.postcard-flip-hint{justify-content:center;align-items:center;gap:var(--space-2);color:var(--warm-500);margin:0;font-size:.76rem;display:flex}.postcard-response-form{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--paper-400);flex-direction:column;display:flex}.postcard-form-heading h2{margin:var(--space-1) 0;font-family:var(--font-heading);font-size:1.35rem}.postcard-response-form label{gap:var(--space-2);color:var(--ink-700);flex-direction:column;font-size:.82rem;font-weight:700;display:flex;position:relative}.postcard-response-form input,.postcard-response-form textarea{border:1px solid var(--paper-500);border-radius:var(--radius-md);background:var(--paper-50);width:100%;color:var(--ink-700);font:inherit;outline:none;font-weight:500}.postcard-response-form input{padding:var(--space-3) var(--space-4)}.postcard-response-form textarea{min-height:132px;padding:var(--space-4) var(--space-4) var(--space-8);font-family:var(--font-serif);resize:vertical;font-size:1rem;font-style:italic;line-height:1.55}.postcard-response-form input:focus,.postcard-response-form textarea:focus{border-color:var(--ink-500);box-shadow:0 0 0 3px var(--paper-300)}.postcard-character-count{right:var(--space-3);bottom:var(--space-2);color:var(--warm-500);font-size:.7rem;font-weight:500;position:absolute}.postcard-form-error{align-items:center;gap:var(--space-2);color:var(--rose-400);font-size:.82rem;display:flex}.postcard-submit,.postcard-secondary-link{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--ink-700);color:var(--paper-50);border:0;font-size:.9rem;font-weight:700;display:inline-flex}.postcard-submit:disabled{opacity:.45;cursor:not-allowed}.postcard-state,.postcard-success{justify-content:center;align-items:center;gap:var(--space-3);min-height:320px;padding:clamp(var(--space-5), 6vw, var(--space-8));border:1px solid var(--paper-400);border-radius:var(--radius-xl);background:var(--paper-50);box-shadow:var(--shadow-elevated);text-align:center;flex-direction:column;display:flex}.postcard-state svg,.postcard-success>svg{color:var(--sage-600)}.postcard-secondary-link{margin-top:var(--space-3)}.postcard-referral{width:100%;margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--paper-500);border-radius:var(--radius-lg);background:var(--paper-100)}.postcard-referral__mark{width:var(--space-12);height:var(--space-12);margin:0 auto var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.postcard-referral__eyebrow,.postcard-discovery__eyebrow{color:var(--rose-400);letter-spacing:.09em;text-transform:uppercase;font-size:.65rem;font-weight:800}.postcard-referral h3{margin-top:var(--space-1);font-family:var(--font-heading);font-size:1.2rem}.postcard-referral p{margin:var(--space-2) 0 var(--space-4);color:var(--warm-700);font-size:.82rem}.postcard-referral .store-badge{width:fit-content;margin-inline:auto}.postcard-learn-link{margin-top:var(--space-3);color:var(--warm-700);text-decoration:underline;-webkit-text-decoration-color:var(--paper-600);text-decoration-color:var(--paper-600);text-underline-offset:var(--space-1);font-size:.75rem;font-weight:700;display:inline-block}.postcard-discovery{align-items:center;gap:var(--space-4);width:min(100%,540px);margin:var(--space-6) auto 0;padding:var(--space-6) var(--space-3) 0;border-top:1px solid var(--paper-500);display:flex}.postcard-discovery__mark{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex:none}.postcard-discovery h2{margin:var(--space-1) 0;color:var(--ink-800);font-family:var(--font-heading);font-size:1rem;line-height:1.25}.postcard-discovery__description{color:var(--warm-700);font-size:.75rem;line-height:1.5}.postcard-discovery__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.postcard-discovery__actions .store-badge{width:fit-content}.postcard-discovery__actions .postcard-learn-link{margin-top:0}@media (width<=430px){.postcard-page{padding-inline:var(--space-3)}.postcard-shell{border-radius:var(--radius-lg)}.framed-postcard__front{padding:var(--space-2) var(--space-2) var(--space-3)}.postcard-note__eyebrow{margin-bottom:var(--space-2);font-size:.56rem}.postcard-note__signature{margin-top:var(--space-2)}}@media (prefers-reduced-motion:reduce){.framed-postcard__inner{transition:none}}.postcard-add-side-btn{background:var(--paper-100);border:1.5px dashed var(--warm-500);border-radius:var(--radius-sm);color:var(--warm-600);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;align-self:flex-end;margin-top:auto;padding:6px 12px;font-size:.65rem;font-weight:700;transition:all .2s;box-shadow:0 1px 3px #0000000d}.postcard-add-side-btn:hover{background:var(--paper-200);border-color:var(--ink-500);color:var(--ink-700)}.postcard-note__textarea{resize:none;width:100%;font-family:var(--font-serif);color:var(--ink-700);margin-top:var(--space-2);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:clamp(.72rem,3.2vw,.95rem);font-style:italic;line-height:1.55}.postcard-note__textarea::placeholder{color:var(--warm-400);opacity:.7}.postcard-character-count{color:var(--warm-500);align-self:flex-end;margin-top:2px;font-size:.58rem}.postcard-input-group{width:100%;margin-top:auto;margin-bottom:var(--space-3);text-align:left;flex-direction:column;gap:2px;display:flex}.postcard-input-label{color:var(--warm-500);letter-spacing:.05em;font-size:.55rem;font-weight:800}.postcard-name-input{border:1px solid var(--paper-400);border-radius:var(--radius-sm);width:100%;color:var(--ink-800);box-sizing:border-box;background:#d7c8ad26;outline:none;padding:6px 10px;font-size:.75rem;transition:border-color .2s}.postcard-name-input:focus{border-color:var(--warm-500);background:#d7c8ad40}.postcard-actions{gap:var(--space-2);width:100%;margin-top:auto;display:flex}.postcard-action-btn{border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;flex:1;padding:6px 12px;font-size:.65rem;font-weight:700;transition:all .2s}.postcard-cancel-btn{border:1px solid var(--paper-400);color:var(--warm-600);background:0 0}.postcard-cancel-btn:hover{border-color:var(--paper-500);color:var(--ink-700);background:#00000005}.postcard-submit-btn{background:var(--ink-700);border:1px solid var(--ink-700);color:var(--paper-50);box-shadow:0 1px 3px #0000001a}.postcard-submit-btn:hover:not(:disabled){background:var(--ink-800);border-color:var(--ink-800)}.postcard-submit-btn:disabled{opacity:.5;cursor:not-allowed}.postcard-editor-error{bottom:var(--space-2);left:var(--space-4);right:var(--space-4);color:#e5483f;border-radius:var(--radius-sm);z-index:20;background:#ffebe9;border:1px solid #ff8e85;align-items:center;gap:4px;padding:4px 8px;font-size:.6rem;display:flex;position:absolute}.postcard-external-action-btn{width:min(100%,360px);min-height:var(--space-12);margin:var(--space-5) auto 0;padding:var(--space-3) var(--space-6);background:var(--ink-700);border:1.5px solid var(--ink-700);border-radius:var(--radius-md);color:var(--paper-50);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;font-size:.82rem;font-weight:700;transition:all .2s;display:block;box-shadow:0 4px 10px #5e50481f}.postcard-view-actions{min-height:calc(var(--space-12) + var(--space-16));flex-direction:column;align-items:center;width:min(100%,540px);margin:0 auto;display:flex}.postcard-view-actions.is-compact{min-height:0}.postcard-external-action-btn.is-reserved{visibility:hidden;opacity:0;pointer-events:none}.postcard-external-action-btn.is-visible{visibility:visible;opacity:1}.postcard-external-action-btn:hover{background:var(--ink-800);border-color:var(--ink-800);transform:translateY(-1px);box-shadow:0 6px 14px #5e504829}.postcard-external-action-btn:active{transform:translateY(0)}.postcard-full-editor{padding:clamp(var(--space-3), 4vw, var(--space-5));z-index:10;box-sizing:border-box;flex-direction:column;grid-column:span 2;height:100%;display:flex}.postcard-full-textarea{resize:none;width:100%;font-family:var(--font-serif);color:var(--ink-800);box-sizing:border-box;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:clamp(.72rem,3.2vw,.95rem);font-style:italic;line-height:1.55}.postcard-full-textarea::placeholder{color:var(--warm-400);opacity:.75}.postcard-editor-bottom{justify-content:space-between;align-items:flex-end;gap:var(--space-4);border-top:1.5px dashed var(--paper-300);padding-top:var(--space-3);margin-top:auto;display:flex}.postcard-editor-name-group{text-align:left;flex-direction:column;flex:1;gap:2px;max-width:48%;display:flex}.postcard-recipient-display{color:var(--warm-600);margin-bottom:2px;font-size:.65rem;font-weight:700}.postcard-editor-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.postcard-letter-editor{z-index:4;width:100%;height:100%;padding:clamp(var(--space-4), 5vw, var(--space-6));grid-column:1/-1;position:relative}.postcard-letter-textarea{width:100%;height:100%;padding:0 0 var(--space-6);resize:none;color:var(--ink-800);font-family:var(--font-serif);background:0 0;border:0;border-radius:0;outline:0;font-size:clamp(1rem,4vw,1.25rem);font-style:italic;line-height:1.55}.postcard-letter-textarea::placeholder{color:var(--warm-400);opacity:.78}.postcard-letter-textarea:focus-visible{box-shadow:none;outline:none}.postcard-letter-count{right:var(--space-5);bottom:var(--space-4);color:var(--warm-500);font-size:.7rem;font-weight:600;position:absolute}.postcard-reply-controls{z-index:12;bottom:max(var(--space-3), env(safe-area-inset-bottom));gap:var(--space-4);width:min(100%,540px);margin:var(--space-4) auto 0;flex-direction:column;padding:0;display:flex;position:sticky}.postcard-reply-meta{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.postcard-reply-name{gap:var(--space-1);color:var(--warm-700);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;flex:1;font-size:.7rem;font-weight:800;display:flex}.postcard-reply-name input{width:100%;min-height:var(--space-10);padding:var(--space-2) var(--space-3);border:1px solid var(--paper-500);border-radius:var(--radius-sm);background:var(--paper-50);color:var(--ink-800);font:600 .85rem/1.3 var(--font-body);text-transform:none;outline:0}.postcard-reply-name input:focus{border-color:var(--sage-400);box-shadow:0 0 0 var(--space-1) var(--sage-100)}.postcard-reply-recipient{color:var(--ink-700);font-family:var(--font-serif);font-size:1rem;font-style:italic;font-weight:600}.postcard-privacy-note{color:var(--warm-500);text-align:right;font-size:.68rem;line-height:1.35}.postcard-reply-actions{gap:var(--space-2);flex-direction:column;display:flex}.postcard-reply-actions button{width:100%;min-height:var(--space-12);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.postcard-reply-actions .postcard-cancel-btn{min-height:var(--space-10);padding-block:var(--space-2);color:var(--warm-500);box-shadow:none;background:0 0;border:0;font-size:.75rem}.postcard-reply-actions .postcard-submit-btn{border:1px solid var(--ink-700);background:var(--ink-700);color:var(--paper-50);box-shadow:var(--shadow-card)}.postcard-reply-actions .postcard-submit-btn:disabled{border-color:var(--warm-400);background:var(--warm-400);opacity:.72}.postcard-editor-error{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--rose-300);border-radius:var(--radius-sm);background:var(--rose-100);color:var(--rose-400);font-size:.75rem;display:flex;position:static}@media (width<=430px){.postcard-page{padding:var(--space-3) var(--space-3) var(--space-10)}.postcard-header{margin-bottom:var(--space-4)}.postcard-brand__watermark{width:var(--space-12);height:var(--space-12)}.postcard-brand__wordmark strong{font-size:1.4rem}.postcard-shell{padding:0}.postcard-stage{margin-top:var(--space-5)}.framed-postcard__front{padding:0}.postcard-reply-controls{bottom:max(var(--space-2), env(safe-area-inset-bottom));padding:0}.postcard-discovery{margin-top:var(--space-8);align-items:flex-start;padding-inline:0}.postcard-discovery__actions,.postcard-reply-meta{flex-direction:column;align-items:flex-start}.postcard-reply-name{width:100%}.postcard-privacy-note{text-align:left}}:root{--paper-50:#fefcf7;--paper-100:#fdf8ee;--paper-200:#f9f1dc;--paper-300:#f5edd6;--paper-400:#ede0c4;--paper-500:#e2d0a8;--paper-600:#ceb98a;--ink-50:#f2ede8;--ink-100:#d9cbbf;--ink-300:#a38570;--ink-500:#6b4e35;--ink-700:#3b2f1e;--ink-800:#281f12;--ink-900:#180e06;--sage-100:#e8f0e5;--sage-200:#cde0c9;--sage-400:#8ba888;--sage-600:#537051;--rose-100:#fae8e0;--rose-300:#ebaa8d;--rose-400:#c9886c;--yellow-100:#fffadc;--yellow-300:#ffee8c;--yellow-400:#f9e784;--yellow-600:#c9b63a;--warm-200:#e3dad1;--warm-400:#b5a494;--warm-500:#9b8878;--warm-700:#5e5048;--color-bg:var(--paper-300);--color-surface:var(--paper-50);--color-elevated:var(--paper-100);--color-ink:var(--ink-700);--color-ink-soft:var(--ink-500);--color-muted:var(--warm-500);--color-border:var(--paper-500);--color-border-subtle:var(--paper-400);--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"Lora", Georgia, serif;--font-handwriting:"Caveat", cursive;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-card:0 2px 12px #3b2f1e14, 0 1px 3px #3b2f1e0f;--shadow-polaroid:0 4px 20px #3b2f1e2e, 0 1px 6px #3b2f1e1a;--shadow-elevated:0 8px 32px #3b2f1e24;--glass-bg:#fefcf7b8;--glass-border:#ffffff80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}html,body{width:100%;height:100%;margin:0;padding:0;position:relative}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-handwriting{font-family:var(--font-handwriting)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--paper-200)}::-webkit-scrollbar-thumb{background:var(--paper-500);border-radius:var(--radius-full)}.container{width:100%;max-width:1100px;padding-inline:var(--space-6);margin-inline:auto}.section{padding-block:var(--space-16)}body:before{content:"";pointer-events:none;z-index:9999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:none;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--ink-700);color:var(--paper-50)}.btn-primary:hover{background:var(--ink-800);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.btn-ghost{color:var(--ink-700);border:1.5px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0}.btn-ghost:hover{background:var(--glass-bg);transform:translateY(-1px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-subtle)}.polaroid{background:var(--paper-50);border-radius:var(--radius-xs);padding:var(--space-3);padding-bottom:var(--space-8);box-shadow:var(--shadow-polaroid);border:1px solid var(--paper-200)}.tape{background:#f9e784b3;border-radius:2px;width:48px;height:14px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.overline{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:.4;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.6s both fadeUp}.animate-float{animation:4s ease-in-out infinite floatY}textarea,input[type=text]{width:100%;font-family:var(--font-handwriting);color:var(--color-ink);background:var(--paper-50);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);resize:vertical;outline:none;font-size:1.15rem;transition:border-color .2s,box-shadow .2s}textarea:focus,input[type=text]:focus{border-color:var(--sage-400);box-shadow:0 0 0 3px #8ba88826}.spinner{border:2px solid var(--paper-400);border-top-color:var(--ink-700);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}:focus-visible{outline:2px solid var(--sage-400);outline-offset:2px}.hero-journal{position:relative;overflow:hidden}.hero-journal__ambient{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-journal__map{opacity:.5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-journal__polaroid-left{animation:6s ease-in-out infinite alternate floatSlow;position:absolute;top:25%;left:12%;transform:rotate(-8deg)}.hero-journal__airplane{width:220px;height:220px;animation:8s ease-in-out infinite alternate floatMedium;position:absolute;top:18%;right:18%}.hero-journal__content{z-index:2;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-journal__lead{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;max-width:720px;margin-inline:auto;display:flex}.hero-journal__title{font-family:var(--font-heading);color:var(--ink-800);letter-spacing:-.03em;font-size:clamp(2.5rem,6.5vw,4.5rem);font-weight:800;line-height:1.1}.hero-journal__actions{gap:var(--space-4);justify-content:center;display:flex}.ambient-polaroid{background-color:var(--paper-50);border-radius:var(--radius-sm);width:120px;height:138px;padding:var(--space-2);box-shadow:var(--shadow-polaroid);border:4px solid var(--paper-200);opacity:.48;box-sizing:border-box;flex-direction:column;align-items:center;display:flex;position:relative}.ambient-polaroid__tape{z-index:5;background-color:#f9e78466;border-radius:2px;width:56px;height:18px;position:absolute;top:-10px;transform:rotate(-6deg)}.ambient-polaroid__frame{background-color:var(--paper-200);border:1px solid var(--paper-400);width:104px;height:84px;margin-top:var(--space-1);border-radius:2px;overflow:hidden}.ambient-polaroid__caption{margin-top:var(--space-2);align-items:center;gap:var(--space-1);flex-direction:column;width:100%;display:flex}.ambient-polaroid__caption-line-long{background-color:var(--warm-200);border-radius:99px;width:70%;height:2px}.ambient-polaroid__caption-line-short{background-color:var(--warm-200);border-radius:99px;width:40%;height:2px}.theme-chapter{background:var(--paper-300)}.theme-chapter__grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid}.theme-chapter__grid--reversed .theme-chapter__text{order:2}.theme-chapter__grid--reversed .theme-chapter__visual{order:1}.theme-chapter__text{align-items:flex-start;gap:var(--space-4);text-align:left;flex-direction:column;display:flex}.theme-chapter__text h2{font-family:var(--font-heading);color:var(--ink-800);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.theme-chapter__text p{color:var(--ink-500);max-width:480px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.theme-chapter__visual{justify-content:center;align-items:center;display:flex;position:relative}.chapter-visual__polaroid-wrap{padding:20px;position:relative}.chapter-visual__polaroid{transform:rotate(-4deg)scale(1.35);opacity:.85!important}.taped-postcard-mock{background:var(--paper-100);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xs);box-shadow:var(--shadow-card);border:1px solid var(--paper-200);box-sizing:border-box;max-width:340px;position:relative;transform:rotate(3deg)}.postcard-mock-tape{background-color:#d9cbbf73;border-radius:2px;width:80px;height:22px;position:absolute;top:-14px;left:35%;transform:rotate(-2deg)}.postcard-mock-footer{margin-top:var(--space-4);border-top:1px dashed var(--paper-400);padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.postcard-mock-footer .text-muted{color:var(--warm-500);font-size:.75rem}.trails-constellation-mock{width:320px;height:200px;position:relative}.trail-label{color:var(--ink-700);background:var(--paper-50);border-radius:var(--radius-xs);border:1px solid var(--paper-200);box-shadow:var(--shadow-card);padding:2px 8px;font-size:.75rem;font-weight:600;position:absolute}.label-1{top:130px;left:10px}.label-2{top:75px;left:90px}.label-3{top:120px;left:165px}.label-4{top:40px;left:245px}@keyframes floatSlow{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-8px)rotate(-6deg)}}@keyframes floatMedium{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.pulse-slow{transform-origin:50%;animation:3s ease-out infinite pulse}.journal-landing{scroll-snap-type:y mandatory;scroll-behavior:smooth;width:100%;height:100vh;overflow-y:scroll}.section{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;height:100vh;padding-inline:var(--space-6);background:var(--paper-300);align-items:center;display:flex;position:relative;overflow:hidden}.journal-header{z-index:100;background:linear-gradient(to bottom, var(--paper-300) 40%, #f5edd6e6 70%, transparent);width:100%;padding-block:var(--space-4) var(--space-6);box-sizing:border-box;position:fixed;top:0;left:0}.journal-header__wrap{justify-content:space-between;align-items:center;width:100%;display:flex}.journal-header__logo-left{flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;transition:transform .2s;display:flex}.brand-lockup{flex-direction:column;align-items:center;line-height:1;display:inline-flex}.brand-lockup__name{color:var(--ink-800);font-family:var(--font-heading);letter-spacing:-.02em;font-size:2.4rem;font-weight:800}.brand-lockup__maker{align-items:center;gap:var(--space-1);margin-top:var(--space-1);color:var(--warm-500);font-family:var(--font-body);letter-spacing:.06em;font-size:.72rem;font-weight:500;display:inline-flex}.brand-lockup__maker img{width:var(--space-5);height:auto}.journal-header__logo-left:hover{transform:scale(1.02)}.journal-header__logo-left .brand-lockup{align-items:flex-start}.journal-header__logo-left .brand-lockup__maker{align-self:flex-end}.journal-header__get-app{background:var(--ink-800);color:var(--paper-100);opacity:0;pointer-events:none;border-radius:99px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .3s,transform .3s,background-color .2s;transform:translateY(-5px)}.journal-header__get-app.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.journal-header__get-app:hover{background:var(--ink-900);transform:translateY(-1px)}.hero-journal{padding-block:var(--space-20) var(--space-16);background:var(--paper-300);border-bottom:1.5px dashed var(--paper-500);position:relative;overflow:hidden}.hero-journal__content{gap:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.hero-journal__left{align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.hero-journal__title{font-family:var(--font-heading);color:var(--ink-800);font-size:clamp(2.5rem,5.5vw,4rem);font-weight:700;line-height:1.1}.ink-highlight{font-family:var(--font-handwriting);color:var(--rose-400);font-size:1.1em}.hero-journal__subtitle{color:var(--ink-500);max-width:520px;font-size:clamp(1rem,2vw,1.15rem)}.hero-journal__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.download-journal{background:var(--paper-400);border-top:1.5px dashed var(--paper-500)}.download-journal__wrap{justify-content:center;display:flex}.download-journal__box{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;max-width:600px;display:flex}.download-journal__box h2{font-family:var(--font-heading);color:var(--ink-800);font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.download-journal__box p{color:var(--ink-500);margin-bottom:var(--space-4)}.download-journal__badges{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.store-badge{background:var(--ink-800);color:var(--paper-50);border:1px solid var(--ink-700);border-radius:8px;align-items:center;gap:10px;padding:6px 16px;text-decoration:none;transition:all .2s;display:flex}.store-badge:hover{background:var(--ink-900);box-shadow:var(--shadow-card);transform:translateY(-1px)}.store-badge svg{width:28px;height:28px}.store-badge__text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.store-badge__sub{color:#fff;text-transform:none;letter-spacing:.8px;opacity:1;margin-bottom:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:9px;font-weight:400}.store-badge__title{letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:19px;font-weight:600;line-height:1}.legal-page{padding-block:var(--space-12) var(--space-16);min-height:100vh}.legal-page__wrap{align-items:flex-start;gap:var(--space-6);flex-direction:column;max-width:800px;display:flex}.legal-back-btn{align-items:center;gap:var(--space-2);color:var(--ink-500);font-size:.875rem;font-weight:600;transition:color .2s;display:inline-flex}.legal-back-btn:hover{color:var(--ink-700)}.legal-paper{width:100%;padding:var(--space-10) var(--space-8);position:relative}.legal-paper__header{text-align:center;border-bottom:1.5px dashed var(--paper-400);padding-bottom:var(--space-6);margin-bottom:var(--space-8);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.legal-paper__logo{color:var(--rose-400);margin-bottom:var(--space-2)}.legal-paper__header h1{font-family:var(--font-heading);color:var(--ink-800);font-size:2.25rem}.legal-paper__content{gap:var(--space-6);color:var(--ink-700);flex-direction:column;font-size:.95rem;display:flex}.legal-paper__content h2{font-family:var(--font-heading);color:var(--ink-800);margin-bottom:var(--space-3);font-size:1.25rem}.legal-paper__content p{margin-bottom:var(--space-3)}.legal-paper__content ul{padding-left:var(--space-6);margin-bottom:var(--space-3)}.legal-paper__content li{margin-bottom:var(--space-2)}.support-page{padding-block:var(--space-12) var(--space-16);justify-content:center;align-items:center;min-height:100vh;display:flex}.support-page__wrap{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.support-card{width:100%;padding:var(--space-8) var(--space-6);position:relative}.support-header{text-align:center;margin-bottom:var(--space-6);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.support-logo{color:var(--rose-400);margin-bottom:var(--space-2)}.support-header h1{font-family:var(--font-heading);color:var(--ink-800);font-size:2rem}.faq-list{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.faq-item{border-bottom:1.5px solid var(--color-border-subtle);padding-bottom:var(--space-4);background:0 0;transition:all .2s}.faq-trigger{text-align:left;width:100%;padding:var(--space-2) 0;cursor:pointer;color:inherit;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.faq-question{font-family:var(--font-heading);color:var(--ink-700);font-size:1.15rem;font-weight:700;transition:color .2s}.faq-trigger:hover .faq-question,.faq-question.active{color:var(--rose-400)}.faq-icon{color:var(--ink-300);justify-content:center;align-items:center;transition:color .2s;display:flex}.faq-trigger:hover .faq-icon,.faq-icon.active{color:var(--rose-400)}.faq-answer-wrapper{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out,margin-top .3s;overflow:hidden}.faq-answer-wrapper.open{opacity:1;max-height:300px;margin-top:var(--space-2)}.faq-answer{color:var(--ink-500);font-size:.95rem;line-height:1.6}.support-footer{margin-top:var(--space-6);border-top:1.5px dashed var(--color-border);padding-top:var(--space-6)}.download-page{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.download-page__wrap{gap:var(--space-6);flex-direction:column;max-width:480px;display:flex}.download-page-card{width:100%;padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.download-page-logo{color:var(--rose-400);margin-bottom:var(--space-2)}.download-page-card h1{font-family:var(--font-heading);color:var(--ink-800);margin-bottom:var(--space-2);font-size:2rem}.download-options-list{justify-content:center;align-items:center;gap:var(--space-4);width:100%;margin-top:var(--space-6);flex-direction:row;display:flex}.download-option-btn{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--paper-200);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;text-decoration:none;transition:all .2s;display:flex}.download-option-btn:hover{background:var(--paper-100);border-color:var(--ink-300);box-shadow:var(--shadow-card);transform:translateY(-1px)}.download-option-btn .icon{font-size:1.75rem}.download-option-btn .text{flex-direction:column;flex-grow:1;display:flex}.download-option-btn .sub{color:var(--ink-500);text-transform:uppercase;font-size:.6875rem}.download-option-btn .title{color:var(--ink-800);font-size:.9375rem;font-weight:600}.download-option-btn .dl-icon{color:var(--ink-500)}.hero-journal__lead,.theme-chapter__text{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.chapter-visual__polaroid-wrap,.taped-postcard-mock,.postcard-map-region,.hero-journal__ambient{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1) .15s,transform 1s cubic-bezier(.16,1,.3,1) .15s;transform:scale(.96)translateY(12px)}.is-active .hero-journal__lead,.is-active .theme-chapter__text{opacity:1;transform:translateY(0)}.is-active .chapter-visual__polaroid-wrap,.is-active .taped-postcard-mock,.is-active .postcard-map-region,.is-active .hero-journal__ambient{opacity:1;transform:scale(1)translateY(0)}.postcard-map-region{background:var(--paper-50);border-radius:var(--radius-md);border:1.5px dashed var(--paper-500);width:320px;height:200px;box-shadow:var(--shadow-card);position:relative}.map-pin-note{background:var(--paper-50);border:1px solid var(--paper-400);border-radius:var(--radius-xs);box-shadow:var(--shadow-card);z-index:10;opacity:0;pointer-events:none;flex-direction:column;gap:2px;width:130px;padding:6px 10px;transition:opacity .4s .4s,transform .4s .4s;display:flex;position:absolute;transform:scale(.9)translateY(4px)}.map-pin-note:before{content:"";background:var(--rose-400);border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs);opacity:.7;width:4px;height:100%;position:absolute;top:0;left:0}.is-active .map-pin-note{opacity:.95;transform:scale(1)translateY(0)}.map-pin-note span.font-handwriting{font-family:var(--font-handwriting);color:var(--ink-800);text-align:left;font-size:.95rem;font-weight:600;line-height:1.25}.map-pin-note span.pin-location{font-family:var(--font-body);color:var(--warm-500);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:.625rem;font-weight:700}.note-chiangmai{transform-origin:100% 100%;top:12px;left:-20px}.note-bangkok{transform-origin:0;top:72px;right:-30px}.note-phuket{transform-origin:100% 0;bottom:8px;left:-25px}.final-snap-screen{flex-direction:column;justify-content:space-between;display:flex;padding-bottom:0!important;padding-inline:0!important}.theme-chapter__main-content{width:100%;padding-inline:var(--space-6);box-sizing:border-box;flex-grow:1;align-items:center;display:flex}.journal-footer-bar{background:var(--paper-500);padding-block:var(--space-8);border-top:1px solid var(--paper-600);box-sizing:border-box;width:100%}.journal-footer-bar__wrap{align-items:center;gap:var(--space-3);width:100%;color:var(--ink-500);text-align:center;flex-direction:column;font-size:.8125rem;display:flex}.journal-footer-bar__links{gap:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.journal-footer-bar__links a{color:var(--ink-500);font-weight:500;text-decoration:none;transition:color .2s}.journal-footer-bar__links a:hover{color:var(--ink-700)}.journal-footer-bar__copy{color:var(--ink-400);font-size:.75rem}@media (width<=768px){.hero-journal__content{gap:var(--space-8);text-align:center;padding-top:var(--space-16);grid-template-columns:1fr}.hero-journal__lead{text-align:center;align-items:center}.hero-journal__actions{justify-content:center}.hero-journal__ambient{opacity:.3}.hero-journal__polaroid-left{display:none}.hero-journal__airplane{width:100px;height:100px;top:50%;right:5%}.theme-chapter__grid{gap:var(--space-8);text-align:center;grid-template-columns:1fr}.theme-chapter__grid--reversed{grid-template-columns:1fr}.theme-chapter__grid--reversed .theme-chapter__text{order:1}.theme-chapter__grid--reversed .theme-chapter__visual{order:2}.theme-chapter__text{text-align:center;align-items:center}}