:root{--bg-color: #2d2a2e;--header-bg: #221f22;--secondary-color: #403e41;--text-color: #fcfcfa;--text-muted: #939293;--border-color: #403e41;--primary-color: #ffd866;--primary-glow: rgba(255, 216, 102, .15);--accent-red: #ff6188;--accent-orange: #fc9867;--accent-yellow: #ffd866;--accent-green: #a9dc76;--accent-blue: #78dce8;--accent-purple: #ab9df2;--diff-added-bg: rgba(169, 220, 118, .1);--diff-added-text: #a9dc76;--diff-removed-bg: rgba(255, 97, 136, .1);--diff-removed-text: #ff6188;--diff-modified-bg: rgba(252, 152, 103, .1);--diff-modified-text: #fc9867;--card-bg: #2d2a2e;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}[data-theme=light]{--bg-color: #fcfcfa;--header-bg: #f5f5f4;--secondary-color: #ffffff;--text-color: #2d2a2e;--text-muted: #727072;--border-color: #e8e8e7;--primary-color: #ffd866;--primary-glow: rgba(255, 216, 102, .2);--accent-red: #d53a6a;--accent-orange: #c35c2b;--accent-yellow: #a67c00;--accent-green: #4a8d05;--accent-blue: #00768c;--accent-purple: #6c59cc;--diff-added-bg: #f0fdf4;--diff-added-text: #166534;--diff-removed-bg: #fef2f2;--diff-removed-text: #991b1b;--diff-modified-bg: #fffbeb;--diff-modified-text: #92400e;--card-bg: #ffffff;--shadow: 0 4px 20px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow:hidden;transition:background-color .3s ease,color .3s ease}@media(max-width:768px){body{overflow-y:auto;overflow-x:hidden}}#root{display:flex;flex-direction:column;height:100vh}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--header-bg)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:5px;border:2px solid var(--header-bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}