*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fafaf9;--surface: #ffffff;--surface-warm: #f8f5f0;--border: #e8e6e1;--text: #1a1a1a;--text-secondary: #6b6560;--text-tertiary: #9b958e;--accent: #b85c38;--accent-light: #f5ebe4;--accent-dark: #8f3a20;--teal: #3a8a7b;--teal-light: #e4f4f0;--blue: #3b6b9a;--blue-light: #e8f0f8;--green: #3a7d5c;--green-light: #e8f4ed;--purple: #7b5ea7;--purple-light: #f0eaf8}html,body{height:100%;overflow:hidden;background:var(--bg);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text)}#root{height:100%}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.booklet-scroll::-webkit-scrollbar,.booklet-page::-webkit-scrollbar{display:none}.booklet-scroll,.booklet-page{scrollbar-width:none}@keyframes spin{to{transform:rotate(360deg)}}