*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:var(--background-color);color:var(--text-color);transition:all .3s ease;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--primary-text-color)}a{text-decoration:none;color:inherit}:root{--primary-color: #6200ea;--background-color: #ffffff;--text-color: #000000;--primary-text-color: #333333;--dark-background-color: #121212;--dark-text-color: #e0e0e0;--dark-primary-text-color: #ffffff}body.dark-mode{--background-color: var(--dark-background-color);--text-color: var(--dark-text-color);--primary-text-color: var(--dark-primary-text-color)}code{background-color:#f4f4f4;padding:2px 4px;border-radius:4px;font-family:Courier New,monospace}pre{background-color:#f4f4f4;padding:1rem;border-radius:8px;overflow-x:auto;font-size:1rem;line-height:1.6;margin:1rem 0}pre code{display:block;padding:0;margin:0}.token.comment{color:#6a9955}.token.keyword{color:#d73a49}.token.string{color:#032f62}.token.number{color:#b5cea8}.token.operator{color:#d4d4d4}.token.function{color:#dcdcaa}body:not(.dark-mode) pre{background-color:#f5f5f5;border:1px solid #ddd}body:not(.dark-mode) code{background-color:#f5f5f5}body.dark-mode pre{background-color:#2d2d2d;border:1px solid #444}body.dark-mode code{background-color:#2d2d2d}button{cursor:pointer;padding:8px 16px;border-radius:5px;background-color:var(--primary-color);color:#fff;border:none;font-size:1rem}button:hover{background-color:#3700b3}.switch{display:flex;align-items:center;justify-content:center}@media (max-width: 600px){body{font-size:.875rem}h1{font-size:1.5rem}h2{font-size:1.25rem}.icon{font-size:40px}}@media (max-width: 400px){h1{font-size:1.3rem}}