*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;background:#e8e6e1}
body{min-height:100vh;margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button,a{min-height:var(--touch)}
button{border:0;cursor:pointer}
button:disabled{cursor:not-allowed}
a{display:inline-flex;align-items:center;color:inherit}
img{display:block;max-width:100%}
fieldset{min-width:0;margin:0;padding:0;border:0}
textarea{resize:vertical}
[hidden]{display:none!important}
:focus-visible{outline:3px solid rgba(165,65,53,.48);outline-offset:3px}
#app{position:relative;width:100%;min-height:100vh;margin:0 auto;background:var(--paper)}
@media(min-width:720px){body{padding:28px 0}#app{max-width:var(--shell);min-height:calc(100vh - 56px);overflow:hidden;border-radius:20px;box-shadow:var(--shadow)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}