:root{--wine:#360b1c;--cream:#fffaf5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;color:var(--cream);background:var(--wine);font-family:"Noto Serif SC",serif}.garden{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#7a1738 0,#450d24 43%,#230613 100%)}.garden::before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(115deg,transparent 45%,#fff1 45.2%,transparent 45.5%),linear-gradient(65deg,transparent 52%,#fff1 52.2%,transparent 52.5%);background-size:74px 74px}.glow{position:absolute;width:43vw;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.22}.glow-one{top:-20%;left:-13%;background:#ff5180}.glow-two{right:-12%;bottom:-29%;background:#e7446e}.garden-label{position:relative;letter-spacing:.38em;font:500 11px Georgia,serif;opacity:.55}.background-roses{position:absolute;inset:0;pointer-events:none;opacity:.16}.background-roses span{position:absolute;font-size:clamp(80px,13vw,180px);filter:blur(1px)}.background-roses span:nth-child(1){left:5%;top:8%;transform:rotate(-22deg)}.background-roses span:nth-child(2){right:7%;top:6%;transform:rotate(22deg)}.background-roses span:nth-child(3){left:19%;bottom:-5%;transform:rotate(-8deg)}.background-roses span:nth-child(4){right:18%;bottom:2%;transform:rotate(13deg)}.background-roses span:nth-child(5){left:46%;top:52%;font-size:100px}.login-overlay{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:22px;background:#17040dcc;backdrop-filter:blur(8px);transition:opacity .65s ease,visibility .65s}.login-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{width:min(100%,420px);padding:52px 48px 46px;text-align:center;color:#4a1830;background:linear-gradient(145deg,#fffdf8,#f6dedb);border:1px solid #fff9;border-radius:4px;box-shadow:0 30px 80px #0007;animation:card-in .7s cubic-bezier(.18,.87,.32,1.18)}.mini-rose{display:grid;place-items:center;width:38px;height:38px;margin:auto auto 20px;border:1px solid #b8455f;border-radius:50%;color:#b21e43}.overline{margin:0 0 11px;color:#a21c40;font:600 10px Georgia,serif;letter-spacing:.24em}.login-card h1{margin:0;font-size:29px;letter-spacing:.04em}.hint{margin:13px 0 28px;color:#8b6371;font-size:13px}.login-card input{width:100%;border:0;border-bottom:1px solid #c98b9c;outline:0;padding:12px 3px;color:#4a1830;background:transparent;text-align:center;font:500 16px "Noto Serif SC",serif}.login-card input:focus{border-color:#a50e37}.login-card input::placeholder{color:#b6929c}.error-message{min-height:20px;margin:10px 0 8px;color:#c4163d;font-size:12px}.login-card button{width:100%;margin-top:5px;padding:14px;border:0;border-radius:2px;color:#fff;background:#8e1738;font:600 14px "Noto Serif SC",serif;letter-spacing:.12em;transition:transform .2s,background .2s}.login-card button:hover{background:#af1b44;transform:translateY(-2px)}.login-card button span{margin-left:7px;font-size:18px}.love-screen{position:fixed;z-index:10;inset:0;display:grid;place-items:center;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 46%,#a91d49 0,#5e102c 43%,#210411 100%);transition:opacity .45s ease,visibility .45s}.love-screen.show{opacity:1;visibility:visible;pointer-events:auto}.love-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#fff0 30%,#18030cb3 100%)}.love-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px;animation:love-in 1s .18s both cubic-bezier(.16,.85,.35,1.18)}.love-content p{margin:0 0 18px;color:#f9c9ce;font:500 11px Georgia,serif;letter-spacing:.4em}.love-content h2{margin:0;color:#fff8f1;font:900 clamp(62px,14vw,150px) "Ma Shan Zheng","Noto Serif SC",serif;letter-spacing:.12em;text-shadow:0 5px 0 #6d0f30,0 0 35px #ff8099}.heart{display:block;margin:13px 0 10px;color:#ffb6bf;font-size:28px;animation:pulse 1.2s infinite}.love-content small{color:#f6dce0;font-size:14px;letter-spacing:.12em}.rose-shower{position:absolute;inset:0;overflow:hidden}.falling-rose{position:absolute;top:-15vh;font-size:clamp(30px,5vw,64px);filter:drop-shadow(0 8px 5px #27000a8c);animation:fall var(--duration) var(--delay) linear infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes card-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes love-in{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.25)}}@keyframes fall{0%{transform:translate3d(0,-12vh,0) rotate(0)}100%{transform:translate3d(var(--drift),120vh,0) rotate(480deg)}}@media(max-width:480px){.login-card{padding:42px 29px 36px}.love-content h2{font-size:22vw}.love-content p{letter-spacing:.24em}}