@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{font-family:Manrope,sans-serif;color:#f7f1e8;background:#111016}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;padding:0;background:#0e0d12}.building-glow{position:absolute;border-radius:50%;filter:blur(55px);opacity:.23;pointer-events:none}.glow-one{width:42vw;height:27vw;background:#db7e61;top:-13vw;left:-12vw}.glow-two{width:35vw;height:25vw;background:#87649e;bottom:-12vw;right:-10vw}.elevator{position:relative;width:min(100%,570px);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.26);overflow:hidden;background:linear-gradient(105deg,#302c31 0%,#17161b 12%,#201e24 48%,#121116 88%,#312c30 100%);box-shadow:0 32px 80px #000a,inset 0 0 58px #fff1}.panel-header{height:77px;display:flex;justify-content:center;align-items:center;padding:0 30px;border-bottom:1px solid #ffffff22;background:#151419a8;position:relative;z-index:2}.brand,.floor-indicator,.eyebrow,.quiz-top,.hint,.panel-label,.qr-card span{font-family:DM Mono,monospace;letter-spacing:.12em}.brand{font-size:12px;font-weight:500;color:#eee9e3;display:flex;align-items:center;gap:9px}.brand-dot{width:7px;height:7px;border-radius:50%;background:#e78767;box-shadow:0 0 10px #e78767}.floor-indicator{color:#d7b082;font-size:24px;line-height:1;border:1px solid #d7b08288;padding:8px 11px;min-width:65px;text-align:center}.arrow{font-size:13px;margin-right:7px;vertical-align:2px}.door-frame{position:relative;z-index:1;flex:1;min-height:590px;overflow:hidden;background:linear-gradient(90deg,#302d33 0%,#1b191f 16%,#242127 49%,#18161b 84%,#302d33 100%)}.door-line{position:absolute;z-index:1;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(#ffffff00,#e5d3bd35 15%,#0009 55%,#ffffff00);animation:doorPulse 3.6s ease-in-out infinite}.door-line.right{left:calc(50% + 5px);background:#0003}.content{position:relative;z-index:5;min-height:590px;display:grid;place-items:center;padding:20px 47px 37px;background:radial-gradient(ellipse at center,#121116e8 0%,#121116a8 52%,#1211161a 100%);text-shadow:0 2px 16px #000;transition:transform .26s ease,opacity .2s ease}.content.leaving{transform:scale(.97);opacity:0}.scene{width:100%;text-align:center;animation:arrive .5s ease both}.eyebrow{margin:0 0 18px;color:#d69b77;font-size:11px}.invite h1,.gift h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(53px,10vw,76px);line-height:.94;font-weight:500;letter-spacing:-.055em;margin:10px 0 19px}.invite{position:relative}.invite:before{content:"";position:absolute;top:-57px;left:50%;color:#e8c398;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.28em;opacity:.7;transform:translate(-42%)}.invite:after{content:"";position:absolute;top:-42px;left:50%;width:42px;height:1px;background:#d69b77;transform:translate(-50%)}.invite-lead{margin:0 0 31px;color:#f1e4d8;font-family:Playfair Display,Georgia,serif;font-size:clamp(21px,5.5vw,28px);line-height:1.28;letter-spacing:-.02em}.invite-copy{color:#c9c0c0;font-size:13px;line-height:1.65}.invite-copy p{margin:0 0 16px}.invite-copy p:last-child{color:#e2a67f;margin-top:22px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.invite-secret{display:inline-block;margin:33px 0 34px;padding:10px 17px;color:#f1ded0;border-top:1px solid #d69b7759;border-bottom:1px solid #d69b7759;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;line-height:1.45}.invite h1{color:#fff4ea;font-size:clamp(46px,9vw,68px);margin-bottom:30px;text-shadow:0 4px 18px #000}.intro{color:#c1b9ba;font-size:15px;line-height:1.7;max-width:330px;margin:0 auto 35px}.lift-icon{margin:0 auto 26px;width:53px;height:48px;border:1px solid #d69b7788;display:flex;gap:6px;align-items:center;justify-content:center}.lift-icon i{display:block;width:5px;height:5px;background:#d69b77;transform:rotate(45deg)}.lift-icon i:nth-child(2){opacity:.55}.lift-icon i:nth-child(3){opacity:.25}.answer-row{max-width:366px;margin:auto}.button{position:relative;width:100%;min-height:62px;overflow:hidden;border:1px solid #f2d5af;color:#21191a;background:linear-gradient(110deg,#dca176,#f2d2a4 52%,#d99b70);box-shadow:0 10px 28px #0006,inset 0 1px #fff8;font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 20%,#fff8 47%,transparent 72%);transform:translate(-110%);transition:transform .65s ease}.button span{position:relative;margin-left:12px;font-size:18px;vertical-align:-1px;transition:transform .22s ease}.button:hover{transform:translateY(-3px);box-shadow:0 15px 34px #0008,0 0 22px #e8ae7e55;filter:brightness(1.05)}.button:hover:before{transform:translate(110%)}.button:hover span,.choice:hover{transform:translateY(-3px)}.button.subtle{color:#e8c398;background:#ffffff0b;border-color:#e8c398aa}.hint{color:#8e8585;font-size:9px;margin:21px 0 0}.quiz-top{display:flex;justify-content:space-between;color:#b6aaa3;font-size:10px;margin-bottom:13px}.progress{height:2px;background:#ffffff20;margin-bottom:30px}.progress span{display:block;height:100%;background:#d59a76;transition:width .4s ease}.question h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(33px,6.5vw,47px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 auto 38px;max-width:410px}.choices{display:grid;gap:10px}.choice{min-height:62px;border:1px solid #ffffff27;background:#1110156e;color:#f2ece5;display:grid;grid-template-columns:44px 1fr 23px;align-items:center;text-align:left;padding:0 18px;transition:.18s}.choice:hover{border-color:#d99a74;background:#392d2d99}.choice b{font-family:DM Mono,monospace;color:#d59a76;font-size:10px;font-weight:400}.choice span{font-size:14px}.choice em{font-style:normal;color:#c5b7af}.gift{padding-top:6px}.gift-mark{color:#e6b484;font-size:39px;margin:3px 0 9px;text-shadow:0 0 20px #e6a57d}.gift h2{font-size:clamp(45px,8vw,62px);margin:0 0 15px}.gift-copy{color:#c1b9b5;font-size:14px;line-height:1.65;margin:0 0 19px}.qr-card{width:194px;margin:0 auto 20px;background:#f4ede3;padding:12px 12px 10px;box-shadow:0 12px 26px #0005}.qr-card img{width:100%;display:block;mix-blend-mode:multiply}.qr-card span{color:#292129;font-size:7px;display:block;padding-top:8px}.final-note{font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;line-height:1.4;color:#eaded1;margin:10px 0 17px}.again{padding:0;border:0;background:transparent;color:#bca99b;text-decoration:underline;text-underline-offset:4px;font-size:12px}.control-panel{position:relative;z-index:2;height:47px;flex:0 0 47px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-top:1px solid #ffffff1e;background:linear-gradient(#242126,#0f0e12);color:#827b7e}.panel-label{font-size:8px}.bolt{font-size:12px;color:#5e595c}@keyframes arrive{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes steelShine{0%,22%{transform:translate(-24%)}47%,to{transform:translate(24%)}}@keyframes doorPulse{0%,to{opacity:.42;box-shadow:0 0 0 transparent}50%{opacity:1;box-shadow:0 0 16px #e5d3bd60}}@media (max-width: 560px){.elevator{border:0}.panel-header{padding:0 22px;height:70px}.door-frame,.content{min-height:calc(100dvh - 117px)}.content{padding:30px 25px 25px}.invite-lead{margin-bottom:21px}.invite-copy{font-size:12px}.invite-copy p{margin-bottom:12px}.invite-secret{margin:23px 0;font-size:15px}.invite h1{margin-bottom:24px}.progress{margin-bottom:52px}.question h2{margin-bottom:30px}.choice{min-height:58px}.gift{padding-top:0}.qr-card{width:178px}}.text-answer{width:100%;max-width:390px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:18px}.text-answer-input{width:100%;height:58px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:2px;outline:none;background:rgba(12,11,15,.58);color:#f7f1e8;font-family:Playfair Display,Georgia,serif;font-size:20px;text-align:center;box-shadow:inset 0 1px #ffffff0a,0 8px 25px #0000002e;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.text-answer-input::placeholder{color:#f1e4d861;font-style:italic}.text-answer-input:hover{border-color:#d69b776b}.text-answer-input:focus{border-color:#d69b77c7;background:rgba(18,16,21,.82);box-shadow:0 0 0 1px #d69b7714,0 8px 28px #00000040,0 0 20px #d69b7714}.text-answer-button{align-self:center;width:auto;min-width:155px;height:46px;padding:0 22px;border:1px solid rgba(216,161,125,.72);border-radius:1px;color:#21191a;background:linear-gradient(110deg,#c9916e,#e4bd91 52%,#c88e68);box-shadow:0 7px 20px #0000004d,inset 0 1px #ffffff73;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease}.text-answer-button span{display:inline-block;margin-left:9px;font-size:14px;transition:transform .2s ease}.text-answer-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #00000061,0 0 17px #e8ae7e2e,inset 0 1px #ffffff80;filter:brightness(1.05)}.text-answer-button:active:not(:disabled){transform:translateY(0)}.text-answer-button:disabled{opacity:.3;cursor:default;box-shadow:none}.text-answer-hint{margin:-5px 0 0;color:#c9c0c07a;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 560px){.text-answer{max-width:100%;gap:16px}.text-answer-input{height:56px;font-size:18px}.text-answer-button{min-width:145px;height:44px;font-size:9px}}.custom-choice{border-color:#d69b7747;background:rgba(214,155,119,.045)}.custom-choice b{color:#e2a67f;font-size:14px}.custom-choice span{color:#d9bca9;font-style:italic}.custom-choice:hover{border-color:#d99a74;background:rgba(57,45,45,.7)}.custom-answer{width:100%;max-width:410px;margin:0 auto;animation:customAnswerAppear .35s ease both}.text-answer-input{width:100%;height:62px;padding:0 19px;border:1px solid rgba(214,155,119,.55);outline:none;background:rgba(17,16,21,.72);color:#f4ebe3;font-family:Manrope,sans-serif;font-size:15px;text-align:center;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.text-answer-input::placeholder{color:#8e8585}.text-answer-input:focus{border-color:#d99a74;background:rgba(25,22,27,.9);box-shadow:0 10px 30px #0000004d,0 0 20px #d69b771a}.text-answer-hint{margin:13px 0 18px;color:#8e8585;font-family:DM Mono,monospace;font-size:9px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.text-answer-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:175px;height:46px;padding:0 20px;border:1px solid rgba(242,213,175,.8);background:linear-gradient(110deg,#c98f6b,#e5bd91);color:#21191a;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 8px 22px #00000059,inset 0 1px #fff6;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.text-answer-button span{font-size:16px;transition:transform .2s ease}.text-answer-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #00000073,0 0 18px #d69b7726}.text-answer-button:hover:not(:disabled) span{transform:translate(3px)}.text-answer-button:disabled{opacity:.35;cursor:default}.custom-back{display:block;margin:17px auto 0;padding:0;border:0;background:transparent;color:#918482;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.07em;text-transform:lowercase;cursor:pointer;transition:color .2s ease,opacity .2s ease}.custom-back:hover{color:#d5a184}@keyframes customAnswerAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.custom-answer{max-width:100%}.text-answer-input{height:58px;font-size:14px}.text-answer-button{min-width:165px;height:44px}}.question-back{display:block;width:fit-content;margin:18px auto 0;padding:7px 0;border:0;background:transparent;color:#968b88;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s ease,transform .2s ease}.question-back:hover{color:#d69b77;transform:translate(-3px)}.choice.selected{border-color:#d99a74;background:#392d2d99;box-shadow:inset 3px 0 #d99a74}.custom-choice{border-style:dashed}.custom-choice b{font-size:15px}.custom-back{display:block;margin:13px auto 0;padding:5px 0;border:0;background:transparent;color:#827876;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;cursor:pointer;transition:color .2s ease}.custom-back:hover{color:#d69b77}html{width:100%;height:100%;margin:0}body{width:100%;min-width:320px;min-height:100%;margin:0;overflow-x:hidden}.app-shell{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.elevator{width:min(100%,570px);height:100dvh;min-height:0;max-height:100dvh}@media (max-width: 560px){.elevator{width:100%;height:100dvh;min-height:0;max-height:100dvh}.door-frame,.content{min-height:0;height:calc(100dvh - 117px)}.text-answer-input{font-size:16px!important;transform:none!important}}@media (hover: none) and (pointer: coarse){.choice:hover{border-color:#ffffff27;background:#1110156e;transform:none}.custom-choice:hover{border-color:#d69b7747;background:rgba(214,155,119,.045)}.button:hover{transform:none;box-shadow:0 10px 28px #0006,inset 0 1px #fff8;filter:none}.button:hover:before{transform:translate(-110%)}.button:hover span{transform:none}.text-answer-button:hover:not(:disabled){transform:none;filter:none}.text-answer-button:hover:not(:disabled) span{transform:none}}