:root{--color-primary:#0693e3;--color-primary-dark:#0574b8;--color-primary-light:#3aa8e8;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-border:#e5e7eb;--color-code-bg:#1e293b;--color-code-text:#e2e8f0;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#0693e3;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}[data-theme=dark]{--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-bg:#111827;--color-bg-secondary:#1f2937;--color-border:#374151;--color-code-bg:#1e293b;--color-code-text:#e2e8f0;--color-primary-light:#3aa8e8}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;transition:background-color .2s ease,color .2s ease}.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:background-color .2s ease,border-color .2s ease}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{text-decoration:none;gap:.5rem}.logo-image{height:32px;width:auto}.logo-dots{display:flex;flex-wrap:wrap;width:28px;height:28px;gap:2px;position:relative}.logo-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);position:absolute}.logo-dot:first-child{top:0;left:4px}.logo-dot:nth-child(2){top:0;left:14px}.logo-dot:nth-child(3){top:6px;left:20px}.logo-dot:nth-child(4){top:16px;left:20px}.logo-dot:nth-child(5){top:22px;left:14px}.logo-dot:nth-child(6){top:22px;left:4px}.logo-dot:nth-child(7){top:16px;left:-2px}.logo-dot:nth-child(8){top:6px;left:-2px}.logo-text{font-weight:700;font-size:1.25rem;color:var(--color-text);letter-spacing:-.02em}.header-right{align-items:center}.header-nav,.header-right{display:flex;gap:1.5rem}.header-link{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s}.header-link:hover{color:var(--color-primary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);cursor:pointer;transition:all .2s ease;color:var(--color-text-muted)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle svg{width:18px;height:18px}.main-container{display:flex;flex:1 1;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--color-border);padding:2rem 1.5rem;position:-webkit-sticky;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;background:var(--color-bg);transition:background-color .2s ease,border-color .2s ease}.sidebar-nav{display:flex;flex-direction:column;gap:2rem}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:block;padding:.5rem .75rem;color:var(--color-text);text-decoration:none;font-size:.875rem;border-radius:.375rem;transition:all .2s}.nav-link:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.nav-link.active{background:rgba(6,147,227,.1);color:var(--color-primary);font-weight:500}.content{flex:1 1;padding:2rem 3rem;max-width:900px}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.page-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.page-description{font-size:1.125rem;color:var(--color-text-muted)}.prose h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem}.prose h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.prose h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem}.prose p{margin:1rem 0}.prose ol,.prose ul{margin:1rem 0;padding-left:1.5rem}.prose li{margin:.5rem 0}.prose a{color:var(--color-primary);text-decoration:none}.prose a:hover{text-decoration:underline}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-secondary);padding:.125rem .375rem;border-radius:.25rem;border:1px solid var(--color-border)}.prose article pre,.prose pre,article pre,pre[data-language]{display:block;background:var(--color-code-bg);color:var(--color-code-text);padding:1rem 1.25rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0;font-size:.875rem;line-height:1.7;white-space:pre;font-family:var(--font-mono)}.prose article pre code,.prose pre code,article pre code,pre[data-language] code{display:block;background:none;border:none;padding:0;color:inherit;white-space:pre;font-family:var(--font-mono)}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0}.prose td,.prose th{padding:.75rem 1rem;border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-bg-secondary);font-weight:600}.callout{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:.5rem;border-left:4px solid}.callout-header{gap:.5rem;margin-bottom:.5rem}.callout-header,.callout-icon{display:flex;align-items:center}.callout-icon{width:1.25rem;height:1.25rem;justify-content:center;font-weight:700;font-size:.75rem;border-radius:50%;color:#fff}.callout-title{font-weight:600;font-size:.875rem}.callout-content{font-size:.9375rem}.callout-note{background:rgba(6,147,227,.1);border-color:var(--color-info)}.callout-note .callout-icon{background:var(--color-info)}.callout-warning{background:rgba(245,158,11,.1);border-color:var(--color-warning)}.callout-warning .callout-icon{background:var(--color-warning)}.callout-danger{background:rgba(239,68,68,.1);border-color:var(--color-danger)}.callout-danger .callout-icon{background:var(--color-danger)}.callout-success{background:rgba(16,185,129,.1);border-color:var(--color-success)}.callout-success .callout-icon{background:var(--color-success)}.platform-block{margin:1.5rem 0;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.platform-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.platform-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;font-size:.75rem;border-radius:.25rem}.platform-name{font-weight:600;flex:1 1}.platform-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.security-high{background:rgba(16,185,129,.15);color:#10b981}.security-low{background:rgba(239,68,68,.15);color:#ef4444}.platform-content{padding:1rem}.platform-webapp .platform-icon{background:var(--color-danger)}.platform-react-native .platform-icon{background:var(--color-success)}.platform-extension .platform-icon{background:var(--color-primary)}.tabs{margin:1.5rem 0;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.tabs-header{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.tab-button{padding:.75rem 1.25rem;background:none;font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-button:hover{color:var(--color-text)}.tab-button.active{color:var(--color-primary);background:var(--color-bg);border-bottom-color:var(--color-primary)}.tabs-content{padding:1rem;background:var(--color-bg)}.code-block{margin:1rem 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border)}.code-block-title{padding:.5rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.code-block pre{margin:0;border-radius:0}.code-tabs{margin:1.25rem 0;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.code-tabs-header{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:0}.code-tabs-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.code-tabs-button:hover{color:var(--color-text);background:rgba(0,0,0,.03)}[data-theme=dark] .code-tabs-button:hover{background:hsla(0,0%,100%,.03)}.code-tabs-button.active{border-bottom-color:var(--color-primary);background:var(--color-bg)}.code-tabs-button.active,.code-tabs-button.active .code-tabs-icon{color:var(--color-primary)}.code-tabs-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .15s ease}.code-tabs-icon svg{width:16px;height:16px}.code-tabs-content{background:var(--color-bg);padding:1rem}.code-tab-panel pre,.code-tab-panel pre[data-language],.code-tabs-content pre,.code-tabs-content pre[data-language]{background:var(--color-code-bg)!important;color:var(--color-code-text)!important;padding:1rem 1.25rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0;font-size:.875rem;line-height:1.7;font-family:var(--font-mono)}.code-tab-panel pre code,.code-tabs-content pre code{display:block;background:none!important;border:none!important;padding:0!important;color:inherit!important;font-family:var(--font-mono)}.code-tab-panel p,.code-tabs-content p{margin:.75rem 0;color:var(--color-text)}.code-tab-panel strong,.code-tabs-content strong{font-weight:600;color:var(--color-text)}.code-tab-panel{padding:0}.language-selector{margin:1.5rem 0;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem}.language-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem}.language-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.language-button{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .15s ease;min-width:80px}.language-button.active,.language-button:hover{border-color:var(--color-primary)}.language-button.active{background:rgba(6,147,227,.1);box-shadow:0 0 0 1px var(--color-primary)}.language-icon{font-size:1.25rem}.language-name{font-size:.75rem;font-weight:500;color:var(--color-text)}.code-block-wrapper{margin:1rem 0;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.code-block-lang{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.code-block-wrapper pre{margin:0;border-radius:0}.fence-wrapper{position:relative;margin:1rem 0}.fence-wrapper pre{margin:0}.fence-wrapper .copy-button{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .15s ease}.fence-wrapper:hover .copy-button{opacity:1}.copy-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;z-index:10}.copy-button:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.copy-button.copied{background:rgba(16,185,129,.1);border-color:var(--color-success);color:var(--color-success)}.copy-button svg{flex-shrink:0}.copy-button-text{white-space:nowrap}.code-tab-panel{position:relative}.code-tab-panel .fence-wrapper{margin:0}.code-tab-panel .fence-wrapper .copy-button{top:.75rem;right:.75rem}.code-tab-panel .fence-wrapper .copy-button,.code-tabs-content .fence-wrapper .copy-button{background:rgba(30,41,59,.8);border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.code-tab-panel .fence-wrapper .copy-button:hover,.code-tabs-content .fence-wrapper .copy-button:hover{background:rgba(30,41,59,.95);color:hsla(0,0%,100%,.9);border-color:var(--color-primary)}.code-tab-panel .fence-wrapper .copy-button.copied,.code-tabs-content .fence-wrapper .copy-button.copied{background:rgba(16,185,129,.2);border-color:var(--color-success);color:var(--color-success)}.search-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all .15s ease;min-width:200px}.search-trigger:hover{border-color:var(--color-primary);color:var(--color-text)}.search-trigger-text{flex:1 1;text-align:left}.search-trigger-kbd{display:flex;align-items:center;gap:.125rem;padding:.125rem .375rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem;font-size:.75rem;font-family:var(--font-sans);color:var(--color-text-muted)}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal{width:100%;max-width:560px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border)}.search-input-wrapper svg{color:var(--color-text-muted);flex-shrink:0}.search-input{flex:1 1;border:none;background:none;font-size:1rem;color:var(--color-text);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-esc{padding:.25rem .5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.25rem;font-size:.6875rem;font-family:var(--font-sans);color:var(--color-text-muted)}.search-results{max-height:400px;overflow-y:auto;padding:.5rem}.search-result{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:.5rem;cursor:pointer;text-align:left;transition:background .1s ease}.search-result.selected,.search-result:hover{background:var(--color-bg-secondary)}.search-result.selected{background:rgba(6,147,227,.1)}.search-result-content{display:flex;flex-direction:column;gap:.125rem}.search-result-title{font-size:.875rem;font-weight:500;color:var(--color-text)}.search-result-section{font-size:.75rem;color:var(--color-text-muted)}.search-result svg{color:var(--color-text-muted);opacity:0;transition:opacity .1s ease}.search-result.selected svg{opacity:1;color:var(--color-primary)}.search-no-results{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.search-footer{display:flex;gap:1.5rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted)}.search-footer,.search-footer kbd{align-items:center;justify-content:center}.search-footer kbd{display:inline-flex;min-width:1.25rem;padding:.125rem .25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem;font-size:.6875rem;font-family:var(--font-sans);margin-right:.25rem}@media (max-width:1024px){.sidebar{display:none}.content{max-width:100%;padding:1.5rem}}@media (max-width:640px){.header-content{padding:.75rem 1rem}.header-nav{display:none}.page-title{font-size:1.75rem}.search-trigger{min-width:auto;padding:.5rem}.search-trigger-kbd,.search-trigger-text{display:none}.search-modal{margin:0 1rem}.search-footer{display:none}}.checklist{margin:1rem 0;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;font-size:.9375rem;border-bottom:1px solid var(--color-border);transition:background .15s ease;background:var(--color-bg)}.checklist-item:last-child{border-bottom:none}.checklist-item:hover{background:var(--color-bg-secondary)}.checklist-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-radius:.25rem;background:var(--color-bg);cursor:pointer;flex-shrink:0;transition:all .15s ease;position:relative}.checklist-item input[type=checkbox]:hover{border-color:var(--color-primary)}.checklist-item input[type=checkbox]:checked{background:var(--color-success);border-color:var(--color-success)}.checklist-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checklist-item.checked span{color:var(--color-text-muted);text-decoration:line-through}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}