@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600&display=swap";*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{height:100%;margin:0}body{color:#2c2a27;background:linear-gradient(#e7e2dbc7,#e7e2dbc7),url(/background.png) 50%/cover no-repeat fixed;font-family:Noto Sans SC,system-ui,sans-serif}#root{min-height:100%}input,textarea{font-family:Noto Sans SC,sans-serif}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes storyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes storyPulse{0%{opacity:.45}to{opacity:.9}}@keyframes storySpin{to{transform:rotate(360deg)}}@keyframes skelPulse{0%{background-color:#e5e0d8}to{background-color:#f2efea}}.skel{background-color:#e5e0d8;animation:1.2s ease-in-out infinite alternate skelPulse}.skel-spin{animation:.8s linear infinite storySpin}.skel-badge{animation:.25s .3s both fadeIn}@media (prefers-reduced-motion:reduce){.skel,.skel-spin{animation:none}}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}