:root{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-surface-subtle: #f7f7f8;--color-text: #1d1d1f;--color-text-muted: #6e6e73;--color-border: #d9e2ec;--color-border-subtle: #e8e8ed;--color-primary: #1677ff;--color-primary-strong: #0958d9;--color-primary-soft: #e8f3ff;--color-focus: rgba(22, 119, 255, .26);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--content-width: 1080px;--shadow-surface: 0 14px 36px rgba(31, 35, 43, .07);--transition-ui: .18s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg)}body{min-width:320px;margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}::selection{color:var(--color-text);background:#cfe3fb}a,button,input,textarea,.ant-tabs-tab{transition:color var(--transition-ui),background-color var(--transition-ui),border-color var(--transition-ui),box-shadow var(--transition-ui),opacity var(--transition-ui)}.ant-btn:focus-visible,.ant-input:focus-visible,.ant-input-affix-wrapper:focus-visible,.topbar-link:focus-visible,.topbar-brand:focus-visible,.site-footer a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.app-shell{min-height:100vh;background:var(--color-bg)}.topbar{position:relative;z-index:10;height:64px;padding:0;line-height:normal;background:#fffffff7;border-bottom:1px solid var(--color-border-subtle)}.topbar-inner{width:min(var(--content-width),calc(100vw - 32px));height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-brand{min-width:0;display:inline-flex;align-items:center;color:inherit;text-decoration:none;flex:1 1 0}.topbar-brand h3{min-width:0;margin:0;overflow:hidden;color:var(--color-text);font-size:18px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.topbar-brand:hover h3{color:var(--color-primary-strong)}.topbar-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px}.topbar-link{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;color:#4b5563;border-radius:var(--radius-sm);font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}.topbar-link:hover{color:var(--color-primary-strong);background:#f2f7ff}.topbar-link.active{color:var(--color-primary-strong);background:var(--color-primary-soft)}.topbar-actions{min-width:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;flex:1 1 0}.topbar-language-button,.topbar-user-button{min-height:40px}.topbar-user-button{max-width:190px;display:inline-flex;align-items:center;gap:8px}.topbar-user-name{min-width:0;overflow:hidden;color:#344054;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.content{width:min(var(--content-width),calc(100vw - 32px));flex:1;margin:0 auto;padding:24px 0 48px}.route-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--color-text-muted);font-size:14px}.app-area{width:100%}.app-area>.ant-tabs{margin-bottom:20px}.app-area>.ant-tabs .ant-tabs-nav{margin-bottom:0}.content .page-card,.content .guide-card{overflow:hidden;border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.content .page-card>.ant-card-head,.content .guide-card>.ant-card-head{min-height:56px;padding-inline:24px;border-bottom-color:var(--color-border-subtle)}.content .page-card>.ant-card-body,.content .guide-card>.ant-card-body{padding:24px}.admin-card .ant-tabs-nav{margin-bottom:24px}.mono{font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-break:break-all}.workspace-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.workspace-page-header h2.ant-typography{margin:0 0 6px;color:var(--color-text);font-size:30px;font-weight:740;letter-spacing:-.02em;line-height:1.25}.workspace-page-header .ant-typography:not(h1):not(h2):not(h3):not(h4):not(h5){max-width:70ch;margin:0;color:var(--color-text-muted)}.host-code-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 16px;background:var(--color-surface-subtle);border-radius:var(--radius-md)}.host-code-result>div{min-width:0;display:flex;flex-direction:column;gap:2px}.host-code-result strong{color:var(--color-text);font-family:SF Mono,Menlo,Consolas,monospace;font-size:24px;letter-spacing:.1em;line-height:1.4}.host-status-dot{width:8px;height:8px;flex:0 0 auto;background:#98a2b3;border-radius:50%}.host-status-dot.is-online{background:#16a34a}.auth-shell{min-height:100vh;min-height:100dvh;background:var(--color-bg)}.auth-page{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 0;color:var(--color-text)}.auth-language-menu{position:absolute;top:12px;right:max(16px,calc((100vw - var(--content-width)) / 2))}.auth-language-button{min-height:40px;padding-inline:10px;color:#344054;font-weight:600}.auth-content{width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center}.auth-logo-stack{margin-bottom:24px;text-align:center}.auth-home-link{color:inherit;text-decoration:none}.auth-home-link:hover h1{color:#0958d9}.auth-logo-stack h1.ant-typography{margin:0;color:#1677ff;font-size:34px;font-weight:700;line-height:1.15}.auth-panel{width:100%;border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.auth-panel .ant-card-body{padding:34px 28px 30px}.auth-intro{text-align:center}.auth-title.ant-typography{margin:8px 0 0;color:#121212;font-size:24px;font-weight:700;line-height:1.35}.auth-description.ant-typography{margin:14px 0 28px;color:#596579;font-size:14px;line-height:1.8}.auth-oauth-button,.auth-submit-item .ant-btn{min-height:44px;border-radius:999px;font-size:16px;font-weight:650}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 20px;color:#667085;font-size:13px;white-space:nowrap}.auth-divider:before,.auth-divider:after{height:1px;flex:1;content:"";background:var(--color-border-subtle)}.auth-form .ant-form-item{margin-bottom:18px}.auth-form .ant-form-item-label{padding-bottom:6px}.auth-form .ant-form-item-label>label{color:#344054;font-size:14px;font-weight:600}.auth-form .ant-input,.auth-form .ant-input-affix-wrapper{min-height:44px;border-radius:var(--radius-sm)}.auth-submit-item{margin-top:24px;margin-bottom:0!important}.auth-switch{margin:20px 0 0;color:#667085;font-size:14px;text-align:center}.auth-switch a{color:#06c;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline;text-underline-offset:3px}.auth-route-loading{min-height:100vh;min-height:100dvh}.guide-page-header{max-width:760px;padding:24px 0 28px}.guide-page-header h1.ant-typography{margin:0 0 8px;color:var(--color-text);font-size:32px;font-weight:760;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}.guide-page-header .ant-typography{margin:0;color:var(--color-text-muted);font-size:16px;line-height:1.65}.guide-page{width:min(800px,100%)}.guide-quickstart{padding:28px 32px 8px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.guide-quickstart-heading h2.ant-typography,.guide-security h2.ant-typography{margin:0 0 6px;color:var(--color-text);font-size:18px;line-height:1.35}.guide-quickstart-heading .ant-typography,.guide-security .ant-typography{margin:0;color:var(--color-text-muted)}.guide-steps{margin:24px 0 0;padding:0;list-style:none}.guide-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:22px 0 24px;border-top:1px solid var(--color-border-subtle)}.guide-step-number{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:var(--color-primary);border-radius:50%;font-size:14px;font-weight:700}.guide-step h3.ant-typography{margin:0 0 6px;color:var(--color-text);font-size:17px;line-height:1.45}.guide-step .ant-typography{max-width:68ch;margin:0;color:#344054;line-height:1.7}.guide-step-copy{display:grid;gap:4px}.guide-benefits{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:0;color:#344054;list-style:none}.guide-benefits li{display:inline-flex;align-items:center;gap:7px}.guide-benefits .anticon{color:#137333;font-size:14px}.guide-security{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:28px 8px 8px}.guide-security-heading{display:flex;gap:12px;min-width:220px}.guide-security-heading>.anticon{margin-top:4px;color:var(--color-primary-strong);font-size:20px}.guide-security ul{min-width:0;margin:0;padding:0;color:#4b5563;font-size:14px;line-height:1.6;list-style:none}.guide-security li{display:flex;gap:8px}.guide-security li+li{margin-top:8px}.guide-security li .anticon{margin-top:4px;color:#667085}.guide-help.ant-typography{margin:24px 8px 0;font-size:14px}.app-footer{width:min(var(--content-width),calc(100vw - 40px));margin:0 auto;padding:24px 0 32px}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;color:var(--color-text-muted);font-size:14px}.site-footer-links{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 18px}.site-footer a{color:var(--color-primary-strong);font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}.home-content{width:100%;flex:1;margin:0}.home-page{--lp-hero-text: #1d1d1f;--lp-hero-muted: #6e6e73;--lp-accent-strong: #0066cc;--lp-node-bg: #ffffff;--lp-node-border: #d2d2d7;--lp-diagram-line: #8893a2;--lp-online: #16a34a;width:min(var(--content-width),calc(100vw - 32px));margin:0 auto;padding:24px 0 48px;color:var(--color-text)}.home-hero{padding:56px 48px;overflow:hidden;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.home-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}.home-hero-copy,.home-hero-visual{min-width:0}.home-hero-tag{margin:0;color:#06c;font-size:14px;font-weight:650;line-height:1.5}.home-hero h1{margin:16px 0 0;color:var(--lp-hero-text);font-size:40px;font-weight:780;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}.home-hero-accent{color:var(--lp-accent-strong)}.home-hero-sub{max-width:60ch;margin:20px 0 0;color:var(--lp-hero-muted);font-size:16px;line-height:1.7;text-wrap:pretty}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.home-hero-actions .ant-btn,.home-cta-actions .ant-btn{min-height:44px;padding-inline:22px;border-radius:999px;font-weight:650}.arch-diagram{display:block;width:100%;height:auto}.home-hero-visual{padding:16px;background:#f7f7f8;border:1px solid #e8e8ed;border-radius:var(--radius-lg)}.mobile-connection-summary{display:none}.arch-diagram marker path{fill:var(--lp-diagram-line)}.home-section{padding:56px 0;background:transparent;border-bottom:1px solid rgba(29,29,31,.14)}.home-section-inner{width:100%}.home-section-head{max-width:680px;margin-bottom:38px}.home-section-head h2{margin:0 0 12px;color:var(--color-text);font-size:36px;font-weight:760;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}.home-section-head p{max-width:62ch;margin:0;color:var(--color-text-muted);font-size:16px;line-height:1.75;text-wrap:pretty}.sec-list{margin:0;border-top:1px solid var(--color-border)}.sec-row{display:grid;grid-template-columns:24px 210px minmax(0,1fr);column-gap:18px;row-gap:6px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--color-border)}.sec-marker{width:9px;height:9px;align-self:start;margin-top:9px;background:var(--color-primary);border-radius:3px}.sec-title{color:var(--color-text);font-size:17px;font-weight:650}.sec-desc{margin:0;color:var(--color-text-muted);font-size:15px;line-height:1.7}.qs-steps{list-style:none;margin:0;padding:0;counter-reset:qs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.qs-steps li{position:relative;display:flex;flex-direction:column;gap:7px;padding:24px 0 0;border-top:1px solid var(--color-border)}.qs-steps li:before{counter-increment:qs;content:counter(qs);width:28px;height:28px;display:grid;place-items:center;margin-bottom:6px;color:#fff;background:var(--color-primary);border-radius:50%;font-size:13px;font-weight:700}.qs-steps strong{color:var(--color-text);font-size:16px;font-weight:650}.qs-steps span{color:var(--color-text-muted);font-size:14.5px;line-height:1.7}.qs-note{margin:30px 0 0;padding:14px 16px;color:#344054;background:#eef6ff;border-radius:var(--radius-md);font-size:14px;line-height:1.65}.home-cta{margin-top:48px;padding:56px 48px;color:var(--color-text);background:#e8f3ff;border-radius:var(--radius-lg)}.home-cta-inner{width:min(720px,100%);margin:0 auto;text-align:center}.home-cta h2{margin:0 0 14px;color:var(--color-text);font-size:34px;font-weight:760;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}.home-cta p{max-width:52ch;margin:0 auto;color:var(--color-text-muted);font-size:16px;line-height:1.75}.home-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}#architecture{scroll-margin-top:24px}@media(max-width:960px){.topbar-inner{gap:10px}.topbar-link{padding-inline:9px}.home-hero{padding:44px 40px}.home-hero-inner{grid-template-columns:1fr;gap:42px}.home-hero-visual{width:min(100%,620px);margin-inline:auto}}@media(max-width:760px){.topbar,.topbar-inner{height:auto;min-height:64px}.topbar-inner{width:min(calc(100vw - 20px),var(--content-width));flex-wrap:wrap;gap:8px 12px;padding:10px 0 9px}.topbar-brand{flex:1 1 0}.topbar-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;margin-inline:-4px;padding-bottom:2px;scrollbar-width:none}.topbar-actions{flex:0 0 auto;margin-left:auto}.topbar-link{min-height:34px;padding-inline:10px;font-size:13px}.content{width:min(calc(100vw - 20px),var(--content-width));padding-top:24px}.workspace-page-header{flex-direction:column;gap:14px}.guide-page-header{padding-top:16px}.guide-security{flex-direction:column;gap:18px}.guide-method+.guide-method{border-top:1px solid var(--color-border-subtle)}.home-hero h1{font-size:42px}.home-section{padding:48px 0}.home-cta{padding:48px 32px}.home-section-head h2,.home-cta h2{font-size:30px}.sec-row{grid-template-columns:20px minmax(0,1fr)}.sec-desc{grid-column:2}.qs-steps{grid-template-columns:1fr}.qs-steps{gap:22px}.site-footer{flex-direction:column;align-items:flex-start}#architecture{scroll-margin-top:16px}}@media(max-width:520px){.topbar-inner,.content,.app-footer{width:calc(100vw - 28px)}.auth-page{align-items:flex-start;padding:72px 0 28px}.auth-content{width:calc(100vw - 28px)}.auth-logo-stack h1.ant-typography{font-size:30px}.auth-panel .ant-card-body{padding:28px 20px 24px}.topbar-brand h3{font-size:15px}.topbar-user-button{max-width:48px;padding-inline:8px}.topbar-user-name{display:none}.topbar-language-button{width:auto;padding-inline:10px}.content .page-card>.ant-card-head,.content .guide-card>.ant-card-head{padding-inline:18px}.content .page-card>.ant-card-head .ant-card-head-wrapper{flex-direction:column;align-items:stretch;gap:12px;padding-block:14px}.content .page-card>.ant-card-head .ant-card-extra{margin-inline-start:0}.workspace-page-header h2.ant-typography{font-size:26px}.content .page-card>.ant-card-body,.content .guide-card>.ant-card-body{padding:20px 18px}.host-code-result{align-items:stretch;flex-direction:column}.host-code-result .ant-btn{align-self:flex-start}.guide-page-header h1.ant-typography{font-size:28px}.guide-quickstart{padding:24px 18px 6px}.guide-security{padding-inline:4px}.home-page{width:calc(100vw - 20px);padding:10px 0 32px}.home-hero{padding:36px 20px}.home-hero h1{font-size:34px;letter-spacing:-.025em}.home-hero-sub{font-size:16px}.arch-diagram{display:none}.mobile-connection-summary{display:block;padding:18px 16px;color:var(--lp-hero-muted);background:var(--lp-node-bg);border:1px solid var(--lp-node-border);border-radius:var(--radius-lg);text-align:center}.mobile-connection-summary strong{display:block;color:var(--lp-accent-strong);font-size:14px}.mobile-connection-summary div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.72fr) auto minmax(0,1fr);gap:7px;align-items:center;margin:18px 0 12px}.mobile-connection-summary span{color:var(--lp-hero-text);font-size:14px;font-weight:650}.mobile-connection-summary b{color:var(--lp-diagram-line);font-weight:500}.mobile-connection-summary small{display:block;font-size:14px;line-height:1.6}.home-hero-actions .ant-btn,.home-cta-actions .ant-btn{min-height:44px}.home-section{padding:44px 0}.home-cta{margin-top:32px;padding:40px 20px}.home-section-head{margin-bottom:30px}.home-section-head h2,.home-cta h2{font-size:27px}.account-modal .ant-modal-footer{display:flex;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-hero-copy,.home-hero-visual{animation:none}}