.cottage-loading{overflow:hidden}
.cottage-loading:not(.cottage-entered) #app{visibility:hidden}
.seal-loading{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:auto;padding:24px max(20px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 40%,#fffdf6 0,#f4eddd 75%);color:#624e3e;text-align:center;opacity:1;transition:opacity .5s ease;isolation:isolate}
.seal-loading[hidden]{display:none}
.seal-loading-content{width:min(360px,100%);margin:auto;padding:18px 10px 28px}
.loading-flower{font:31px Georgia,serif;color:#9ba47b;margin:0 0 24px}
.loading-art{width:min(302px,85vw);height:min(340px,40dvh);min-height:180px;margin:0 auto;overflow:hidden;border-radius:150px 150px 26px 26px;outline:1px solid #d8d5bc;outline-offset:8px;box-shadow:0 9px 25px #b1a17d12}
.loading-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.loading-dots{display:flex;justify-content:center;gap:9px;margin:31px auto 17px}
.loading-dots i{width:5px;height:5px;border-radius:50%;background:#aab58e;animation:loading-dot 1.5s infinite}
.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}
.seal-loading h1{font:400 17px/1.6 'Microsoft YaHei',sans-serif;margin:15px 0 10px;letter-spacing:1px}
.seal-loading p{font:11px/1.9 'Microsoft YaHei',sans-serif;color:#a18e78;margin:0;letter-spacing:1px}
.loading-enter{margin-top:23px;min-height:48px;padding:12px 58px;background:#87986c;border:1px solid #7c8d62;border-radius:25px;box-shadow:inset 0 0 0 3px #b8c39955;color:#fffdf1;font:13px 'Microsoft YaHei',sans-serif;letter-spacing:2px;cursor:pointer}
.loading-enter[hidden]{display:none}.loading-enter:focus-visible{outline:2px solid #667849;outline-offset:5px}
.loading-bottom{font:11px Georgia,serif;color:#b3a78d;margin-top:35px}
.seal-loading[data-state=ready] .loading-dots i,.seal-loading[data-state=error] .loading-dots i{animation:none;background:#c4af83}
.seal-loading[data-state=ready] .loading-flower{color:#bdab7a}
.cottage-entered .seal-loading{opacity:0;pointer-events:none}
@keyframes loading-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-height:570px){.seal-loading-content{padding:8px}.loading-flower{margin-bottom:16px}.loading-art{height:30dvh;min-height:130px;width:220px}.loading-dots{margin-top:20px}.loading-bottom{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.seal-loading{transition:none}.loading-dots i{animation:none}}