:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--bg-card: #ffffff;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #e9ecef;--accent-color: #e94560;--accent-hover: #d03750;--header-bg: rgba(255, 255, 255, .95);--toolbar-bg: rgba(255, 255, 255, .95);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--reader-bg: #fcfcfc;--reader-text: #2c3e50}[data-theme=dark]{--bg-primary: #12121e;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1a1a2e;--text-primary: #e9ecef;--text-secondary: #adb5bd;--text-muted: #6c757d;--border-color: #2a2a45;--accent-color: #e94560;--accent-hover: #ff5e78;--header-bg: rgba(26, 26, 46, .95);--toolbar-bg: rgba(26, 26, 46, .95);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--reader-bg: #12121e;--reader-text: #dcdcdc}[data-theme=sepia]{--bg-primary: #fbf0d9;--bg-secondary: #f4ecd8;--bg-tertiary: #ede3cd;--bg-card: #f4ecd8;--text-primary: #5c4b37;--text-secondary: #7f6a52;--text-muted: #a8947c;--border-color: #e0d5be;--accent-color: #c0392b;--accent-hover: #a93226;--header-bg: rgba(244, 236, 216, .95);--toolbar-bg: rgba(244, 236, 216, .95);--shadow-sm: 0 1px 3px rgba(92, 75, 55, .08);--shadow-md: 0 4px 6px -1px rgba(92, 75, 55, .12);--reader-bg: #fbf0d9;--reader-text: #453524}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Georgia", "Cambria", "Times New Roman", serif;--max-width: 1200px;--content-width: 720px;--radius: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,input,select,textarea{touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:max(16px,var(--sal));padding-right:max(16px,var(--sar))}main{flex:1}.site-header{position:sticky;top:0;z-index:50;background-color:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding-top:var(--sat)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px}.site-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;color:var(--accent-color);white-space:nowrap}.site-nav{display:flex;align-items:center;gap:16px;font-size:.95rem;font-weight:500}.site-nav a:hover{color:var(--accent-color)}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:32px 0 calc(32px + var(--sab)) 0;margin-top:48px;font-size:.9rem;color:var(--text-secondary)}.site-footer__inner{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}.site-footer__links{display:flex;flex-wrap:wrap;gap:16px}.site-footer__links a:hover{color:var(--accent-color)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge--completed{background-color:#2b8a3e20;color:#2b8a3e}.badge--ongoing{background-color:#1971c220;color:#1971c2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:var(--transition);gap:8px}.btn--primary{background-color:var(--accent-color);color:#fff}.btn--primary:hover{background-color:var(--accent-hover)}.btn--secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover{background-color:var(--border-color)}.btn--icon{padding:8px;border-radius:var(--radius-full);background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.ad-slot-wrapper{margin:16px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.ad-slot{width:100%;max-width:728px;background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;position:relative;overflow:hidden}.ad-slot:before{content:"Quảng cáo";position:absolute;top:4px;right:6px;font-size:.65rem;color:var(--text-muted)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 0;font-size:.85rem;color:var(--text-secondary)}.breadcrumb a:hover{color:var(--accent-color)}.breadcrumb__sep{color:var(--text-muted)}