:root{--hot-pink:#e3437d;--deep-pink:#a92357}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--deep-pink);background:#f9b8cf;margin:0;font-family:Arial,Noto Sans TC,sans-serif}button{font:inherit}.fortune-page{background:radial-gradient(circle at 12% 10%,#ffffff94 0 2px,#0000 3px),radial-gradient(circle at 90% 23%,#ffffff73 0 3px,#0000 4px),radial-gradient(circle at 55% 78%,#ffffff52 0 2px,#0000 3px),linear-gradient(145deg,#ffd6e4 0%,#f8a8c6 48%,#f39abc 100%);grid-template-rows:auto 1fr auto;place-items:center;min-height:100svh;padding:clamp(24px,5vh,52px) 20px 20px;display:grid;position:relative;overflow:hidden}.fortune-page:before{content:"";pointer-events:none;border:1px solid #ffffff75;border-radius:32px;position:absolute;inset:16px}.ambient{filter:blur(60px);opacity:.24;pointer-events:none;border-radius:999px;width:46vw;height:46vw;position:absolute}.ambient-one{background:#fff;top:-24vw;left:-12vw}.ambient-two{background:#d92e6b;bottom:-27vw;right:-18vw}.intro{z-index:1;text-align:center}.eyebrow{color:#7e1943b8;letter-spacing:.28em;margin:0 0 10px;font-size:10px;font-weight:700}h1{letter-spacing:.04em;text-shadow:0 2px #ffffff80;margin:0;font-family:Georgia,Times New Roman,Noto Serif TC,serif;font-size:clamp(27px,6vw,56px);font-weight:500;line-height:1}.instruction{color:#7e1943bf;letter-spacing:.08em;margin:13px 0 0;font-size:13px}.oracle{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:min(100%,520px);padding:18px 0 8px;display:flex;position:relative}.card-button{cursor:pointer;filter:drop-shadow(0 18px 24px #79163e45);width:clamp(190px,29vh,270px);transform-style:preserve-3d;background:0 0;border:0;border-radius:22px;padding:0;transition:filter .22s,transform .22s;display:block;position:relative}.card-button:hover:not(:disabled){filter:drop-shadow(0 25px 28px #79163e57);transform:translateY(-7px)rotate(-1deg)}.card-button:focus-visible{outline-offset:7px;outline:3px solid #fff}.card-button:disabled{cursor:wait}.card-button.is-drawing{animation:.9s cubic-bezier(.3,.7,.2,1) draw-card}.card-glow{z-index:-1;filter:blur(36px);opacity:0;background:#ffffffa8;border-radius:50%;position:absolute;inset:10% -20%}.is-drawing .card-glow{animation:.9s glow-pulse}.love-card{-webkit-user-select:none;user-select:none;border-radius:21px;width:100%;height:auto;display:block}.love-card.is-revealing{animation:.5s ease-out both reveal-card}.tap-hint,.again-button{letter-spacing:.2em;margin:18px 0 0;font-size:10px;font-weight:700}.tap-hint{color:#7e19437a}.again-button{color:var(--deep-pink);cursor:pointer;background:#ffffff4d;border:1px solid #a9235757;border-radius:999px;padding:10px 16px;transition:background .18s,transform .18s}.again-button:hover{background:#ffffff8c;transform:translateY(-2px)}.spark{color:#fff;pointer-events:none;text-shadow:0 0 14px #fff;font-family:Georgia,serif;animation:2.8s ease-in-out infinite twinkle;position:absolute}.spark-one{font-size:28px;top:20%;left:7%}.spark-two{font-size:36px;animation-delay:-.8s;top:43%;right:3%}.spark-three{font-size:18px;animation-delay:-1.7s;top:64%;left:12%}.spark-four{font-size:20px;animation-delay:-2.2s;top:7%;right:15%}footer{z-index:1;color:#7e194394;letter-spacing:.08em;text-align:center;font-size:10px}@keyframes draw-card{0%{transform:translateY(0)rotateY(0)rotate(0)scale(1)}45%{transform:translateY(-12px)rotateY(190deg)rotate(6deg)scale(1.04)}to{transform:translateY(0)rotateY(360deg)rotate(0)scale(1)}}@keyframes glow-pulse{0%,to{opacity:0;transform:scale(.8)}48%{opacity:1;transform:scale(1.1)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85)rotate(0)}50%{opacity:.95;transform:scale(1.2)rotate(18deg)}}@media (max-height:720px){.fortune-page{padding-top:20px}.eyebrow{margin-bottom:7px}.instruction{margin-top:8px}.oracle{padding-top:10px}.card-button{width:clamp(170px,27vh,210px)}}@keyframes reveal-card{0%{opacity:0;filter:blur(5px);transform:scale(.97)}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}