#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{display:flex;justify-content:center;gap:15px;padding:2rem;background-color:#1b1b1d}nav a{text-decoration:none;color:#dfdfe3;font-weight:700}nav a.router-link-active{color:#42b983}.home-container{text-align:center;padding:100px 20px;max-width:800px;margin:auto}h1{font-size:3rem;font-weight:700;color:#333}p{font-size:1.2rem;color:#666}.buttons{margin-top:20px}.btn{display:inline-block;padding:10px 20px;font-size:1rem;font-weight:700;border-radius:5px;text-decoration:none;margin:5px}.btn.primary{background-color:#42b983;color:#fff}.btn.secondary{border:2px solid #333;color:#333;background-color:#fff}.extra-content{margin-top:40px;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:left}.image-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px}.image-container img{max-width:100%;height:auto;max-height:300px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.2)}body.dark-mode p{color:#bbb}body.dark-mode .btn.secondary{background-color:transparent;color:#fff;border-color:#fff}body.dark-mode .extra-content{background-color:#1e1e1e;color:#fff;box-shadow:0 2px 5px hsla(0,0%,100%,.1)}body.dark-mode .extra-content h2{color:#fff}body.dark-mode .extra-content p,body.dark-mode .extra-content ul li{color:#ccc}body.dark-mode .image-container img{box-shadow:0 2px 5px hsla(0,0%,100%,.2)}.doc-container{max-width:800px;margin:auto;padding:20px;line-height:1.6;text-align:start}.theme-toggle{position:absolute;top:20px;right:20px;padding:10px 15px;border:none;background:#ddd;cursor:pointer;font-size:1rem;border-radius:5px}.markdown-body{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow-wrap:break-word}.markdown-body pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;padding:15px;background-color:#f5f5f5;border-radius:5px}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode h1{color:#fff}body.dark-mode .markdown-body{background-color:#1e1e1e;color:#ccc}body.dark-mode .markdown-body pre{background-color:#2d2d2d}body.dark-mode .theme-toggle{background:#444;color:#fff}@media (max-width:600px){.doc-container{padding:10px;max-width:100%}.markdown-body{padding:20px}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#dfdfe3}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}