:root{color:#e7e8eb;background:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: rgba(21, 24, 29, .74);--surface-strong: rgba(25, 29, 35, .92);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .2);--text: #f2f4f7;--text-muted: #9ba3af;--text-dim: #77828f;--accent: #5eead4;--accent-soft: rgba(94, 234, 212, .12);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--ease-soft: cubic-bezier(.16, 1, .3, 1);--duration-fast: .16s;--duration-base: .22s;--duration-slow: .32s;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(55,65,81,.24),transparent 35rem),#0b0d10}button,a,input{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:flex;min-height:100vh;flex-direction:column}.topbar,.footer{display:flex;align-items:center;width:min(1120px,calc(100% - 48px));margin:0 auto}.topbar{min-height:72px;gap:18px;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:inline-flex;align-items:center;gap:9px;color:#f5f5f5;font-size:15px;font-weight:650;letter-spacing:-.02em;text-decoration:none}.brand-mark{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(226,232,240,.35);border-radius:var(--radius-sm);color:#f8fafc;font-size:12px;font-weight:700}.topbar-caption,.status-label,.count-label,.footer{color:#7f8794;font-size:12px}.status-label{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.status-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px #5eead41a}.content{width:min(960px,calc(100% - 48px));flex:1;margin:0 auto;padding:108px 0 72px}.content-narrow{width:min(880px,calc(100% - 48px));padding-top:56px}.hero{max-width:650px;margin-bottom:92px}.eyebrow{margin:0 0 12px;color:#8b96a6;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:700px;margin-bottom:22px;color:#f4f5f7;font-size:clamp(38px,6vw,68px);font-weight:620;letter-spacing:-.06em;line-height:1}.content-narrow h1{font-size:clamp(32px,4.4vw,44px);margin-bottom:16px}h2{margin-bottom:0;color:var(--text);font-size:22px;font-weight:600;letter-spacing:-.035em}h3{margin:26px 0 12px;color:#c7ccd4;font-size:13px;font-weight:600;letter-spacing:.01em}.hero-copy,.detail-copy{max-width:600px;margin-bottom:0;color:var(--text-muted);font-size:15px;line-height:1.75}.section-heading,.detail-heading,.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecosystem-card{display:flex;min-height:210px;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--border);border-radius:var(--radius-xl);color:inherit;text-align:left;text-decoration:none;background:var(--surface);transition:border-color .18s ease,background .18s ease,transform .18s ease}.ecosystem-card:hover,.ecosystem-card:focus-visible{border-color:#5eead47a;background:#192427db;transform:translateY(-2px)}.card-kicker{margin-bottom:24px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.card-title{margin-bottom:10px;color:var(--text);font-size:20px;font-weight:570;letter-spacing:-.03em}.card-description{max-width:390px;color:#8b94a1;font-size:13px;line-height:1.65}.card-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:26px;color:#697381;font-size:12px}.card-arrow{color:#7dd3c7;font-size:18px;line-height:1}.page-head{margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;color:var(--text-dim);font-size:12px;text-decoration:none}.back-link:hover{color:var(--text)}.panel{margin-bottom:16px;padding:26px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.panel h2{margin-bottom:10px}.panel-hint{margin:0 0 4px;color:var(--text-dim);font-size:12px;line-height:1.7}.panel-note{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;padding:12px 14px;border:1px solid rgba(94,234,212,.22);border-radius:var(--radius-md);color:#a9b4c0;font-size:12px;line-height:1.7;background:var(--accent-soft)}.panel-note svg{flex:none;margin-top:2px;color:var(--accent)}.panel-error{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;padding:12px 14px;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:13px;line-height:1.7;background:#f8717114}.panel-error svg{flex:none;margin-top:2px}.prerequisites ul{margin:12px 0 0;padding-left:20px;color:#aab3bf;font-size:13px;line-height:1.9}.step-indicator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none}.step-indicator button{display:flex;width:100%;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-dim);font-size:12px;text-align:left;background:transparent;transition:border-color .18s ease,color .18s ease,background .18s ease}.step-indicator button:disabled{cursor:default;opacity:.55}.step-indicator button.is-done{border-color:#5eead44d;color:#9fb3b1}.step-indicator button.is-current{border-color:#5eead480;color:var(--text);background:var(--accent-soft)}.step-number{display:grid;width:20px;height:20px;flex:none;place-items:center;border:1px solid currentColor;border-radius:999px;font-size:11px}.step-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}.option-grid button{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);color:#c2c9d2;text-align:left;background:#ffffff05;transition:border-color .16s ease,background .16s ease}.option-grid button:hover{border-color:var(--border-strong)}.option-grid button.is-active{border-color:#5eead48c;color:var(--text);background:var(--accent-soft)}.option-title{font-size:14px}.option-meta{color:var(--text-dim);font-size:11px}.mirror-list{display:grid;gap:8px;margin-top:12px}.mirror-list button{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);color:#c2c9d2;text-align:left;background:#ffffff05}.mirror-list button:hover{border-color:var(--border-strong)}.mirror-list button.is-active{border-color:#5eead48c;background:var(--accent-soft)}.mirror-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mirror-kind{padding:2px 8px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-dim);font-size:10px;letter-spacing:.04em}.mirror-url{overflow-x:auto;color:#7e8997;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap}.mode-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.mode-tabs button{padding:7px 14px;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-size:12px;background:transparent}.mode-tabs button.is-active{color:#0b0d10;background:var(--accent)}.command-block{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0c0e11d9}.command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:11px}.command-body{overflow-x:auto;margin:0;padding:16px;color:#dbe3ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.7;white-space:pre}.copy-button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:#c3cbd5;font-size:11px;background:transparent;transition:border-color .16s ease,color .16s ease,background .16s ease}.copy-button:hover{border-color:#5eead480;color:var(--text)}.command-note,.command-error,.command-success{margin:0;padding:10px 14px;border-top:1px solid var(--border);font-size:12px;line-height:1.7}.command-note{color:var(--text-dim)}.command-error{color:#fca5a5}.command-success{color:var(--accent)}.config-file .meta-list{margin-top:14px}.meta-list{display:grid;gap:10px;margin:0}.meta-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.meta-list dt{color:var(--text-dim);font-size:12px}.meta-list dd{margin:0;color:#b6bec8;font-size:12.5px;line-height:1.7;overflow-wrap:anywhere}.meta-list dd code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.expectation{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.expectation-label{display:block;margin-bottom:8px;color:var(--text-dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.expectation p{margin:0 0 6px;color:#b6bec8;font-size:13px;line-height:1.7}.wizard-actions{display:flex;align-items:center;gap:10px;margin:20px 0 48px}.primary-button,.ghost-button{padding:10px 18px;border-radius:var(--radius-md);font-size:13px}.primary-button{border:1px solid rgba(94,234,212,.6);color:#04201d;background:var(--accent)}.primary-button:disabled{cursor:not-allowed;border-color:var(--border);color:var(--text-dim);background:#ffffff0a}.ghost-button{border:1px solid var(--border-strong);color:#c3cbd5;background:transparent}.ghost-button:hover{border-color:#ffffff52;color:var(--text)}.actions-hint{color:var(--text-dim);font-size:12px}.troubleshooting{margin-top:8px}.trouble-card{margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.trouble-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;color:#d3d9e0;font-size:13.5px;cursor:pointer;list-style:none}.trouble-card summary::-webkit-details-marker{display:none}.trouble-title{font-weight:550}.trouble-chevron{flex:none;color:var(--text-dim);transition:transform .18s ease}.trouble-card[open] .trouble-chevron{transform:rotate(180deg)}.trouble-body{padding:0 20px 20px}.trouble-problem{margin:0 0 14px;color:#a6afba;font-size:13px;line-height:1.7}.trouble-steps{margin:0;padding-left:18px;color:#aab3bf;font-size:12.5px;line-height:1.8}.trouble-steps li{margin-bottom:10px}.trouble-step-title{display:block;color:#dfe4ea;font-weight:550}.trouble-step-content{display:block;color:#98a2ae}.trouble-sources{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;color:var(--text-dim);font-size:11px}.trouble-sources a{color:#7fb7ae;text-decoration:none;overflow-wrap:anywhere}.trouble-sources a:hover{color:var(--accent)}.trouble-checked{color:#5f6874}.empty-state{max-width:560px;padding:40px 0}.primary-link{display:inline-block;margin-top:26px;padding:10px 18px;border:1px solid rgba(94,234,212,.6);border-radius:var(--radius-md);color:#04201d;font-size:13px;text-decoration:none;background:var(--accent)}.footer{justify-content:space-between;min-height:64px;border-top:1px solid rgba(255,255,255,.07)}@media(max-width:720px){.topbar,.footer,.content,.content-narrow{width:min(100% - 32px,960px)}.topbar-caption{display:none}.content{padding-top:72px}.content-narrow{padding-top:40px}.hero{margin-bottom:64px}.ecosystem-grid{grid-template-columns:1fr}.step-indicator{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-list>div{grid-template-columns:1fr;gap:4px}.footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero>.eyebrow,.hero>h1,.hero>.hero-copy{max-height:420px;transition:opacity var(--duration-base) ease,max-height var(--duration-slow) var(--ease-soft),transform var(--duration-slow) var(--ease-soft),margin var(--duration-slow) var(--ease-soft)}.hero.is-searching>.eyebrow,.hero.is-searching>h1,.hero.is-searching>.hero-copy{overflow:hidden;max-height:0;margin-bottom:0;opacity:0;transform:translateY(-8px)}.hero.is-searching{margin-bottom:24px}.search{position:relative;max-width:680px;margin-top:34px;transition:max-width var(--duration-slow) var(--ease-soft),margin var(--duration-slow) var(--ease-soft)}.search.is-active{max-width:620px;margin-top:0}.search-field{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-strong);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-base) ease,padding var(--duration-slow) var(--ease-soft)}.search.is-active .search-field{padding:11px 16px;border-color:#5eead473;box-shadow:0 18px 40px #00000057}.search-field:focus-within{border-color:#5eead499;box-shadow:0 0 0 4px #5eead41a}.search-icon{flex:none;color:var(--text-dim)}.search-field input{width:100%;min-width:0;border:none;color:var(--text);font-size:15px;background:transparent}.search-field input::placeholder{color:#6c7683}.search-field input:focus{outline:none}.search-field input::-webkit-search-cancel-button{display:none}.search-hint{flex:none;padding:2px 7px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.search-clear{display:grid;flex:none;width:24px;height:24px;place-items:center;border:none;border-radius:var(--radius-xs);color:var(--text-dim);background:transparent}.search-clear:hover{color:var(--text);background:#ffffff0f}.search-results{margin-top:10px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-strong);animation:results-in var(--duration-base) var(--ease-soft)}@keyframes results-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-empty{margin:0;padding:18px;color:var(--text-dim);font-size:13px;line-height:1.7}.search-hit{display:block;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.search-hit:last-child{border-bottom:none}.search-hit.is-active{background:#5eead412}.hit-main{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.hit-title{color:var(--text);font-size:14px}.hit-terms{margin-left:8px;color:#6f7a87;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.hit-subtitle{flex:none;max-width:46%;overflow:hidden;color:var(--text-dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hit-hint{display:block;margin-top:6px;color:#6c7683;font-size:11px}.hit-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.hit-chips-label{color:var(--text-dim);font-size:11px}.chip{padding:5px 11px;border:1px solid rgba(94,234,212,.4);border-radius:999px;color:var(--accent);font-size:12px;background:#5eead414}.chip:hover{border-color:var(--accent);background:#5eead429}.search-footnote{display:flex;align-items:center;gap:6px;margin:10px 2px 0;color:#6c7683;font-size:11px}@media(max-width:720px){.search,.search.is-active{max-width:100%}.hit-main{align-items:flex-start;flex-direction:column;gap:4px}.hit-subtitle{max-width:100%;white-space:normal}}.probe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.probe-timestamp{color:var(--text-dim);font-size:11.5px}.icon-button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);color:#c2c9d2;background:#ffffff05;font-size:12px}.icon-button:hover:not(:disabled){border-color:var(--border-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button .is-spinning{animation:probe-spin 1s linear infinite}@keyframes probe-spin{to{transform:rotate(360deg)}}.probe-badge{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--text-dim);font-size:11.5px;line-height:1.6}.probe-dot{width:6px;height:6px;flex:none;border-radius:999px;background:#6b7280}.probe-badge.tone-good .probe-dot{background:var(--accent);box-shadow:0 0 0 3px #5eead41f}.probe-badge.tone-good .probe-label{color:#d3f7f0}.probe-badge.tone-warn .probe-dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.probe-badge.tone-warn .probe-label{color:#fbd6a2}.probe-detail{color:var(--text-dim)}.probe-recommended{padding:1px 8px;border:1px solid rgba(94,234,212,.45);border-radius:999px;color:var(--accent);font-size:10px;letter-spacing:.04em}.probe-note{margin-top:12px}.sync-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--text-dim);font-size:11.5px;line-height:1.6}.sync-dot{width:6px;height:6px;flex:none;border-radius:2px;background:#6b7280}.sync-status[data-tone=ok] .sync-dot{background:var(--accent)}.sync-status[data-tone=ok] .sync-text{color:#d3f7f0}.sync-status[data-tone=pending] .sync-dot{background:#38bdf8}.sync-status[data-tone=pending] .sync-text{color:#bfe6fb}.sync-status[data-tone=bad] .sync-dot{background:#f87171}.sync-status[data-tone=bad] .sync-text{color:#fbc4c4}.sync-detail{color:var(--text-dim)}.hit-latency{margin-left:8px;padding:1px 7px;border:1px solid rgba(94,234,212,.28);border-radius:999px;color:#9fe8dc;font-size:10.5px}