:root{--color-bg: #ffffff;--color-surface: #f8f9fa;--color-border: #e1e4e8;--color-text: #24292e;--color-text-secondary: #586069;--color-primary: #0366d6;--color-primary-hover: #0256c9;--color-code-bg: #f6f8fa;--color-shadow: rgba(0, 0, 0, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace}[data-theme=dark]{--color-bg: #0d1117;--color-surface: #161b22;--color-border: #30363d;--color-text: #c9d1d9;--color-text-secondary: #8b949e;--color-primary: #58a6ff;--color-primary-hover: #79b8ff;--color-code-bg: #161b22;--color-shadow: rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;min-height:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6}body.loaded{transition:background-color .3s ease,color .3s ease}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:600;font-size:1.25rem;transition:color .2s ease}.logo:hover{color:var(--color-primary)}.logo-icon{font-size:1.5rem;color:var(--color-primary)}.nav{display:flex;gap:2rem;align-items:center;flex:1;justify-content:center}.nav a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;transition:color .2s ease;position:relative}.nav a:hover{color:var(--color-primary)}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .2s ease}.nav a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:1px solid var(--color-border);border-radius:8px;padding:.5rem;cursor:pointer;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s ease;z-index:101}.menu-toggle:hover{background-color:var(--color-code-bg);border-color:var(--color-primary)}.menu-icon{display:block}.close-icon,.menu-toggle.active .menu-icon{display:none}.menu-toggle.active .close-icon{display:block}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s ease}.theme-toggle:hover{background-color:var(--color-code-bg);border-color:var(--color-primary)}.sun-icon{display:none}.moon-icon,[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:3rem 2rem}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;transition:background-color .3s ease,border-color .3s ease}.footer-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{color:var(--color-text-secondary);font-size:.875rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}code{font-family:var(--font-mono);background-color:var(--color-code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.875em}pre{background-color:var(--color-code-bg);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--color-border)}pre code{background:none;padding:0}pre[class*=language-]{background-color:var(--color-code-bg);color:var(--color-text)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d}[data-theme=dark] .token.comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#8b949e}.token.punctuation{color:var(--color-text)}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#0366d6}[data-theme=dark] .token.property,[data-theme=dark] .token.tag,[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol,[data-theme=dark] .token.deleted{color:#79c0ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#22863a}[data-theme=dark] .token.selector,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.builtin,[data-theme=dark] .token.inserted{color:#a5d6ff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#d73a49}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url,[data-theme=dark] .language-css .token.string,[data-theme=dark] .style .token.string{color:#ff7b72}.token.atrule,.token.attr-value,.token.keyword{color:#d73a49}[data-theme=dark] .token.atrule,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.keyword{color:#ff7b72}.token.function,.token.class-name{color:#6f42c1}[data-theme=dark] .token.function,[data-theme=dark] .token.class-name{color:#d2a8ff}.token.regex,.token.important,.token.variable{color:#e36209}[data-theme=dark] .token.regex,[data-theme=dark] .token.important,[data-theme=dark] .token.variable{color:#ffa657}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}h1,h2,h3,h4,h5,h6{margin:1.5rem 0 1rem;font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin:1rem 0}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}@media(max-width:768px){.header-content{padding:1rem}.menu-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:var(--color-surface);flex-direction:column;gap:0;padding:5rem 2rem 2rem;box-shadow:-4px 0 24px var(--color-shadow);transition:right .3s ease;z-index:100;overflow-y:auto}.nav.active{right:0}.nav a{padding:1rem 0;border-bottom:1px solid var(--color-border);font-size:1.125rem}.nav a:last-child{border-bottom:none}.nav a:after{display:none}.theme-toggle{margin-left:auto}.footer-content{flex-direction:column;text-align:center}.main{padding:2rem 1rem}h1{font-size:2rem}h2{font-size:1.5rem}}@media(max-width:480px){.header-content{padding:.75rem}.logo-text{font-size:1rem}.nav{width:100%}.main{padding:1.5rem 1rem}}