:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"Lora", "Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bg-start:#fbf9f5;--bg-end:#f5eedf;--text-primary:#2d2621;--text-secondary:#605247;--accent:#a37f61;--border-color:#a37f6133;--shadow-color:#2d262114;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.theme-tuan-p1{--text-primary:#1e293b;--text-secondary:#475569;--accent:#2563eb;--border-color:#2563eb26;--shadow-color:#2563eb0d;background:radial-gradient(circle at 15% 25%,#bae6fda6 0%,#0000 50%),radial-gradient(circle at 85% 15%,#fef3c7bf 0%,#0000 55%),radial-gradient(circle at 50% 85%,#fed7aa59 0%,#0000 45%),#fffdf7}body.theme-quynh-p1{--text-primary:#371e30;--text-secondary:#6a455e;--accent:#db2777;--border-color:#db277726;--shadow-color:#db27770d;background:radial-gradient(circle at 15% 20%,#fb923c66 0%,#0000 45%),radial-gradient(circle at 85% 15%,#c4b5fd99 0%,#0000 55%),radial-gradient(circle at 50% 80%,#f472b680 0%,#0000 50%),#fff7f9}body.theme-tuan-p2{--text-primary:#334155;--text-secondary:#64748b;--accent:#475569;--border-color:#47556933;--shadow-color:#47556914;background:radial-gradient(circle at 25% 25%,#e2e8f0a6 0%,#0000 55%),radial-gradient(circle at 75% 75%,#cbd5e180 0%,#0000 55%),#eaeff5}body.theme-quynh-p2{--text-primary:#43323f;--text-secondary:#705869;--accent:#701a4f;--border-color:#701a4f33;--shadow-color:#701a4f14;background:radial-gradient(circle at 20% 30%,#a78bfa66 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f48fb159 0%,#0000 50%),radial-gradient(circle at 50% 85%,#cbd5e173 0%,#0000 45%),#ede6ec}body.theme-coda{--text-primary:#1e293b;--text-secondary:#64748b;--accent:#0f172a;--border-color:#0f172a33;--shadow-color:#0f172a14;background:linear-gradient(#00000004 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#00000004 1px,#0000 1px) 0 0/20px 20px,#f2f2f2}html,body{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}body{color:var(--text-primary);background-attachment:fixed;transition:background 1.2s cubic-bezier(.25,.8,.25,1),color 1.2s cubic-bezier(.25,.8,.25,1);overflow-x:hidden}*,:before,:after{box-sizing:inherit}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);margin-top:0;font-weight:600}a{color:var(--accent);text-decoration:none;transition:opacity .2s,transform .2s}a:hover{opacity:.8}button,.btn{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}img{max-width:100%;height:auto;display:block}.reader-container{width:100%;max-width:680px;margin:0 auto;padding:24px 20px 80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-wrapper{flex-direction:column;flex:1;min-height:100vh;display:flex}