@tailwind base;@tailwind components;@tailwind utilities;:root{--theme-teal: #26A69A;--theme-teal-light: #B2DFDB;--bg-color: #F0F7F4;--text-main: #3E2723;--ruby-color: #8D6E63}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color);font-family:"Noto Serif JP",MS Mincho,Hiragino Mincho ProN,Noto Sans SC,serif}ruby{ruby-position:over;ruby-align:center}rt{font-size:.55em;line-height:1.1;color:var(--ruby-color);-webkit-user-select:none;user-select:none;font-family:sans-serif}[style*=vertical-rl] ruby{ruby-position:over}.vertical-scroll-container{display:block;writing-mode:vertical-rl;width:100%;height:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;direction:ltr}.vertical-scroll-container>div{display:inline-block;height:100%;padding:4rem 6rem;min-width:100%}.vertical-scroll-container::-webkit-scrollbar{height:8px}.h-full.overflow-y-auto::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{background:var(--theme-teal-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--theme-teal)}.font-jp-serif{text-align:justify;word-break:break-all}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lucide{display:inline-block;vertical-align:middle}@media (max-width: 768px){.vertical-scroll-container>div{padding:2rem 3rem}}