:root{--green:#1c8074;--deep:#194a44;--paper:#f8f7f2;--ink:#243a35;--muted:#71807a;color-scheme:light}
*{box-sizing:border-box}
html{min-height:100%;background:#eee7db}
body{min-height:100%;margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit}
#app>.loading,.tab-loading{display:grid;min-height:72vh;place-content:center;justify-items:center;gap:15px;color:var(--muted)}
#app>.loading>span,.tab-loading>span{font-size:12px;letter-spacing:.08em}
.opening-light{position:relative;display:block;width:52px;height:3px;overflow:hidden;border-radius:99px;background:rgba(28,128,116,.1);box-shadow:0 0 18px rgba(232,182,78,.08)}
.opening-light:after{content:"";position:absolute;top:0;bottom:0;left:-24px;width:24px;border-radius:inherit;background:linear-gradient(90deg,transparent,#2f988b 42%,#e8b64e 72%,transparent);animation:opening-light 1.35s cubic-bezier(.45,0,.25,1) infinite}
#connectivity,#appUpdate{position:fixed;z-index:100;right:16px;bottom:18px;left:16px;max-width:560px;margin:auto;padding:12px 16px;border-radius:16px;color:#fff;background:#294b44;box-shadow:0 12px 32px rgba(36,58,53,.2)}
[hidden]{display:none!important}
@keyframes opening-light{0%{transform:translateX(0);opacity:0}18%{opacity:1}82%{opacity:1}100%{transform:translateX(76px);opacity:0}}
@media (prefers-reduced-motion:reduce){.opening-light:after{animation:none;left:14px;opacity:1}}