@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');*{box-sizing:border-box}:root{--paper:#fff8ef;--rose:#cf6e71;--ink:#513e48;--soft:#856b70;--line:#e8cfc3}html,body{margin:0;min-height:100%;background:#f2d9cf;color:var(--ink);font-family:'DM Sans',sans-serif}body{padding:clamp(14px,4vw,46px);background-image:radial-gradient(#d99d9d55 1px,transparent 1px);background-size:18px 18px}.app{width:min(1050px,100%);margin:auto}.letter-head{display:flex;align-items:center;gap:16px;padding:0 4px 18px}.stamp{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--rose);border-radius:50%;color:var(--rose);font-size:24px;transform:rotate(-10deg)}.kicker{margin:0 0 5px;color:var(--rose);font-size:10px;font-weight:700;letter-spacing:.16em}.letter-head h1{font:700 clamp(34px,7vw,58px)/.9 Caveat,cursive;margin:0;color:#764956}.heart{margin-left:auto;color:var(--rose);font-size:30px;transform:rotate(12deg)}.card{background:rgba(255,248,239,.92);border:1px solid #fff;border-radius:8px;box-shadow:0 15px 35px #9d6b6b25,4px 5px 0 #d99d9d55;position:relative}.letter{padding:clamp(24px,5vw,54px);margin-bottom:22px;text-align:center}.letter:before,.letter:after{content:'♥';position:absolute;color:#eab7ad55;font-size:30px}.letter:before{top:15px;left:20px;transform:rotate(-18deg)}.letter:after{bottom:-10px;right:22px;transform:rotate(15deg)}.salutation{font:600 clamp(27px,5vw,43px)/1.05 Caveat,cursive;color:#a55361;margin:0 0 10px}.intro{max-width:570px;margin:0 auto 22px;color:var(--soft);font-size:clamp(14px,2vw,17px);line-height:1.6}.count-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);font-weight:700}.countdown{font:700 clamp(28px,6vw,70px)/1.15 Caveat,cursive;color:#754454;margin:8px 0 10px}.message{font:600 clamp(21px,3.8vw,31px)/1.15 Caveat,cursive;color:#a55361;margin:0 auto;max-width:700px}.signature{font:600 26px/1.05 Caveat,cursive;color:#754454;text-align:right;max-width:650px;margin:25px auto 0}.signature span{font-size:21px}.journey{overflow:hidden;margin-bottom:22px}.journey-head{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 12px}.journey-head h2{font:600 clamp(25px,4vw,38px)/1 Caveat,cursive;color:#754454;margin:0}.journey-head h2 span{color:var(--rose)}.status{font-size:11px;color:var(--rose);padding:8px 11px;border:1px solid #df9c9e;border-radius:99px;white-space:nowrap}.map-wrap{background:#fff3e9}.map-wrap svg{display:block;width:100%;height:auto;min-height:245px}.land{fill:#efd0bf;stroke:#dca8a4;stroke-width:2;stroke-linejoin:round}.island{stroke-width:2.5}.route-base{fill:none;stroke:#d9a4a1;stroke-width:3;stroke-dasharray:6 10}.route-active{fill:none;stroke:var(--rose);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 16;opacity:.95}.airport circle{fill:#fff3e9;stroke:var(--rose);stroke-width:3}.airport text{font:700 19px 'DM Sans';letter-spacing:2px;text-anchor:middle;fill:#754454}.airport .sub{font:11px 'DM Sans';fill:#a98283;text-anchor:middle}.plane{filter:url(#glow);font-size:25px;opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:center}.map-footer{display:flex;justify-content:space-between;padding:12px 20px;color:#a98283;font:500 12px Caveat,cursive}.segments{display:grid;grid-template-columns:1fr 1fr;gap:18px}.segment{padding:20px}.segment-top{display:flex;justify-content:space-between;gap:10px}.number{font-size:11px;color:var(--rose);font-weight:700;letter-spacing:.08em}.segment-state{font-size:10px;color:#a98283;font-weight:700;letter-spacing:.1em}.route{display:flex;align-items:center;justify-content:space-between;font:700 34px Caveat,cursive;color:#754454;margin:18px 0 3px}.route span{color:var(--rose);font-weight:400}.segment p{color:var(--soft);font-size:12px;margin:0}.times{border-top:1px dashed var(--line);margin-top:17px;padding-top:13px}.times b{font:700 27px Caveat,cursive;color:#a55361}.times small{display:block;color:#a98283;font-size:9px;letter-spacing:.1em;margin-top:1px}footer{display:flex;justify-content:space-between;color:#a98283;font:500 17px Caveat,cursive;padding:18px 3px}@media(max-width:600px){body{padding:12px}.letter-head{padding-bottom:14px}.stamp{width:40px;height:40px;font-size:20px}.heart{font-size:25px}.journey-head{padding:17px 15px 9px}.map-footer{padding:10px 14px;font-size:14px}.segments{grid-template-columns:1fr;gap:14px}.segment{padding:17px}footer{font-size:15px;gap:12px;flex-wrap:wrap}.countdown{font-size:clamp(28px,8vw,58px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}