.cloud-nav{display:flex;gap:7px}.cloud-nav button{padding:7px 12px;font-size:11px;min-height:36px;border:1px solid #e5d3c8;border-radius:20px;background:#fff9f4;color:#9e7181;font-family:Mali,sans-serif;cursor:pointer}.cloud-dialog{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:90dvh;padding:0;background:#fcf7f0;border:1px solid #dec5b7;border-radius:24px;color:#765b52;box-shadow:0 25px 100px #52362e38;text-align:left}.cloud-dialog::backdrop{background:#51413f77;backdrop-filter:blur(6px)}.cloud-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #e9d9cc}.cloud-header h2{font:27px Itim,sans-serif;margin:8px 0 0}.cloud-header .eyebrow{font-size:9px}.cloud-body{padding:24px}.cloud-intro{font-size:13px;line-height:2;text-align:center;margin:10px 0 24px}.cloud-dialog input{width:100%;box-sizing:border-box}.cloud-account{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center;margin-bottom:20px;overflow-wrap:anywhere}.cloud-empty{text-align:center;padding:35px 15px}.cloud-empty>span,.cloud-setup-icon{font-size:52px;color:#b58190;text-align:center}.cloud-empty h3{font:23px Itim,sans-serif}.cloud-empty p{font-size:12px;line-height:2}.saved-gift{background:#fffaf4;padding:18px;border:1px solid #e9d9cc;border-radius:16px;margin-bottom:12px}.saved-gift h3{font:22px Itim,sans-serif;margin:6px 0}.saved-gift p{font-size:12px;line-height:1.8;margin:7px 0}.saved-gift-date,.saved-gift small{font-size:10px;color:#a38576}.saved-gift-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.saved-gift-actions button{font-size:11px;padding:7px 12px;min-height:38px}.cloud-confirm{padding:14px;margin-top:12px;border:1px dashed #c798a5;border-radius:12px;background:#f8e9eb}.cloud-confirm button{margin-right:5px;font-size:11px;min-height:40px;padding:7px 12px}.cloud-confirm input{font-size:11px;margin-bottom:10px}.shop-trial-banner{display:flex;gap:14px;align-items:center;background:#eeeedd;border:1px dashed #bfc6a5;border-radius:15px;padding:16px;margin-bottom:22px}.shop-trial-banner>span{font-size:30px;color:#a3ad87}.shop-trial-banner strong{font-size:13px}.shop-trial-banner p{font-size:11px;margin:6px 0 0}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shop-card{padding:14px;border:1px solid #eadacc;border-radius:18px;background:#fffaf4;box-shadow:0 4px 0 #e6d3c43b}.shop-art{height:120px;background:#f4e9df;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:13px}.shop-art canvas{image-rendering:pixelated}.shop-art-starry{background:linear-gradient(#b5a9c9,#ede0e2);color:#fff9e8}.shop-art-cafe{background:repeating-linear-gradient(90deg,#ebc3b6 0 20px,#fff1db 20px 40px);color:#ae8570}.shop-art>span{font-size:48px}.shop-art i{position:absolute;right:20px;bottom:16px;font-style:normal;font-size:24px}.shop-card>small{font-size:8px;color:#b68e80;letter-spacing:2px}.shop-card h3{font:23px Itim,sans-serif;margin:8px 0}.shop-card p{font-size:11px;line-height:1.9;min-height:42px}.shop-card button{font-size:11px;min-height:42px;padding:10px 12px}.shop-card button:disabled{opacity:.6}.cloud-body #cloud-status{font-size:12px;line-height:1.9;color:#a56a7c;margin:16px 0 0}.asset-locked{position:relative;opacity:.75}.asset-lock-tag{display:block;font-size:9px;color:#af7b8b;margin-top:4px}.cloud-share-note{font-size:11px;line-height:2;padding:14px;border:1px dashed #d5b9bd;border-radius:12px;margin-top:18px}.share-expiry{display:flex;align-items:center;gap:12px;font-size:12px;margin:18px 0}.share-expiry select{font:12px Mali,sans-serif;padding:10px;border:1px solid #e6d3c8;border-radius:10px;background:#fffaf4;color:#806359}.scene-starry{background:linear-gradient(#c4b7d2,#f5e5e7)!important}.scene-starry:before{content:'✦ · ✧ · ✦';position:absolute;top:28px;left:26%;letter-spacing:18px;color:#fff8dc}.scene-cafe{background:repeating-linear-gradient(90deg,#f2d6cb 0 32px,#fff0df 32px 64px)!important}.scene-cafe:before{content:'café, with you ♡';position:absolute;top:40px;right:22px;font:20px Itim,sans-serif;color:#bd9a7e;transform:rotate(5deg)}
@media(max-width:620px){.header-right{flex-wrap:wrap;justify-content:flex-end;gap:6px}.cloud-nav button{font-size:10px;padding:6px 9px}.cloud-header{padding:17px}.cloud-header h2{font-size:24px}.cloud-body{padding:16px}.shop-grid{gap:10px}.shop-card{padding:10px}.shop-card h3{font-size:20px}.shop-card p{font-size:10px;min-height:57px}.shop-card button{font-size:10px;padding:9px 6px}.shop-art{height:100px}.cloud-account{font-size:10px}.share-expiry{flex-wrap:wrap}}

.cloud-dialog input{font:500 13px Mali,sans-serif;color:#765b52;background:#fffaf4;border:1px solid #e5d3c8;border-radius:12px;padding:13px 14px;min-height:46px}.cloud-dialog .field{margin-bottom:20px}.cloud-dialog label{font-size:12px;display:block;margin-bottom:8px}

.google-login{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;box-sizing:border-box;min-height:54px;padding:14px 18px;border:1px solid #decfc4;border-radius:14px;background:#fff;color:#66584f;text-decoration:none;font:600 14px Mali,sans-serif;box-shadow:0 4px 0 #e4d5c64d}.google-letter{font:bold 24px Arial,sans-serif;color:#4285f4}.google-login-note{font-size:11px;text-align:center;color:#ab8879;margin:12px 0 24px}.password-fallback{margin-top:20px;border-top:1px dashed #e5d3c7;padding-top:17px}.password-fallback summary{cursor:pointer;font-size:11px;color:#ae8b7c;margin-bottom:15px}

.shop-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:12px 0 2px}.shop-price strong{font:30px Itim,sans-serif;color:#a45f77}.shop-price span{font-size:9px;color:#9b8174}.purchase-summary{text-align:center;max-width:430px;margin:auto}.purchase-flower{font-size:54px;color:#bb7e95}.purchase-summary h3{font:30px Itim,sans-serif;margin:10px 0}.purchase-summary p{font-size:12px;line-height:2;overflow-wrap:anywhere}.purchase-total{display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin:18px 0;border-block:1px dashed #dbc1b7;font-size:13px}.purchase-total strong{font:35px Itim,sans-serif;color:#a45f77}.payment-test-note{padding:13px;border:1px dashed #c7b97f;border-radius:12px;background:#fbf3d9;font-size:11px;margin:14px 0}.payment-order{padding:18px;background:#fffaf4;border:1px solid #e9d9cc;border-radius:16px;margin:14px 0}.payment-order h3{font:24px Itim,sans-serif;margin:10px 0}.payment-order>p{font-size:11px;line-height:1.8;color:#a48677}.payment-order button{font-size:11px;min-height:40px;margin-right:8px}.payment-order-status{display:inline-block;font-size:10px;padding:5px 10px;border-radius:20px;background:#f3ead7;color:#9a7b3c}.status-paid{background:#e8eddd;color:#6d825b}.status-expired,.status-failed,.status-refunded{background:#f1e7e4;color:#a17d78}
.shop-categories{display:flex;gap:8px;margin:0 0 20px}.shop-categories button{flex:1;border:1px solid #dec5b7;border-radius:14px;background:#fffaf4;min-height:46px;padding:9px 10px;font:14px Itim,sans-serif;color:#997181}.shop-categories button[aria-pressed=true]{background:#f3dfe3;border-color:#b87b8d;box-shadow:0 3px 0 #dfbdc5}.shop-categories button>span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:#fff7ee;margin-left:7px;font-size:11px}.shop-art .shop-animal{width:105px;height:113px}.purchase-animal{display:block;width:150px;height:162px;image-rendering:pixelated;margin:0 auto 10px}.shop-art-panda{background:#e7ebdf}.shop-art-red-panda{background:#f1dfd2}.shop-art-monkey{background:#e9e5d4}.animal-card.asset-locked{border-style:dashed}.animal-card .asset-lock-tag{display:block;margin-top:5px;color:#a16c7e;background:#f7e9e9;border-radius:9px;padding:3px 4px;font-size:10px}@media(max-width:620px){.shop-categories button{font-size:13px;padding-inline:5px}.shop-categories button>span{margin-left:4px}.shop-art .shop-animal{width:89px;height:96px}.animal-card .asset-lock-tag{font-size:9px}}

.special-label{display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 8px);padding:4px 8px;border:1px solid #d7a9b7;border-radius:20px;background:linear-gradient(135deg,#fff0e4,#f7dfe8);color:#8d5068;font:600 9px/1.3 Mali,sans-serif;white-space:nowrap;box-shadow:0 2px 0 #ead0d6;letter-spacing:.1px}.animal-card .special-label{margin:3px 0 7px}.flower-card .special-label{font-size:8px;padding:3px 7px;margin:1px 0 2px}.flower-card:has(.special-label){padding-block:9px}.shop-card>.special-label{margin:1px 0 2px;font-size:10px}@media(max-width:620px){.special-label{font-size:8px;padding:3px 6px}.flower-card .special-label{font-size:8px;padding-inline:5px}.shop-card>.special-label{font-size:9px}}

.scene-specials{position:absolute;top:18px;right:18px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:45%;pointer-events:none}.scene-specials[hidden]{display:none}.scene-specials .special-label{max-width:100%;font-size:10px;padding:5px 10px;background:linear-gradient(135deg,#fff8ed,#f9e6ed);box-shadow:0 3px 0 #a77b8e26}.scene:has(.scene-specials:not([hidden])) .star-one{top:94px;right:24px}@media(max-width:620px){.scene-specials{top:12px;right:12px;gap:5px}.scene-specials .special-label{font-size:8px;padding:4px 7px}.scene:has(.scene-specials:not([hidden])) .star-one{top:78px;right:20px}}

.letter-reading .recipient-letter{text-align:left;margin:28px auto 24px;max-width:520px}.letter-reading .recipient-letter h2:focus{outline:none}.letter-reading .recipient-intro{margin-top:24px}.letter-reading .open-gift-button{margin-bottom:28px}