@font-face{font-family:OrbitSerif;src:url('fonts/voucher-cjk.otf?v=9c794646c0616750') format('opentype');font-display:swap;font-weight:400;unicode-range:U+4E88,U+51ED,U+5238,U+56FE,U+58F9,U+622A,U+63D0,U+67E5,U+6B64,U+7AE0,U+8BFB,U+8D27,U+8D60,U+9001,U+9650}
.letter-actions{flex-direction:column;gap:22px;padding-top:29px;padding-bottom:12px}
.letter-actions .final-script{font-size:22px}
#create-voucher{min-width:236px;border-radius:4px}
#create-voucher>.voucher-action-label{font-size:12px;letter-spacing:1px;line-height:1.6}
.voucher-chapter{padding:10px 24px 24px;justify-content:center}
.voucher-chapter-label{margin:0 0 18px;font-size:7px;letter-spacing:2.8px}
.voucher-frame{width:min(412px,100%);filter:drop-shadow(0 12px 24px #345c9820);perspective:1000px}
.gift-voucher{--voucher-finish:#b6ccd9;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b9cce7;border-radius:10px;background:radial-gradient(ellipse at 13% 0%,#ffffffed,transparent 64%),linear-gradient(142deg,#f8fbff 0%,#e6effc 51%,#f1f6fe 78%,#dce8fa 100%);padding:23px 29px 0;color:#345580;box-shadow:inset 0 1px 0 #fff, inset 0 0 35px #fff5}
.voucher-inset{position:absolute;inset:8px;border:1px solid #a2bce04d;border-radius:6px;pointer-events:none;z-index:-1}
.gift-voucher:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(114deg,transparent 36%,#fff8 47%,#fff2 51%,transparent 62%);transform:translateX(-140%);opacity:0}
.voucher-topline{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:2px;color:#7792b7;line-height:1.5}
.voucher-topline>span:first-child{color:#5476a7;font-size:8px;letter-spacing:2.6px}
.voucher-topline>span:last-child{font-size:6px;letter-spacing:1.7px}
.voucher-art{position:relative;height:151px;margin:8px -20px -3px;display:flex;align-items:center;justify-content:center;user-select:none}
.voucher-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* Reserve paint space for the final glyph after negative tracking, especially
   when mobile WebKit clips the gradient to this element's box. */
.voucher-eighteen{display:block;flex:none;white-space:nowrap;padding:.04em .1em;font-family:OrbitSerif,Georgia,serif;font-size:141px;line-height:1;letter-spacing:-9px;transform:translate(-4px,-4px);color:#7395c0;background:linear-gradient(125deg,#456a9f 12%,#a7bfdd 36%,#f8fbff 44%,#97b2d5 50%,#4e75a7 69%,#9bb5d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #fff) drop-shadow(1px 4px 3px #6f8fbe13)}
.voucher-art-note{position:absolute;bottom:12px;right:39px;font-family:OrbitSerif,Georgia,serif;font-size:15px;font-style:italic;color:#7896bf;transform:rotate(-13deg);background:#eff5fe99;padding:0 4px}
.voucher-title-block{text-align:center}
.voucher-title-block>p{margin:0;font-size:8px;letter-spacing:2.8px;color:#7993b7}
.voucher-title-block h2{font-family:OrbitSerif,'Songti SC',SimSun,serif;font-size:30px;font-weight:400;letter-spacing:5px;line-height:1.5;margin:5px 0 17px;padding-left:5px;color:#345b92;text-shadow:0 1px 0 #fff}
.voucher-product{padding:14px 0 15px;text-align:center;border-top:1px solid #acc1df5c;border-bottom:1px solid #acc1df5c}
.voucher-model{font-size:22px;line-height:1.35;letter-spacing:-.6px;font-weight:450;margin:0;color:#2c4c7e}
.voucher-finish{margin:8px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;line-height:1.5;letter-spacing:1px;color:#6982a5}
.voucher-finish>i{width:10px;height:10px;border-radius:50%;background:var(--voucher-finish);box-shadow:inset 0 0 0 1px #33557720,0 1px 2px #243d6a12}
.voucher-quantity{padding-left:10px;margin-left:3px;border-left:1px solid #c3d2e6;letter-spacing:2px}
.voucher-dedication{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:17px 0 20px;align-items:start}
.voucher-dedication>div:last-child{text-align:right}
.voucher-dedication span{display:block;font-size:6px;line-height:1.5;letter-spacing:1.4px;color:#8a9fba}
.voucher-dedication p{margin:5px 0 0;font-family:OrbitSerif,'Songti SC',SimSun,serif;font-size:11px;line-height:1.7;letter-spacing:.6px;color:#57769f;overflow-wrap:anywhere}
.voucher-perforation{position:relative;display:flex;align-items:center;gap:10px;margin:0 -29px;color:#9db1cc}
.voucher-perforation:before,.voucher-perforation:after{content:'';position:absolute;top:50%;width:16px;height:16px;border:1px solid #b9cce7;background:#f1f5fc;border-radius:50%;transform:translateY(-50%);z-index:2}
.voucher-perforation:before{left:-9px}.voucher-perforation:after{right:-9px}
.voucher-perforation i{height:1px;flex:1;background:repeating-linear-gradient(90deg,#a3b9d77d 0 3px,transparent 3px 7px)}
.voucher-perforation>span{font-size:5px;line-height:1;letter-spacing:2px;white-space:nowrap}
.voucher-stub{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:99px;padding:18px 0 20px}
.voucher-blessing{font-family:OrbitSerif,'Songti SC',SimSun,serif;font-size:12px;line-height:1.6;letter-spacing:1px;margin:0 0 5px;color:#4e6e9d}
#voucher-redemption{font-size:8px;line-height:1.7;color:#879cb9;margin:0;letter-spacing:.5px}
.voucher-reference{display:block;margin-top:10px;font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:7px;line-height:1.3;letter-spacing:2.1px;color:#7e96b5}
.voucher-seal{flex:0 0 48px;height:48px;border:1px solid #8fa9cd80;border-radius:50%;outline:1px solid #9eb5d23d;outline-offset:-4px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-15deg);color:#86a0c4}
.voucher-seal span{font-size:24px;line-height:1}.voucher-seal small{font-size:4px;letter-spacing:1px;margin-top:3px}
.voucher-save-note{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6;letter-spacing:.8px;color:#708aaf;margin:22px 0 0}
.voucher-save-note svg{flex-shrink:0}
.voucher-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:14px}
.voucher-actions .replay-button{font-size:9px;letter-spacing:.5px;gap:10px;color:#8298b8;transition:color .25s,border-color .25s}
.voucher-actions .replay-button:hover{color:#315c9d;border-color:#769bcf}
.voucher-actions .replay-button:active{transform:translateY(1px)}
.voucher-chapter.is-active .gift-voucher{animation:voucher-arrive .9s var(--ease) both}
.voucher-chapter.is-active .gift-voucher:after{animation:voucher-foil 1.6s ease-out .25s both}
@keyframes voucher-arrive{from{opacity:0;transform:translateY(15px) rotateX(5deg) scale(.975)}to{opacity:1;transform:none}}
@keyframes voucher-foil{0%{transform:translateX(-140%);opacity:0}20%{opacity:.7}100%{transform:translateX(140%);opacity:0}}
@media(max-width:760px){
 .letter-actions{gap:19px;padding-top:25px}.letter-actions .final-script{font-size:20px}#create-voucher{min-width:226px}#create-voucher>.voucher-action-label{font-size:11px}
 .voucher-chapter{padding:4px 22px 16px;justify-content:flex-start}.voucher-chapter-label{font-size:6px;margin:0 0 12px;letter-spacing:2.4px}.voucher-frame{width:min(350px,100%)}.gift-voucher{padding:18px 23px 0}.voucher-art{height:125px;margin-top:3px}.voucher-eighteen{font-size:119px}.voucher-art-note{font-size:13px;bottom:9px;right:32px}.voucher-title-block>p{font-size:7px;letter-spacing:2px}.voucher-title-block h2{font-size:26px;letter-spacing:4px;margin:4px 0 13px}.voucher-product{padding:12px 0}.voucher-model{font-size:20px}.voucher-finish{font-size:9px;margin-top:7px}.voucher-dedication{padding:13px 0 16px;gap:13px}.voucher-dedication p{font-size:10px;margin-top:4px}.voucher-perforation{margin:0 -23px}.voucher-stub{min-height:88px;padding:15px 0 17px}.voucher-blessing{font-size:11px;letter-spacing:.4px}#voucher-redemption{font-size:7px;letter-spacing:.2px}.voucher-reference{font-size:6px;margin-top:8px;letter-spacing:1.6px}.voucher-seal{flex-basis:42px;height:42px}.voucher-seal span{font-size:22px}.voucher-seal small{font-size:3.5px}.voucher-save-note{font-size:9px;margin-top:18px;letter-spacing:.5px}.voucher-actions{margin-top:11px;gap:26px}.progress-track{gap:21px}
}
@media(max-width:370px){.voucher-chapter{padding-left:17px;padding-right:17px}.gift-voucher{padding-left:21px;padding-right:21px}.voucher-perforation{margin-left:-21px;margin-right:-21px}.voucher-topline>span:first-child{font-size:7px;letter-spacing:2px}.voucher-topline>span:last-child{font-size:5px}.voucher-model{font-size:19px}.voucher-art{height:116px}.voucher-eighteen{font-size:110px}.voucher-title-block h2{font-size:24px}.progress-track{gap:17px}}
@media(max-width:760px) and (max-height:700px){.voucher-art{height:92px;margin-top:0}.voucher-eighteen{font-size:88px;letter-spacing:-6px}.voucher-art-note{font-size:11px;right:42px;bottom:5px}.voucher-title-block h2{font-size:23px;margin-bottom:10px}.voucher-product{padding:10px 0}.voucher-dedication{padding:11px 0 14px}.voucher-stub{min-height:81px;padding-top:13px;padding-bottom:14px}.voucher-save-note{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.voucher-chapter .gift-voucher,.voucher-chapter .gift-voucher:after{animation:none!important}.gift-voucher:after{display:none}.voucher-actions .replay-button:active{transform:none}}
@media print{body{background:#fff}.site-header,.journey-footer,.atmosphere,.voucher-chapter-label,.voucher-save-note,.voucher-actions,.toast{display:none!important}.voucher-chapter{padding:0}.voucher-frame{filter:none;width:412px}.gift-voucher{print-color-adjust:exact;-webkit-print-color-adjust:exact}}