:root{--bg-primary: #FFFBED;--bg-secondary: #ffffff;--bg-tertiary: #f7f3e8;--text-primary: #1a1a1a;--text-secondary: #5c5c5c;--border-color: #e8e4db;--accent-color: #FFAA02;--accent-secondary: #FFD700;--accent-rgb: 255, 170, 2;--sidebar-width: 280px;--font-family: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #3a3a3a;--accent-color: #FFAA02;--accent-secondary: #FFE066;--accent-rgb: 255, 170, 2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.03em;color:var(--text-primary)}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto}.doc-content{line-height:1.8;color:var(--text-secondary);font-size:1.05rem}.doc-content>p,.doc-content>h3,.doc-content>h4,.doc-content>ul,.doc-content>ol{padding:1rem;border-radius:12px;border:1px solid transparent;transition:all .3s cubic-bezier(.2,0,0,1);margin-bottom:.5rem}.doc-content>p:hover,.doc-content>h3:hover,.doc-content>h4:hover,.doc-content>ul:hover,.doc-content>ol:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:scale(1.015);box-shadow:0 8px 20px -4px #0000000f;border-color:var(--border-color);z-index:10;position:relative}[data-theme=dark] .doc-content>p:hover,[data-theme=dark] .doc-content>h3:hover,[data-theme=dark] .doc-content>h4:hover,[data-theme=dark] .doc-content>ul:hover,[data-theme=dark] .doc-content>ol:hover{box-shadow:0 8px 24px -4px #0006}.doc-content>div,.doc-content>a,.doc-content>table{transition:all .3s cubic-bezier(.2,0,0,1);position:relative;border-radius:12px}.doc-content>div:hover,.doc-content>a:hover,.doc-content>table:hover{transform:scale(1.015)!important;box-shadow:0 16px 32px -8px #00000026;z-index:20}[data-theme=dark] .doc-content>div:hover,[data-theme=dark] .doc-content>a:hover{box-shadow:0 16px 32px -8px #00000080}.doc-content ul,.doc-content ol{padding-left:2.5rem}.doc-content li{margin-bottom:.5rem}.doc-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-primary)}.doc-content th,.doc-content td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll{-ms-overflow-style:none;scrollbar-width:none}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.auto-scroll-container:hover{animation-play-state:paused}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.01)}}@keyframes shimmer{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}