*{box-sizing:border-box} :root{--ink:#754c4a;--muted:#a67b77;--pink:#e98d9b;--pink2:#f6c7cc;--cream:#fff8f2;--line:#f0d8d3;--green:#8c9d82}html{min-height:100%;background:#fff4ef}body{margin:0;min-height:100vh;color:var(--ink);font-family:"DM Sans",sans-serif;background:radial-gradient(ellipse at 10% 15%,#ffe0df 0,transparent 36%),radial-gradient(ellipse at 90% 70%,#f9d9d5 0,transparent 35%),linear-gradient(135deg,#fff8f1,#fce8e3 55%,#fff4ed);overflow-x:hidden}.topbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid #efd9d2;background:#fff9f4d9;backdrop-filter:blur(14px);position:relative;z-index:5}.brand{text-decoration:none;color:#9b615e;font:italic 23px "Playfair Display",serif;white-space:nowrap}.brand-flower{color:#e98d9b;font-size:29px;vertical-align:-2px}.top-note{margin-left:auto;color:#b08079;font:italic 14px "Playfair Display",serif}.admin-link{color:#a16b66;text-decoration:none;font-size:24px;padding:8px}.entry-wrap{min-height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 18px 32px;position:relative}.eyebrow,.tiny-label{font-size:10px;letter-spacing:2.4px;color:#b47d78;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px}.eyebrow span{width:28px;height:1px;background:#e5aaa9}.entry-card{position:relative;width:min(100%,650px);padding:clamp(30px,6vw,66px) clamp(22px,7vw,76px) 32px;text-align:center;background:#fffaf5ed;border:1px solid #fff;border-radius:5px;box-shadow:0 24px 70px #a75e4b18,0 3px 14px #a75e4b0a;overflow:hidden}.entry-card:before{content:"";position:absolute;inset:10px;border:1px solid #f4dfd8;pointer-events:none}.flower-art{position:absolute;inset:0;pointer-events:none}.flower{position:absolute;color:#eaa0a6;opacity:.6;animation:sway 5s ease-in-out infinite}.f1{top:8%;left:8%;font-size:38px}.f2{top:13%;right:9%;font-size:28px;animation-delay:-1s}.f3{bottom:20%;left:4%;font-size:24px;animation-delay:-2s}.f4{bottom:11%;right:7%;font-size:36px;animation-delay:-3s}.f5{top:45%;right:3%;font-size:20px}.tiny-label{font-size:9px;position:relative}h1,h2{font-family:"Playfair Display",serif;font-weight:500}h1{font-size:clamp(34px,6vw,55px);line-height:1.15;letter-spacing:-1.4px;margin:18px 0;color:#865653;position:relative}h1 em,h2 em{color:#df8994;font-weight:500}.intro{font-size:14px;line-height:1.9;color:#a77b75;margin:0 auto 30px;position:relative}.code-form{text-align:left;position:relative;max-width:450px;margin:auto}.code-form label,form label{display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#b17d77;margin:18px 0 9px}.input-row{display:flex;gap:8px}.input-row input{min-width:0;flex:1}.input-row button,.primary-btn{border:0;background:#d98591;color:#fffaf7;padding:0 20px;border-radius:3px;font:600 13px "DM Sans";cursor:pointer;box-shadow:0 6px 16px #d9859133;transition:.2s}.input-row button:hover,.primary-btn:hover{background:#c97380;transform:translateY(-1px)}input,textarea{width:100%;padding:14px 15px;border:1px solid #efd8d2;border-radius:3px;background:#fffdfa;color:#744e4a;font:14px "DM Sans";outline:none}input:focus,textarea:focus{border-color:#dc929a;box-shadow:0 0 0 3px #e8a6ae20}input::placeholder,textarea::placeholder{color:#c7aaa4}.form-message{font-size:12px;min-height:18px;color:#bd626c;margin:9px 0}.card-footer{display:flex;justify-content:center;gap:12px;align-items:center;color:#b78b83;font:italic 12px "Playfair Display";margin-top:22px;position:relative}.card-footer span{color:#df929c}.bottom-note{font:italic 14px "Playfair Display";color:#b08079;margin:25px 0 0}.letter-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;overflow:auto}.hidden{display:none!important}.letter-overlay{position:absolute;inset:0;background:#704b4b99;backdrop-filter:blur(9px);animation:fade .4s}.letter{position:relative;max-width:620px;width:100%;max-height:calc(100vh - 36px);overflow:auto;text-align:center;padding:32px clamp(22px,6vw,56px);background:linear-gradient(145deg,#fffaf4,#fff0ed);border:1px solid white;box-shadow:0 30px 100px #3c202044;animation:openLetter .65s cubic-bezier(.2,.8,.2,1)}.letter:before{content:"";position:absolute;inset:9px;border:1px solid #f2d9d2;pointer-events:none}.close-letter{position:absolute;right:19px;top:12px;border:0;background:transparent;color:#a77972;font-size:27px;cursor:pointer}.letter-top{font:italic 13px "Playfair Display";letter-spacing:2px;color:#b37e78}.photo-frame{width:145px;height:145px;padding:7px;background:#fff;box-shadow:0 8px 20px #7a45451c;margin:24px auto 16px;transform:rotate(-3deg);position:relative}.photo-frame img{width:100%;height:100%;object-fit:cover;display:none}.photo-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#fce1dd,#f9c9cf);font-size:48px;color:#d88793}.letter-kicker{font-size:10px;letter-spacing:3px;color:#b47d78;margin:12px 0 4px}.letter h2{font-size:clamp(32px,6vw,46px);color:#df8994;font-style:italic;margin:0}.divider-flower{color:#d98c94;margin:12px}.greeting-text{white-space:pre-wrap;text-align:left;font-size:14px;line-height:1.95;color:#8d615b;margin:18px auto;max-width:470px}.wish-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.wish-chips span{padding:8px 12px;border-radius:40px;background:#fbe3e1;color:#a66c68;font-size:11px}.letter-sign{font:italic 17px "Playfair Display";color:#d77f8b;margin:22px 0 14px}.soft-button{border:1px solid #eacbc5;background:#fffaf5;color:#a16e69;border-radius:3px;padding:10px 15px;font:600 12px "DM Sans";cursor:pointer}.soft-button:hover{background:#fce7e3}.petals{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:30}.petal{position:absolute;top:-30px;color:#e995a2;text-shadow:0 2px 8px #cf8c8c33;animation:fall linear forwards}.admin-body{background:linear-gradient(135deg,#fff8f2,#fbe9e5)}.admin-wrap{max-width:1160px;margin:auto;padding:44px 20px 80px}.admin-panel{background:#fffaf6;border:1px solid #f1ded8;padding:clamp(22px,4vw,36px);box-shadow:0 12px 35px #a75e4b0b}.login-panel{max-width:460px;margin:7vh auto}.login-panel h1,.dashboard h1{font-size:clamp(32px,5vw,44px);margin:12px 0}.login-panel p,.dashboard-heading p,.muted{color:#a78079;font-size:13px;line-height:1.7}.login-panel form{margin-top:26px}.login-panel .primary-btn{padding:14px 20px;width:100%;margin-top:10px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.stats-row{display:flex;gap:14px;margin:20px 0}.stat-card{background:#fffaf6;border:1px solid #f0ddd7;padding:16px 22px;min-width:140px;display:flex;flex-direction:column;gap:5px}.stat-card strong{font:26px "Playfair Display";color:#d98591}.stat-card span{font-size:11px;color:#a78079}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}.admin-panel h2{font-size:23px;margin:0 0 18px}.admin-panel form label{margin-top:17px}.admin-panel small{display:block;font-size:11px;line-height:1.6;color:#b18d86;margin-top:5px}.admin-panel textarea{resize:vertical;line-height:1.7}.form-actions{display:flex;gap:9px;margin-top:18px}.primary-btn{padding:12px 16px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-heading h2{margin-bottom:0}.recipient-list{display:flex;flex-direction:column;gap:9px;margin-top:18px}.recipient-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #f0ded8;background:#fffdf9}.recipient-thumb{width:52px;height:52px;flex-shrink:0;object-fit:cover;background:#fbe3df}.recipient-thumb.empty{display:grid;place-items:center;color:#d98d97;font-size:22px}.recipient-info{flex:1;min-width:0}.recipient-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.recipient-info small{color:#b08b83}.item-actions{display:flex;gap:6px;flex-wrap:wrap}.item-actions button{font-size:11px;padding:7px 9px}.current-photo{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:#a78079}.current-photo img{width:64px;height:64px;object-fit:cover}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#855b56;color:white;font-size:13px;box-shadow:0 6px 24px #0002;z-index:50;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1}@keyframes sway{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-7px)}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(600deg);opacity:.1}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes openLetter{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.topbar{height:64px;padding:0 17px;gap:10px}.brand{font-size:20px}.top-note{font-size:11px}.entry-wrap{min-height:calc(100vh - 64px);padding:28px 14px}.entry-card{padding:45px 22px 28px}.input-row{flex-direction:column}.input-row button{padding:14px}.dashboard-heading{align-items:flex-start}.stats-row{margin-top:12px}.recipient-item{align-items:flex-start}.item-actions{flex-direction:column}.letter{padding:28px 20px}.photo-frame{width:120px;height:120px}}