:root{--ink:#492d3c;--muted:#9a7f89;--rose:#b94f72;--rose-dark:#923b5c;--paper:#fff1ee;--line:#efd2d7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 16% 12%,rgba(255,202,213,.65),transparent 28%),radial-gradient(ellipse at 84% 78%,rgba(246,169,189,.43),transparent 30%),linear-gradient(135deg,#632d4c 0%,#a34869 47%,#713951 100%);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:36px 20px;overflow:hidden}.shell:before,.shell:after{content:'✿';position:absolute;color:rgba(255,227,229,.18);font-size:230px;line-height:1;pointer-events:none;filter:blur(.2px)}.shell:before{top:-74px;left:-35px;transform:rotate(-18deg)}.shell:after{bottom:-90px;right:-28px;font-size:280px;transform:rotate(18deg)}.card{position:relative;z-index:1;width:min(100%,510px);min-height:500px;padding:62px 64px 28px;background:linear-gradient(145deg,rgba(255,242,238,.97),rgba(255,223,226,.96) 65%,rgba(251,216,224,.96));border:1px solid rgba(255,239,235,.8);border-radius:14px;box-shadow:0 28px 85px rgba(42,12,31,.34),inset 0 1px rgba(255,255,255,.9);display:flex;flex-direction:column;animation:appear .55s ease both}.card:before,.card:after{content:'';position:absolute;inset:10px;border:1px solid rgba(187,89,119,.2);border-radius:9px;pointer-events:none}.card:after{inset:16px;border-color:rgba(255,255,255,.42)}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);font-weight:600}.tiny-heart{font-size:12px;margin-right:9px}.card h1{font-family:'Playfair Display',serif;font-size:43px;line-height:1.18;letter-spacing:-.035em;font-weight:500;margin:31px 0 16px}.card h1 em{color:var(--rose);font-weight:500}.intro-copy{font-size:14px;line-height:1.85;color:#795563;max-width:330px;margin:0 0 30px}.button{position:relative;z-index:1;align-self:flex-start;border:0;background:linear-gradient(135deg,#c45878,#a43f63);color:white;border-radius:30px;padding:14px 22px;min-width:148px;font:600 13px 'DM Sans',sans-serif;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 18px rgba(151,55,87,.2);transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:linear-gradient(135deg,#ad4566,#88334f);transform:translateY(-2px);box-shadow:0 11px 22px rgba(151,55,87,.26)}.button:disabled{opacity:.65;cursor:wait;transform:none}.button span{float:right;margin-left:20px;font-size:16px;line-height:14px}.card-foot{margin-top:auto;padding-top:24px;border-top:1px solid rgba(177,102,124,.2);display:flex;justify-content:space-between;color:#a27b89;font-size:11px;letter-spacing:.04em;position:relative;z-index:1}.card-foot span:last-child{color:var(--rose);font-size:15px}.card-foot a{color:inherit;text-decoration:none}.signature{position:absolute;z-index:1;bottom:22px;color:rgba(255,239,240,.82);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.signature span{color:#ffd4df;margin-left:5px}.sparkle{position:absolute;z-index:1;color:#ffe1e7;opacity:.8;text-shadow:0 0 15px rgba(255,220,228,.7)}.sparkle-one{top:18%;left:calc(50% + 300px);font-size:29px}.sparkle-two{bottom:21%;right:calc(50% + 300px);font-size:38px}.hidden{display:none!important}.quiz-card{min-height:500px}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-top .eyebrow{color:#a56a7d}.quiz-top b{color:var(--rose);font-weight:600}.progress-label{color:#a77d8a;font-size:11px}.progress{height:4px;background:rgba(175,83,111,.15);border-radius:9px;margin:16px 0 40px;overflow:hidden}.progress div{height:100%;width:16%;background:linear-gradient(90deg,#d17791,#ac4165);border-radius:9px;transition:width .3s}.question{display:block;font:500 26px/1.4 'Playfair Display',serif;margin-bottom:23px;min-height:74px}textarea,input{font:14px/1.6 'DM Sans',sans-serif;color:var(--ink);background:rgba(255,250,249,.8);border:1px solid rgba(179,105,127,.28);border-radius:9px;outline:none;width:100%;padding:13px 14px;resize:vertical;transition:border .2s,box-shadow .2s}textarea{min-height:115px}textarea:focus,input:focus{border-color:#c45878;box-shadow:0 0 0 3px rgba(196,88,120,.1)}textarea::placeholder,input::placeholder{color:#b4939e}.form-actions{display:flex;align-items:center;justify-content:space-between;margin:20px 0 28px;min-height:46px}.text-button{color:#986a7a;background:none;border:0;font:500 13px 'DM Sans',sans-serif;cursor:pointer;padding:12px 0}.done-card{justify-content:center}.done-heart{color:#c45878;font-size:54px;margin-bottom:24px;text-shadow:0 7px 20px rgba(178,67,103,.16)}.done-card h1{margin-top:25px}.done-card .card-foot{margin-top:40px}.admin-shell{align-items:flex-start;padding-top:7vh;padding-bottom:7vh}.admin-card{width:min(100%,700px);min-height:400px}.admin-card h1{font-size:39px}#login-form{display:flex;gap:10px;max-width:430px}#login-form input{max-width:260px}.error{color:#9f3655;font-size:13px;min-height:18px}.submission{padding:19px 0;border-top:1px solid rgba(177,102,124,.2)}.submission h2{font:500 19px 'Playfair Display',serif;color:var(--rose-dark);margin:0 0 18px}.answer-item{margin:17px 0}.answer-item h3{font:500 15px/1.45 'Playfair Display',serif;margin:0 0 5px}.answer-item p{font-size:14px;line-height:1.7;color:#70525e;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.shell{padding:22px 14px}.card{min-height:470px;padding:48px 30px 24px;border-radius:11px}.card h1{font-size:37px}.shell:before{font-size:150px;top:-44px;left:-38px}.shell:after{font-size:180px;bottom:-58px;right:-30px}.sparkle{display:none}.question{font-size:23px;min-height:68px}.admin-shell{padding-top:24px}.admin-card{min-height:400px}#login-form{flex-direction:column;align-items:flex-start}#login-form input{max-width:none}.signature{bottom:8px;font-size:9px}}