@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Serif+TC:wght@400;500&display=swap');
:root{--paper:#f5f1e8;--ink:#293d3b;--rose:#ad5b4d;--serif:'Noto Serif TC','PMingLiU',serif;--roman:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft JhengHei',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ad5b4d;outline-offset:5px}[hidden]{display:none!important}::selection{background:#ead1bf}.gate{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:40px 22px 25px;overflow:hidden}.gate:before,.gate:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #c7bba245;border-radius:50%;z-index:-1;pointer-events:none}.gate:before{left:-440px;top:80px;box-shadow:0 0 0 55px #cab9990b,0 0 0 110px #cab99908}.gate:after{right:-400px;bottom:-250px;box-shadow:0 0 0 45px #cab9990b,0 0 0 90px #cab99908}.corner-note{position:absolute;left:38px;top:40px;font:italic 18px var(--roman);color:#746e5c}.gate-monogram{text-decoration:none;font:500 30px var(--roman);letter-spacing:5px;line-height:1}.gate-monogram span{font-size:22px;color:var(--rose)}.gate-orbit{display:flex;align-items:center;gap:35px;margin:40px 0 24px;color:#9e7758;font-size:20px}.gate-orbit span:nth-child(2){font-size:12px}.gate-orbit span:last-child{font:26px var(--roman);color:var(--rose)}.gate-card{position:relative;text-align:center;width:min(100%,540px);padding:25px 48px 32px;animation:arrive 1s ease both}.eyebrow{font-size:9px;letter-spacing:2px;color:#796f5b;margin:0 0 24px;font-weight:600}h1{font:400 clamp(31px,5vw,45px)/1.65 var(--serif);letter-spacing:2px;margin:0}.gate-intro{font:12px/2.1 var(--serif);color:#687265;margin:24px 0 30px}form{max-width:330px;margin:0 auto}label{display:block;font:15px var(--serif);letter-spacing:2px;color:#89594b}.date-hint{font-size:11px;line-height:1.8;color:#687265;margin:10px 0 17px}input{width:100%;min-width:0;min-height:58px;border:1px solid #cbbba4;border-radius:4px;background:#fffaf2;color:var(--ink);padding:11px 14px;text-align:center;font-size:28px;letter-spacing:.22em;line-height:1.2;font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none}input::placeholder{font-size:11px;letter-spacing:1px;color:#786d5d;opacity:1}input[aria-invalid=true]{border-color:var(--rose)}button{border:0;border-radius:40px;background:var(--ink);color:#fff8e9;min-height:49px;width:100%;padding:14px 20px;font-size:12px;letter-spacing:1px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .2s,transform .2s}button:hover{background:#38534c;transform:translateY(-2px)}button span{font-size:18px;line-height:1}button:disabled{cursor:wait;opacity:.7;transform:none}input:disabled{opacity:.75}.unlock-feedback{max-width:330px;margin:20px auto 0;min-height:62px}#unlock-status{font-size:11px;line-height:1.9;color:#5d6b60;margin:0}#unlock-status.is-error{color:#985446}progress{display:block;width:100%;height:4px;margin:18px 0 11px;border:0;border-radius:9px;overflow:hidden;background:#e3dbca;accent-color:var(--rose)}progress::-webkit-progress-bar{background:#e3dbca}progress::-webkit-progress-value{background:var(--rose);transition:width .2s}progress::-moz-progress-bar{background:var(--rose)}.download-detail{font-size:10px;color:#687265;font-variant-numeric:tabular-nums;line-height:1.8;margin:0}.card-signature{display:block;margin-top:20px;font:italic 22px var(--roman);color:#9c6957}footer{margin:auto 0 0;padding-top:35px;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1px;color:#786f5c}footer span{font:20px var(--roman);color:#ad5b4d}.no-script{text-align:center;font-size:12px;padding:20px;line-height:1.8}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-height:850px){.gate{padding-top:55px}.gate-orbit{margin-top:60px;margin-bottom:35px}.gate-card{padding-top:35px}.gate-intro{margin-bottom:36px}}@media(max-width:600px){.gate{padding:30px 20px 22px}.corner-note{display:none}.gate-monogram{font-size:27px}.gate-orbit{margin:32px 0 20px;gap:30px}.gate-card{padding:20px 8px 22px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}h1{font-size:34px;line-height:1.7;letter-spacing:1px}.gate-intro{font-size:11px;margin:22px 0 26px}form,.unlock-feedback{max-width:310px}input{font-size:27px}.card-signature{font-size:20px;margin-top:14px}footer{font-size:9px;letter-spacing:.5px;padding-top:28px;gap:12px}.gate:before{left:-490px}.gate:after{right:-480px}}@media(max-width:350px){h1{font-size:29px}.gate{padding-inline:18px}.gate-card{padding-inline:0}input{font-size:25px}button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}