body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top left,rgba(255,162,196,.45),transparent 30%),radial-gradient(circle at top right,rgba(255,121,169,.3),transparent 28%),linear-gradient(180deg,#fff1f6,#ffd8e8);color:#6a1233}.letter-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 14px;position:relative;overflow:hidden}.floating-hearts span{position:absolute;color:#d73c7138;font-size:clamp(18px,2vw,28px);animation:floatHeart linear infinite}.floating-hearts span:nth-child(odd){animation-duration:14s}.floating-hearts span:nth-child(2n){animation-duration:18s}.floating-hearts span:nth-child(1){left:8%;top:78%}.floating-hearts span:nth-child(2){left:18%;top:12%}.floating-hearts span:nth-child(3){left:26%;top:66%}.floating-hearts span:nth-child(4){left:36%;top:22%}.floating-hearts span:nth-child(5){left:46%;top:82%}.floating-hearts span:nth-child(6){left:54%;top:14%}.floating-hearts span:nth-child(7){left:62%;top:70%}.floating-hearts span:nth-child(8){left:70%;top:30%}.floating-hearts span:nth-child(9){left:76%;top:84%}.floating-hearts span:nth-child(10){left:84%;top:16%}.floating-hearts span:nth-child(11){left:90%;top:62%}.floating-hearts span:nth-child(12){left:12%;top:40%}.floating-hearts span:nth-child(13){left:32%;top:48%}.floating-hearts span:nth-child(14){left:58%;top:52%}.floating-hearts span:nth-child(15){left:74%;top:46%}.floating-hearts span:nth-child(16){left:92%;top:40%}@keyframes floatHeart{0%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-16px) scale(1.08);opacity:.7}to{transform:translateY(0) scale(1);opacity:.3}}.letter-shell{width:min(100%,900px);position:relative;z-index:1}.envelope-card{position:relative;min-height:560px;background:#ffffff3d;border-radius:34px;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 80px #a023552e;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.envelope-top{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff8bb5,#ffd1df);clip-path:polygon(0 0,100% 0,50% 52%);transition:transform .6s ease;transform-origin:top center}.envelope-card.is-open .envelope-top{transform:rotateX(180deg)}.envelope-bottom{position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(180deg,#ffc4d8,#ff91b5);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}.seal{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#d73c71,#ff89b2);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:700;box-shadow:0 16px 34px #d73c7159}.envelope-card.is-open .seal{opacity:0;pointer-events:none}.envelope-content,.letter-paper{position:relative;z-index:2;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 26px}.envelope-content h1,.letter-paper h1{font-size:clamp(1.8rem,5vw,3.2rem);margin:0}.overline{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;opacity:.7;margin-bottom:12px}.lead{max-width:520px;line-height:1.6;font-size:1.04rem;margin:18px 0 24px}.primary-btn,.ghost-btn{border:none;border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-btn{background:linear-gradient(135deg,#d73c71,#ff8eb7);color:#fff;box-shadow:0 14px 30px #d73c7140}.ghost-btn{background:#ffffffb3;color:#a42355;border:1px solid rgba(167,45,91,.16)}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px) scale(1.01)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.letter-paper{align-items:stretch;justify-content:flex-start;text-align:left}.letter-text{margin:18px 0 24px;display:grid;gap:16px;line-height:1.8;font-size:1.02rem}.letter-text p{margin:0}.letter-read-btn{align-self:center}.promise-box{margin-top:18px;padding:24px;border-radius:26px;background:#ffffffad;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px #fff9}.promise-box h2{margin:0 0 10px;text-align:center;font-size:clamp(1.4rem,4.4vw,2rem)}.promise-box p{margin:0 0 18px;text-align:center;line-height:1.6}.signature-wrap{position:relative;width:100%}.signature-canvas{width:100%;height:220px;border-radius:18px;border:2px dashed rgba(215,60,113,.4);background:#ffffff8c;touch-action:none}.signature-hint{position:absolute;right:16px;bottom:14px;font-size:.92rem;color:#6a12339e;pointer-events:none}.signature-actions{margin-top:18px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media (max-width: 680px){.letter-page{padding:14px 10px;align-items:flex-start}.envelope-card,.envelope-content,.letter-paper{min-height:auto}.envelope-card{border-radius:24px}.seal{width:72px;height:72px;font-size:28px}.envelope-content,.letter-paper{padding:24px 16px}.lead,.letter-text,.promise-box p{font-size:.98rem}.promise-box{padding:18px 14px;border-radius:20px}.signature-canvas{height:180px;border-radius:14px}.signature-hint{right:10px;bottom:10px;font-size:.8rem}.signature-actions{flex-direction:column}.signature-actions .primary-btn,.signature-actions .ghost-btn,.letter-read-btn,.envelope-content .primary-btn{width:100%}}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#fff4f7,#ffdce8)}.choice-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative;overflow:hidden}.choice-hearts span{position:absolute;color:#d73c712e;animation:bob 5s ease-in-out infinite}.choice-hearts span:nth-child(1){left:6%;top:20%}.choice-hearts span:nth-child(2){left:16%;top:76%}.choice-hearts span:nth-child(3){left:26%;top:10%}.choice-hearts span:nth-child(4){left:34%;top:58%}.choice-hearts span:nth-child(5){left:48%;top:18%}.choice-hearts span:nth-child(6){left:58%;top:74%}.choice-hearts span:nth-child(7){left:68%;top:16%}.choice-hearts span:nth-child(8){left:78%;top:60%}.choice-hearts span:nth-child(9){left:88%;top:22%}.choice-hearts span:nth-child(10){left:12%;top:44%}.choice-hearts span:nth-child(11){left:42%;top:86%}.choice-hearts span:nth-child(12){left:72%;top:88%}.choice-hearts span:nth-child(13){left:90%;top:80%}.choice-hearts span:nth-child(14){left:52%;top:44%}@keyframes bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.06)}}.choice-card{width:min(100%,760px);text-align:center;background:#ffffffbf;border:1px solid rgba(255,255,255,.9);border-radius:34px;box-shadow:0 26px 70px #a82a5829;padding:34px 22px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.choice-overline{margin:0 0 10px;letter-spacing:.15em;text-transform:uppercase;font-size:.76rem;font-weight:700;color:#b43463}.choice-copy{max-width:520px;margin:14px auto 22px;line-height:1.65;color:#7e2747}.gif_container img{width:min(100%,360px);height:auto}.links{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.link_button{display:inline-block;text-decoration:none;border:none;cursor:pointer;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#d73c71,#ff8eb7);color:#fff;font-size:1.05rem;font-weight:700;box-shadow:0 12px 28px #d73c713d;transition:transform .12s ease,filter .12s ease}.link_button.birthday{background:linear-gradient(135deg,#ff8b5c,#ffca6f)}.link_button.secret-entry{background:linear-gradient(135deg,#7c3aed,#d946ef)}.link_button:hover{transform:translateY(-1px);filter:brightness(1.03)}@media (max-width: 680px){.choice-page{align-items:flex-start;padding:14px 10px 20px}.choice-card{border-radius:24px;padding:24px 16px}.choice-copy{font-size:.98rem;line-height:1.6}.links{flex-direction:column}.link_button{width:100%;text-align:center}}.gp-wrap{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 20% 0%,rgba(255,100,160,.35),transparent 50%),radial-gradient(900px 500px at 80% 20%,rgba(255,170,200,.35),transparent 55%),linear-gradient(180deg,#0f0b16,#120a14 55%,#0b0a12);color:#fff;overflow:hidden}.gp-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;gap:10px}.gp-left{display:flex;align-items:center;gap:10px}.gp-back{border:1px solid rgba(255,255,255,.18);background:#0003;color:#fff;padding:8px 12px;border-radius:12px;font-weight:700;cursor:pointer}.gp-back:active{transform:translateY(1px)}.gp-brand{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.gp-heart{font-size:22px;filter:drop-shadow(0 10px 18px rgba(255,70,140,.5));animation:gpPulse 1.6s ease-in-out infinite}@keyframes gpPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.gp-title{font-weight:800;letter-spacing:.4px;font-size:16px;opacity:.95}.gp-stats{display:flex;gap:10px}.gp-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 10px;display:flex;align-items:baseline;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gp-pill-label{font-size:11px;opacity:.75}.gp-pill-value{font-size:16px;font-weight:800}.gp-stage{position:relative;flex:1;margin:0 12px 10px;min-height:520px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;box-shadow:0 30px 80px #00000073;overflow:hidden;touch-action:manipulation}.gp-bg-hearts{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:radial-gradient(circle at 10% 20%,rgba(255,70,140,.22),transparent 35%),radial-gradient(circle at 80% 10%,rgba(255,120,180,.18),transparent 40%),radial-gradient(circle at 60% 80%,rgba(255,70,140,.16),transparent 45%),radial-gradient(circle at 30% 70%,rgba(255,180,210,.14),transparent 50%);filter:blur(0px);opacity:.9;pointer-events:none}.gp-tip{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:12px;padding:8px 12px;border-radius:999px;background:#00000047;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;z-index:5}.gp-block{position:absolute;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;box-shadow:0 14px 30px #00000059}.gp-block.is-top{border-color:#ffffff38}.gp-block-active{animation:gpGlow 1.2s ease-in-out infinite}@keyframes gpGlow{0%{box-shadow:0 14px 30px #00000059,0 0 #ff509600}50%{box-shadow:0 14px 30px #00000059,0 0 22px #ff509659}to{box-shadow:0 14px 30px #00000059,0 0 #ff509600}}.gp-block-img:after{content:"❤";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-weight:900;opacity:.35;font-size:20px}.gp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.gp-card{width:min(92%,420px);border-radius:22px;padding:18px 16px 14px;background:#ffffff17;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px #0000008c;text-align:center}.gp-card-title{font-size:20px;font-weight:900;margin-bottom:8px}.gp-card-text{font-size:13px;opacity:.9;line-height:1.35;margin-bottom:14px}.gp-card-actions{display:flex;justify-content:center;gap:10px}.gp-btn{border:1px solid rgba(255,255,255,.18);background:#0003;color:#fff;padding:10px 14px;border-radius:14px;font-weight:800;cursor:pointer}.gp-btn.primary{background:linear-gradient(135deg,#ff5a9bf2,#ff8cbea6);border-color:#ffffff2e}.gp-btn:active{transform:translateY(1px)}.gp-card-mini{margin-top:10px;font-size:11px;opacity:.7}.gp-footer{padding:0 14px 14px;font-size:12px;opacity:.8;text-align:center}@media (min-width: 900px){.gp-stage{margin:0 auto 12px;width:min(560px,92vw)}}.gp-block-img{width:100%;height:100%;display:block;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.bilder-page{min-height:100dvh;background:linear-gradient(180deg,#f5d7e1,#efc4d3);padding:22px 14px 34px}.bilder-shell{width:min(1120px,100%);margin:0 auto}.bilder-head{background:#ffffffbf;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:14px;margin-bottom:16px;display:grid;gap:6px}@media (min-width: 520px){.bilder-head{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px}.bilder-head h1,.bilder-head p{grid-column:2}}.bilder-head h1{margin:0;color:#2f2430;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.15}.bilder-head p{margin:0;color:#5f4b60;font-size:clamp(.9rem,2vw,1rem)}.bilder-back{border:none;background:linear-gradient(135deg,#ff8ca5,#ffb08a);color:#fff;font-weight:800;border-radius:12px;padding:8px 12px;cursor:pointer;box-shadow:0 6px 18px #0000002e}.bilder-back:active{transform:translateY(1px)}.bilder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 700px){.bilder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (min-width: 1000px){.bilder-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}.bilder-card{background:#ffffffb8;border:1px solid rgba(255,255,255,.9);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #46233729}.bilder-card-btn{padding:0;border:none;width:100%;cursor:pointer;text-align:left;display:block;transition:transform .15s ease,box-shadow .15s ease}.bilder-card-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #46233738}.bilder-card-btn:active{transform:translateY(0)}.bilder-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.bilder-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:14px}.bilder-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#140a12b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bilder-modal-card{position:relative;width:min(980px,100%);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 60px #00000059;background:#ffffff0f}.bilder-modal-img{width:100%;height:min(78dvh,720px);object-fit:contain;display:block;background:#00000040}.bilder-modal-close{position:absolute;top:10px;right:10px;border:none;background:#fff3;color:#fff;font-weight:900;border-radius:12px;width:40px;height:40px;cursor:pointer}.bilder-modal-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:#fff3;color:#fff;font-size:34px;font-weight:900;width:46px;height:56px;border-radius:14px;cursor:pointer}.bilder-modal-prev{left:10px}.bilder-modal-next{right:10px}.bilder-modal-caption{position:absolute;left:10px;bottom:10px;padding:8px 10px;border-radius:12px;background:#0006;color:#fff;font-weight:700;font-size:.95rem}@media (max-width: 420px){.bilder-modal-nav{width:42px;height:52px;font-size:30px}.bilder-modal-close{width:36px;height:36px}}@media (max-width: 480px){.bilder-page{padding:14px 8px 22px}.bilder-head{padding:10px;border-radius:12px}.bilder-back{font-size:.9rem;padding:6px 10px}.bilder-head h1{font-size:1.3rem}.bilder-head p{font-size:.85rem}.bilder-grid{gap:8px}.bilder-card{border-radius:10px}.bilder-image{aspect-ratio:1 / 1}.bilder-modal-card{width:100%;border-radius:12px}.bilder-modal-img{height:72dvh}.bilder-modal-nav{width:38px;height:48px;font-size:26px}.bilder-modal-close{width:32px;height:32px}.bilder-modal-caption{font-size:.8rem;padding:6px 8px}}.val-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at top left,rgba(255,135,180,.35),transparent 30%),linear-gradient(180deg,#ffeaf2,#ffd5e6);position:relative;overflow:hidden}.val-hearts span{position:absolute;color:#d32f6d33;animation:heartSpin 7s ease-in-out infinite}.val-hearts span:nth-child(1){left:7%;top:18%}.val-hearts span:nth-child(2){left:17%;top:78%}.val-hearts span:nth-child(3){left:27%;top:24%}.val-hearts span:nth-child(4){left:37%;top:66%}.val-hearts span:nth-child(5){left:47%;top:14%}.val-hearts span:nth-child(6){left:57%;top:78%}.val-hearts span:nth-child(7){left:67%;top:22%}.val-hearts span:nth-child(8){left:77%;top:60%}.val-hearts span:nth-child(9){left:87%;top:18%}.val-hearts span:nth-child(10){left:20%;top:48%}.val-hearts span:nth-child(11){left:58%;top:48%}.val-hearts span:nth-child(12){left:88%;top:78%}@keyframes heartSpin{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}.val-card{width:min(100%,760px);text-align:center;background:#ffffffc2;border-radius:34px;padding:28px 20px 34px;box-shadow:0 24px 70px #a0235529;position:relative;z-index:1}.val-card h1{font-size:clamp(2rem,4vw,3rem);color:#d32f6d;margin:10px 0 0}.val-buttons{margin-top:22px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.yes-button,.no-button,.val-back{font-size:1.1rem;padding:12px 20px;border:none;border-radius:999px;cursor:pointer}.yes-button{background:#42b15c;color:#fff}.no-button{background:#ef476f;color:#fff}.val-back{position:absolute;left:18px;top:18px;background:#d73c711a;color:#a42355}.gif_container img{margin-top:26px;max-width:min(100%,420px);height:auto}@media (max-width: 680px){.val-page{align-items:flex-start;padding:14px 10px 20px}.val-card{border-radius:24px;padding:62px 16px 24px}.val-card h1{font-size:clamp(1.7rem,8vw,2.5rem)}.val-buttons{flex-direction:column;gap:10px}.yes-button,.no-button{width:100%}.val-back{left:12px;top:12px;padding:10px 14px}}.valyes-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(180deg,#fff4f8,#ffddea)}.valyes-card{width:min(100%,760px);border-radius:34px;background:#ffffffd1;text-align:center;padding:34px 22px;box-shadow:0 24px 70px #a0235529}.valyes-overline{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700;color:#b43463}.header_text{font-size:clamp(2rem,4vw,3rem);color:#d32f6d;margin:0}.gif_container img{width:min(100%,360px);margin-top:22px;height:auto}.links{margin-top:26px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.link_button{display:inline-block;text-decoration:none;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#d73c71,#ff8eb7);color:#fff;font-weight:700}.link_button.secondary{background:#d73c711f;color:#a42355}.birthday-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at top right,rgba(255,193,107,.34),transparent 28%),radial-gradient(circle at top left,rgba(255,132,168,.28),transparent 26%),linear-gradient(180deg,#fff5ef,#ffe4ef);position:relative;overflow:hidden}.birthday-hearts span{position:absolute;color:#ff825a2e;animation:drift 6s ease-in-out infinite}.birthday-hearts span:nth-child(1){left:8%;top:16%}.birthday-hearts span:nth-child(2){left:16%;top:74%}.birthday-hearts span:nth-child(3){left:26%;top:24%}.birthday-hearts span:nth-child(4){left:34%;top:64%}.birthday-hearts span:nth-child(5){left:44%;top:14%}.birthday-hearts span:nth-child(6){left:54%;top:76%}.birthday-hearts span:nth-child(7){left:64%;top:22%}.birthday-hearts span:nth-child(8){left:74%;top:60%}.birthday-hearts span:nth-child(9){left:84%;top:18%}.birthday-hearts span:nth-child(10){left:92%;top:72%}.birthday-hearts span:nth-child(11){left:14%;top:44%}.birthday-hearts span:nth-child(12){left:48%;top:48%}.birthday-hearts span:nth-child(13){left:70%;top:42%}.birthday-hearts span:nth-child(14){left:90%;top:40%}.birthday-hearts span:nth-child(15){left:58%;top:88%}.birthday-hearts span:nth-child(16){left:30%;top:88%}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.birthday-card{width:min(100%,760px);background:#fffc;border-radius:34px;padding:34px 24px;box-shadow:0 24px 70px #b2551f24;position:relative;z-index:1;color:#7e2f43}.birthday-back{display:inline-block;text-decoration:none;margin-bottom:16px;color:#c94b6f;font-weight:700}.birthday-overline{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700;color:#d16a3e}.birthday-card h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);color:#d54f6c}.birthday-card p{line-height:1.75;margin:0 0 14px}.birthday-actions{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}.birthday-btn{text-decoration:none;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#ff8b5c,#ffca6f);color:#fff;font-weight:700}.birthday-btn.ghost{background:#d54f6c1f;color:#b83d61}@media (max-width: 680px){.birthday-page{align-items:flex-start;padding:14px 10px 20px}.birthday-card{border-radius:24px;padding:24px 16px}.birthday-card p{line-height:1.65;font-size:.98rem}.birthday-actions{flex-direction:column}.birthday-btn{width:100%;text-align:center}}.secret-page{min-height:100vh;padding:24px 14px 40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(255,176,206,.25),transparent 32%),linear-gradient(180deg,#2f0d23,#170813);color:#fff7fb}.secret-page--success,.secret-page--gift,.secret-page--locked{padding-top:40px}.secret-ambience{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.secret-ambience span{position:absolute;color:#ffd1e499;animation:secretFloat 8s linear infinite;font-size:1.1rem}.secret-ambience span:nth-child(1){top:10%;left:9%}.secret-ambience span:nth-child(2){top:18%;left:78%}.secret-ambience span:nth-child(3){top:28%;left:18%}.secret-ambience span:nth-child(4){top:34%;left:88%}.secret-ambience span:nth-child(5){top:48%;left:12%}.secret-ambience span:nth-child(6){top:54%;left:72%}.secret-ambience span:nth-child(7){top:65%;left:25%}.secret-ambience span:nth-child(8){top:72%;left:84%}.secret-ambience span:nth-child(9){top:82%;left:15%}.secret-ambience span:nth-child(10){top:12%;left:50%}.secret-ambience span:nth-child(11){top:44%;left:48%}.secret-ambience span:nth-child(12){top:84%;left:58%}@keyframes secretFloat{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-10px);opacity:1}}.secret-card{position:relative;z-index:1;width:min(760px,100%);border-radius:28px;padding:24px;background:#fff7fb17;border:1px solid rgba(255,219,234,.22);box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.secret-card--centered{text-align:center}.secret-progress-row,.secret-footer-row,.secret-gift-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.secret-back-link{color:#ffd9e9;text-decoration:none;font-weight:700}.secret-progress-pill{padding:8px 14px;border-radius:999px;background:#ffd7e624;border:1px solid rgba(255,215,230,.28);font-weight:800;letter-spacing:.04em}.secret-overline{margin:20px 0 6px;text-transform:uppercase;letter-spacing:.2em;color:#ffc3db;font-size:.78rem;font-weight:800}.secret-card h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.secret-intro,.secret-hint-text,.secret-nfc-help,.secret-gift-voucher p,.secret-gift-imagebox figcaption{color:#ffeef5;opacity:.92}.secret-stage-box,.secret-nfc-box,.secret-gift-voucher,.secret-gift-imagebox{margin-top:22px;padding:18px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,218,231,.16)}.secret-question{margin-top:0;font-size:1.05rem;font-weight:700}.secret-choice-grid,.secret-order-bank,.secret-quest-grid,.secret-gift-grid{display:grid;gap:12px}.secret-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secret-choice-btn,.secret-order-chip,.secret-main-btn,.secret-ghost-btn,.secret-quest-btn{border:0;border-radius:18px;cursor:pointer;font:inherit;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.secret-choice-btn,.secret-order-chip,.secret-quest-btn{padding:14px 16px;background:#ffe6ef24;color:#fff;border:1px solid rgba(255,220,233,.22)}.secret-choice-btn:hover,.secret-order-chip:hover,.secret-main-btn:hover,.secret-ghost-btn:hover,.secret-quest-btn:hover{transform:translateY(-1px)}.secret-main-btn{padding:14px 18px;background:linear-gradient(135deg,#ff7cad,#ff4f93);color:#fff;font-weight:800;box-shadow:0 12px 25px #ff5b9947;text-decoration:none;display:inline-block}.secret-main-btn:disabled,.secret-order-chip:disabled{opacity:.45;cursor:not-allowed;transform:none}.secret-ghost-btn{margin-top:16px;padding:12px 16px;background:transparent;color:#ffd9e9;border:1px solid rgba(255,217,233,.35)}.secret-input-row{display:flex;gap:12px;flex-wrap:wrap}.secret-input{flex:1 1 220px;min-width:0;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,220,233,.22);background:#ffffff1f;color:#fff;outline:none}.secret-input::placeholder{color:#ffffffa6}.secret-order-answer{min-height:64px;padding:10px;display:flex;gap:8px;flex-wrap:wrap;border-radius:18px;background:#ffffff0f;border:1px dashed rgba(255,220,233,.25);margin-bottom:14px}.secret-order-placeholder{opacity:.75}.secret-order-bank{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.secret-order-chip.is-selected,.secret-quest-btn.is-active{background:#ff7cad4d}.secret-quest-progress{margin-top:-4px;opacity:.88}.secret-quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secret-quest-btn{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.secret-quest-btn span{font-size:1.8rem}.secret-feedback{margin-top:18px;padding:14px 16px;border-radius:16px;font-weight:700}.secret-feedback.is-success{background:#62e3a429;border:1px solid rgba(98,227,164,.3);color:#dbffea}.secret-feedback.is-error{background:#ff6d8f1f;border:1px solid rgba(255,109,143,.28);color:#ffe5ee}.secret-video-wrap{margin-top:22px;overflow:hidden;border-radius:22px;border:1px solid rgba(255,218,231,.16);background:#0000002e}.secret-video{display:block;width:100%;max-height:70vh;background:#180812}.secret-gift-grid{grid-template-columns:1.05fr .95fr;align-items:stretch}.secret-voucher-ticket{margin-top:14px;padding:20px;border-radius:18px;text-align:center;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#ff7cad42,#ffffff1a);border:1px dashed rgba(255,220,233,.4)}.secret-gift-imagebox{display:flex;flex-direction:column;justify-content:center}.secret-gift-imagebox img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}@media (max-width:720px){.secret-choice-grid,.secret-gift-grid,.secret-order-bank{grid-template-columns:1fr}.secret-card{padding:18px;border-radius:22px}.secret-page{padding-inline:10px}.secret-main-btn,.secret-ghost-btn,.secret-choice-btn,.secret-order-chip,.secret-input{width:100%}}*{box-sizing:border-box}a{color:inherit}