/* Lớp phủ cho trang đặt lịch và chính sách bảo mật: giữ nguyên biểu mẫu, chỉ đổi sang cùng thế giới với trang chủ. */
:root { --xanh: #ffd48a; --dam: #040806; --giay: #040806; --muc: #f5efe2; color-scheme: dark; }
html body { background: #040806; color: #f5efe2; }
#vu-tru { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
html body > nav, html body > header, html body > main, html body > footer { position: relative; z-index: 1; }
html body .nen-dam { background: transparent; }
html body .tieu-de { font-family: 'Noto Serif Display', 'Times New Roman', serif; font-weight: 400; letter-spacing: -.015em; }
html body h1.tieu-de { font-size: clamp(44px, 7vw, 84px); line-height: 1.05; }
html body .nhan { font: 500 12.5px/1.5 'JetBrains Mono', Consolas, monospace; letter-spacing: .08em; color: #ffd48a; }
html body .the { background: rgba(8, 15, 11, .9); border: 1px solid rgba(245, 239, 226, .16); border-radius: 14px; }
html body .nut { border-radius: 999px; font-weight: 600; }
html body .nut-vang { background: #FFA500; color: #1a0f00; }
html body .nut-vang:hover:not(:disabled) { background: #ffd48a; }
html body .o-chon { background: rgba(245, 239, 226, .05); border-color: rgba(245, 239, 226, .2); color: #f5efe2; }
html body .o-chon:hover { border-color: #FFA500; }
html body .o-chon[aria-pressed="true"] { background: #FFA500; border-color: #FFA500; color: #1a0f00; }
html body .o-nhap { background: rgba(245, 239, 226, .06); border-color: rgba(245, 239, 226, .2); color: #f5efe2; }
html body .o-nhap:focus, html body .o-chon:focus-visible { outline: 2px solid #FFA500; border-color: #FFA500; }
html body .bg-stone-50 { background: rgba(245, 239, 226, .05); }
html body .border-stone-200 { border-color: rgba(245, 239, 226, .16); }
html body .text-red-700 { color: #ff9d8a; }
html body .bg-stone-900 { background: #040806; border-top: 1px solid rgba(245, 239, 226, .16); }
html body main a { color: #ffd48a; }
html body main .nut-vang { color: #1a0f00; }
html body main h2 { color: #f5efe2; }