@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--c-primary: #4f46e5;--c-primary-hover: #4338ca;--c-primary-light: #eef2ff;--c-bg: #ffffff;--c-bg-secondary: #f9fafb;--c-bg-tertiary: #f3f4f6;--c-text: #111827;--c-text-secondary: #606775;--c-border: #e5e7eb;--c-border-dark: #d1d5db;--c-success: #1a7f5d;--c-error: #922525;--c-warning: #f59e0b;--c-code-bg: #1e293b;--c-code-text: #e2e8f0;--space-xs: .4rem;--space-sm: .8rem;--space-md: 1.6rem;--space-lg: 2.4rem;--space-xl: 3.2rem;--space-2xl: 4.8rem;--sidebar-width: 28rem;--header-height: 6rem;--border-radius: .8rem;--border-radius-sm: .4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: .2s ease-in-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-size:1.6rem;line-height:1.6;color:var(--c-text);background-color:var(--c-bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--c-text)}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:2rem}h4{font-size:1.8rem}a{color:var(--c-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--c-primary-hover)}a:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}img{max-width:100%;height:auto;display:block}code{font-family:Fira Code,monospace;font-size:1.4rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-4rem;left:0;background:var(--c-primary);color:#fff;padding:.8rem 1.6rem;text-decoration:none;font-size:1.4rem;font-weight:600;border-radius:0 0 var(--border-radius-sm) 0;z-index:100}.skip-link:focus{top:0}.app{display:flex;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--c-bg);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);z-index:50}.logo{font-size:2rem;font-weight:700;color:var(--c-primary)}.header-nav{display:flex;gap:var(--space-md);align-items:center}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--c-bg-secondary);border-right:1px solid var(--c-border);overflow-y:auto;padding:var(--space-lg);z-index:40}.main-content{flex:1;margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:var(--space-2xl);max-width:90rem;overflow-x:hidden;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:1rem 2rem;font-size:1.4rem;font-weight:500;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);text-decoration:none}.btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover);color:#fff}.btn-secondary{background:var(--c-bg-tertiary);color:var(--c-text)}.btn-secondary:hover:not(:disabled){background:var(--c-border-dark)}.btn-ghost{background:transparent;color:var(--c-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--c-bg-tertiary)}.btn-sm{padding:.6rem 1.2rem;font-size:1.3rem}.btn-icon{padding:.8rem;width:3.6rem;height:3.6rem}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--c-text)}.form-input,.form-textarea,.form-select{width:100%;padding:1rem 1.4rem;font-size:1.4rem;font-family:inherit;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--border-radius);transition:all var(--transition)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.form-textarea{min-height:12rem;resize:vertical}.form-error{display:block;margin-top:var(--space-xs);font-size:1.3rem;color:var(--c-error)}.card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);max-width:100%}.sidebar-header{margin-bottom:var(--space-lg)}.sidebar-title{font-size:1.8rem;margin-bottom:var(--space-md)}.search-input{width:100%;padding:.8rem 1.2rem;font-size:1.4rem;border:1px solid var(--c-border);border-radius:var(--border-radius);background:var(--c-bg)}.search-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.doc-list{list-style:none}.doc-item{margin-bottom:var(--space-sm)}.doc-link{display:block;padding:var(--space-md);border-radius:var(--border-radius);color:var(--c-text-secondary);font-weight:500;transition:all var(--transition)}.doc-link:hover{background:var(--c-bg-tertiary);color:var(--c-text)}.doc-link.active{background:var(--c-primary-light);color:var(--c-primary)}.doc-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:-2px}.document-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--c-border)}.document-title{margin-bottom:var(--space-sm)}.document-meta{display:flex;gap:var(--space-lg);font-size:1.4rem;color:var(--c-text-secondary)}.document-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.document-body{margin-bottom:var(--space-2xl)}.block{margin-bottom:var(--space-xl);max-width:100%}.block-text{line-height:1.6;color:var(--c-text);white-space:pre-wrap;word-wrap:break-word}.block-text p{margin-bottom:var(--space-md)}.block-text ul,.block-text ol{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.block-text li{margin-bottom:var(--space-sm)}.code-block{position:relative;background:var(--c-code-bg);border-radius:var(--border-radius);max-width:100%;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.code-language{font-size:1.2rem;color:var(--c-code-text);opacity:.7;text-transform:uppercase;font-weight:600}.code-copy-btn{padding:.4rem .8rem;font-size:1.2rem;background:#ffffff1a;color:var(--c-code-text);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition)}.code-copy-btn:hover{background:#fff3}.code-content{padding:var(--space-md);overflow-x:auto}.code-content pre{margin:0;color:var(--c-code-text);font-size:1.4rem!important;line-height:1.6}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg);background:var(--c-bg-secondary)}.auth-card{width:100%;max-width:42rem;background:var(--c-bg);padding:var(--space-2xl);border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.auth-title{text-align:center;margin-bottom:var(--space-xl)}.auth-form{margin-bottom:var(--space-lg)}.auth-footer{text-align:center;font-size:1.4rem;color:var(--c-text-secondary)}.container{max-width:120rem;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--c-text-secondary)}.text-error{color:var(--c-error)}.text-success{color:var(--c-success)}.loading{display:inline-block;width:2rem;height:2rem;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){html{font-size:56.25%}.sidebar{transform:translate(-100%);transition:transform var(--transition)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:var(--space-lg)}.header{padding:0 var(--space-md)}h1{font-size:2.4rem}h2{font-size:1.6rem}h3{font-size:1.8rem}}@media(max-width:480px){.document-meta{flex-direction:column;gap:var(--space-sm)}.document-actions{flex-direction:column}}
