@keyframes searchEnter{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes searchExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.search-modal-container{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;z-index:9999;pointer-events:none}.search-modal-container.animate-in{animation:searchEnter .2s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto}.search-modal-container.animate-out{animation:searchExit .15s ease-in forwards;pointer-events:none}.search-modal-header{padding:0;display:flex;align-items:center;border-bottom:none}.search-modal-input-wrapper{flex:1;display:flex;align-items:center;background-color:#1a1a1a;border:1px solid #EA580C;border-radius:100px;padding:10px 16px;gap:12px;box-shadow:0 0 0 1px #ea580c;height:44px}.search-modal-input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.search-modal-input::placeholder{color:#a3a3a3}.search-esc-badge{font-size:10px;background-color:#333;color:#a3a3a3;padding:2px 6px;border-radius:4px;border:1px solid #404040;font-weight:500}.search-menu-card{margin-top:8px;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0006;display:flex;flex-direction:column;overflow:hidden;color:#ededed}.search-results-list{max-height:480px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;cursor:pointer;color:#d4d4d4;transition:background-color .1s;text-decoration:none}.search-result-item:hover,.search-result-item.active{background-color:#262626;color:#fff}.search-result-left{display:flex;align-items:center;gap:12px}.search-result-icon{color:#737373}.search-result-item:hover .search-result-icon,.search-result-item.active .search-result-icon{color:#a3a3a3}.search-result-text{font-size:14px;font-weight:400}.search-result-action{display:flex;align-items:center;justify-content:center}.enter-icon{background-color:#ea580c;color:#fff;padding:2px 4px;border-radius:4px;display:none}.search-result-item:hover .enter-icon,.search-result-item.active .enter-icon{display:flex}.chevron-right{color:#525252}.search-result-item:hover .chevron-right,.search-result-item.active .chevron-right{display:none}.search-modal-footer{padding:10px 16px;border-top:1px solid #262626;display:flex;align-items:center;gap:8px;color:#a3a3a3;font-size:13px;background-color:#1a1a1a}.filter-label{color:#737373}.filter-dropdown{display:flex;align-items:center;gap:4px;color:#d4d4d4;cursor:pointer}.filter-dropdown:hover{color:#fff}.header-container{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;z-index:50;background-color:var(--color-bg-main);border-bottom:1px solid var(--color-border-subtle)}.top-bar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background-color:var(--color-header-top)}.top-bar-left{display:flex;align-items:center;gap:24px;flex:1}.site-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--color-text-primary);text-decoration:none}.search-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:60}.search-wrapper{width:600px;position:relative}.search-input-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:100px;padding:10px 16px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000001a}.search-input-wrapper:hover{border-color:var(--color-text-tertiary);background-color:var(--color-bg-surface-hover);box-shadow:0 2px 4px #0003}.search-shortcut{margin-left:auto;background-color:#333;padding:2px 6px;border-radius:4px;font-size:10px;color:#ccc;display:flex;align-items:center;gap:2px}.top-bar-right{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:500}.ask-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);padding:6px 12px;color:var(--color-text-secondary);transition:all .2s}.ask-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.nav-link-top{color:var(--color-text-secondary);transition:color .2s}.nav-link-top:hover,.btn-login{color:var(--color-text-primary)}.btn-signup{background-color:var(--color-accent-orange);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;transition:background .2s}.btn-signup:hover{background-color:#e04815}.sub-header{display:flex;align-items:center;height:48px;padding:0 24px;gap:24px;background-color:var(--color-header-sub);border-top:none}.sub-nav-link{display:flex;align-items:center;gap:8px;height:100%;font-size:14px;color:var(--color-text-secondary);position:relative;transition:color .2s}.sub-nav-link:hover{color:var(--color-text-primary)}.sub-nav-link.active{color:var(--color-accent-orange)}.sub-nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-accent-orange)}.dropdown-icon{width:14px;height:14px}.sidebar{width:280px;height:calc(100vh - 110px);border-right:1px solid var(--color-border-subtle);background-color:var(--color-bg-main);display:flex;flex-direction:column;position:fixed;left:0;top:110px;overflow-y:auto;padding:24px 16px;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-content{flex:1}.nav-group{margin-bottom:32px}.group-title{font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:0 12px}.nav-group-items{border-left:1px solid #333;margin-left:12px;padding-left:6px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:6px 12px;color:var(--color-text-secondary);font-size:14px;font-weight:400;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;position:relative;border:1px solid transparent}.nav-item:hover{background-color:var(--color-bg-surface-hover);color:var(--color-text-primary)}.nav-item.active{color:var(--color-accent-orange);background-color:transparent}.nav-item.active svg{color:var(--color-accent-orange)}.nav-item.active:before{content:"";position:absolute;left:-7px;top:6px;bottom:6px;width:1px;background-color:var(--color-accent-orange);z-index:10;box-shadow:0 0 4px #fe551b66}.nav-item svg{width:16px;height:16px;color:var(--color-text-tertiary)}.nav-item:hover svg{color:var(--color-text-primary)}.chevron-right{margin-left:auto;width:14px;height:14px;opacity:.5}.footer-agent{margin-top:auto;padding-top:24px}.powered-by{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);padding:10px;border-radius:var(--radius-button);cursor:pointer;transition:background .2s}.powered-by:hover{background-color:var(--color-bg-surface-hover)}.logo-small{width:16px;height:16px;background-color:var(--color-text-secondary);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7L12 12L22 7L12 2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7L12 12L22 7L12 2Z'/%3E%3C/svg%3E")}.main-content{margin-left:280px;margin-top:110px;padding:48px;min-height:calc(100vh - 110px);position:relative}.content-width{max-width:900px;margin:0 auto}.breadcrumbs{display:flex;align-items:center;margin-bottom:24px}.crumb-title{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-tertiary)}.action-pill{display:flex;align-items:center;padding:4px 12px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:16px;font-size:12px;color:var(--color-text-secondary);cursor:pointer}.page-title{font-size:40px;font-weight:600;margin-bottom:24px;display:flex;align-items:center;letter-spacing:-.5px}.page-description{font-size:18px;color:var(--color-text-secondary);margin-bottom:48px;line-height:1.6;max-width:800px}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden;transition:transform .2s,border-color .2s;cursor:pointer;display:flex;flex-direction:column}.card:hover{border-color:#525252;transform:translateY(-2px)}.card-image-placeholder{height:200px;background:#222;display:flex;align-items:center;justify-content:center;position:relative}.orange-gradient{background:radial-gradient(circle at center,#ff8f5d,#fe551b);position:relative}.orange-gradient:before{content:"";position:absolute;width:100%;height:100%;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.2}.dark-gradient{background:#111;border-bottom:1px solid var(--color-border-subtle)}.card-content{padding:24px}.card h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.card p{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.floating-feedback{position:fixed;right:48px;top:180px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--color-text-secondary)}.feedback-emojis{display:flex;gap:12px;font-size:18px;opacity:.5;cursor:pointer}.feedback-emojis:hover{opacity:1}.stack-icon{width:48px;height:48px;background:#fff3;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4)}.sync-diagram{display:flex;align-items:center;gap:20px}.node{width:40px;height:40px;background:#333;border-radius:8px;border:1px solid #444}.center{width:48px;height:48px;border:1px solid #666;background:#222;position:relative}.toc-container{position:sticky;top:150px;width:240px;max-height:calc(100vh - 150px);overflow-y:auto;font-size:13px;display:none;padding-left:0}@media (min-width: 1024px){.toc-container{display:block}}.toc-list{list-style:none;padding:0;margin:0 0 24px;border-left:1px solid var(--color-border-subtle, #333)}.toc-item{line-height:1.5;position:relative}.toc-item a{text-decoration:none;color:var(--color-text-secondary, #888);transition:color .1s;display:block;padding:6px 16px;border-left:2px solid transparent;margin-left:-1px}.toc-item a:hover{color:var(--color-text-primary, #fff)}.toc-item.active a{color:#fe551b;border-left-color:#fe551b;font-weight:500}.toc-item.level-3 a{padding-left:28px}.toc-feedback{padding-left:16px;margin-top:24px;padding-top:24px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--color-border-subtle, #333)}.feedback-label{font-size:14px;color:var(--color-text-secondary, #b3b3b3)}.feedback-pill{display:inline-flex;align-items:center;gap:4px;background:#1a1a1a;border:1px solid var(--color-border-subtle, #333);border-radius:20px;padding:6px 8px;width:fit-content}.feedback-btn{background:none;border:none;color:#666;padding:6px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feedback-btn:hover{background:#333;color:#e6e6e6;transform:scale(1.1)}.feedback-btn:active{transform:scale(.95)}.content-page{margin-left:280px;margin-top:110px;padding:48px;min-height:calc(100vh - 110px);position:relative;box-sizing:border-box}.content-layout{display:flex;gap:64px;max-width:100%;margin:0;justify-content:space-between;padding-right:48px}.markdown-body{flex:1;min-width:0;max-width:850px;font-size:16px;line-height:1.6;color:var(--color-text-primary, #e6e6e6)}.right-sidebar{width:240px;flex-shrink:0;display:none}@media (min-width: 1024px){.right-sidebar{display:block}}.markdown-body h1{font-size:40px;font-weight:700;margin-bottom:24px;letter-spacing:-.02em;border-bottom:none;scroll-margin-top:130px}.markdown-body h2{font-size:24px;font-weight:600;margin-top:48px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle, #333);scroll-margin-top:130px}.markdown-body h3{font-size:20px;font-weight:600;margin-top:32px;margin-bottom:12px;scroll-margin-top:130px}.markdown-body p{margin-bottom:16px;color:var(--color-text-secondary, #b3b3b3)}.markdown-body a{color:var(--color-primary, #4dabf7);text-decoration:none}.markdown-body ul,.markdown-body ol{margin-bottom:16px;padding-left:24px;color:var(--color-text-secondary, #b3b3b3)}.markdown-body li{margin-bottom:8px}.markdown-body code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:SF Mono,monospace;font-size:.9em}.markdown-body pre{background:#1e1e1e;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:24px;border:1px solid var(--color-border-subtle, #333)}.markdown-body pre code{background:none;padding:0;color:#e6e6e6}.markdown-body blockquote{border-left:4px solid var(--color-primary, #4dabf7);margin:0 0 24px;padding:8px 16px;background:#4dabf71a;border-radius:4px;color:var(--color-text-primary)}.sidebar-feedback{margin-top:48px;padding-left:16px;display:flex;flex-direction:column;gap:12px}.sidebar-feedback>span{font-size:14px;color:var(--color-text-secondary)}.feedback-emojis{display:flex;gap:12px;font-size:20px;opacity:.6;cursor:pointer}.feedback-emojis span:hover{transform:scale(1.2);transition:transform .2s}.page-title-h1{display:flex;align-items:center}:root{--font-family: "Inter", sans-serif;--color-bg-main: #1d1d1d;--color-header-top: #1e1e1e;--color-header-sub: #1d1d1d;--color-bg-surface: #262626;--color-bg-surface-hover: #333333;--color-text-primary: #FFFFFF;--color-text-secondary: #9B9B9B;--color-text-tertiary: #6E6E6E;--color-accent-orange: #FE551B;--color-active-bg-orange: rgba(254, 85, 27, .1);--color-border-subtle: #2D2D2D;--radius-card: 12px;--radius-button: 6px;--radius-pill: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-main);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}a{text-decoration:none;color:inherit}button{border:none;background:none;font-family:inherit;cursor:pointer}ul,ol{list-style:none}
