:root{--color-bg-dark:#090d16;--color-bg-surface:#111827;--color-bg-panel:#111827bf;--color-border:#ffffff1a;--color-border-glow:#6e56cf66;--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-primary-glow:#7c3aed59;--color-accent-cyan:#06b6d4;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-main);min-height:100vh;line-height:1.6;overflow-x:hidden}.shell-app{flex-direction:column;min-height:100vh;display:flex}.main-navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#090d16d9;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex;position:sticky;top:0}.nav-brand{cursor:pointer;align-items:center;gap:.75rem;display:flex}.nav-title{letter-spacing:-.02em;color:var(--color-text-main);align-items:center;gap:.4rem;font-size:1.15rem;font-weight:700;display:flex}.domain-pill{color:var(--color-primary-light);font-size:.75rem;font-weight:500;font-family:var(--font-mono);background:#7c3aed33;border:1px solid #7c3aed66;border-radius:999px;padding:.15rem .5rem}.nav-controls{align-items:center;gap:1rem;display:flex}.view-mode-tabs{border:1px solid var(--color-border);background:#ffffff0d;border-radius:10px;padding:.25rem;display:flex}.mode-tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s}.mode-tab-btn:hover{color:var(--color-text-main)}.mode-tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px var(--color-primary-glow)}.nav-btn{border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.nav-btn:hover{background:#ffffff1a;border-color:#fff3}.hero-banner{text-align:center;max-width:1200px;margin:0 auto;padding:5rem 2rem 4rem;position:relative}.hero-glow-effect{filter:blur(70px);pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed29 0%,#f59e0b14 45%,#0000 70%);width:520px;height:320px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero-grid-pattern{pointer-events:none;opacity:.5;z-index:0;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:4.5rem 4.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 45% at 50% 35%,#000 40%,#0000 100%);mask-image:radial-gradient(55% 45% at 50% 35%,#000 40%,#0000 100%)}.hero-content{z-index:1;position:relative}.hero-pill-badge{background:#7c3aed1f;border:1px solid #7c3aed47;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.35rem;padding:.35rem .9rem;display:inline-flex}.badge-text{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-light);font-size:.78rem;font-weight:600}.hero-brand-header{flex-direction:column;align-items:center;gap:.85rem;margin-bottom:1.15rem;display:flex}.hero-brand{letter-spacing:-.03em;color:var(--color-text-main);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}.hero-title{letter-spacing:-.025em;max-width:820px;color:var(--color-text-main);font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:700;line-height:1.25}.hero-subtitle{color:var(--color-text-muted);max-width:680px;margin:0 auto 1.5rem;font-size:1.05rem;font-weight:450;line-height:1.65}.hero-points{text-align:left;flex-direction:column;gap:.55rem;max-width:560px;margin:0 auto 2.25rem;list-style:none;display:flex}.hero-points li{color:var(--color-text-muted);padding-left:1.1rem;font-size:.92rem;line-height:1.5;position:relative}.hero-points li:before{content:"";background:#f59e0b;border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.55em;left:0;box-shadow:0 0 8px #f59e0b73}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-bottom:.5rem;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.45rem;font-size:.92rem;font-weight:600;transition:all .25s;display:inline-flex}.hero-btn.primary-glow{background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #7c3aed47}.hero-btn.primary-glow:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed61}.hero-btn.secondary-glass{border:1px solid var(--color-border);color:var(--color-text-main);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f}.hero-btn.secondary-glass:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.hero-btn.ghost-link{color:var(--color-text-muted);background:0 0}.hero-btn.ghost-link:hover{color:var(--color-text-main)}.host-controls-bar{border:1px solid var(--color-border);background:#ffffff08;border-radius:10px;margin:0 0 1rem;padding:.75rem 1rem}.ecosystem-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-light);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.section-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.section-subtitle{color:var(--color-text-muted);max-width:680px;margin:0 auto;font-size:1rem}.ecosystem-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.ecosystem-card{background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;flex-direction:column;padding:1.5rem;transition:all .25s;display:flex}.ecosystem-card:hover{border-color:var(--color-border-glow);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.app-icon-wrapper{width:44px;height:44px;color:var(--color-primary-light);background:#7c3aed26;border-radius:12px;justify-content:center;align-items:center;display:flex}.app-meta{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.kind-badge{border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.kind-badge.travel{color:#34d399;background:#10b98133}.kind-badge.auth{color:#fbbf24;background:#f59e0b33}.kind-badge.catalog{color:#60a5fa;background:#3b82f633}.kind-badge.other{color:#9ca3af;background:#6b728033}.origin-badge{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.app-name{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.app-desc{color:var(--color-text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.card-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;padding-top:1rem;display:flex}.payload-type code{font-family:var(--font-mono);color:var(--color-primary-light);font-size:.75rem}.card-actions{gap:.5rem;display:flex}.app-link-btn{border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffff0d;border-radius:6px;padding:.35rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.app-link-btn:hover{color:var(--color-text-main);background:#ffffff1a}.app-inspect-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.app-inspect-btn:hover{background:#6d28d9}.protocol-sandbox-section{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem}.sandbox-container{background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;overflow:hidden}.sandbox-nav-tabs{border-bottom:1px solid var(--color-border);background:#0000004d;display:flex}.sandbox-tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.sandbox-tab-btn.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary);background:#7c3aed14}.sandbox-tab-content{padding:2rem}.protocol-nodes-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-bottom:2rem;display:grid}.protocol-node{border:1px solid var(--color-border);background:#0006;border-radius:14px;padding:1.25rem}.node-badge{color:var(--color-accent-cyan);margin-bottom:.4rem;font-size:.65rem;font-weight:800}.node-title{margin-bottom:.3rem;font-size:1rem;font-weight:700}.node-desc{color:var(--color-text-muted);font-size:.8rem}.protocol-arrow-connector{flex-direction:column;align-items:center;gap:.25rem;display:flex}.arrow-line{background:linear-gradient(90deg, var(--color-primary), var(--color-accent-cyan));width:100px;height:2px}.arrow-text{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.flow-explanation-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.25rem}.flow-explanation-box h4{color:var(--color-primary-light);margin-bottom:.75rem;font-size:.95rem}.flow-explanation-box ol{padding-left:1.25rem}.flow-explanation-box li{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.88rem}.flow-explanation-box code{font-family:var(--font-mono);color:var(--color-accent-cyan);background:#0006;border-radius:4px;padding:.15rem .4rem;font-size:.8rem}.rpc-controls-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.auth-pill{color:var(--color-text-muted);font-size:.85rem}.auth-active{color:#34d399;font-weight:600}.auth-inactive{color:#fbbf24;font-weight:600}.rpc-exec-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:700;transition:background .2s}.rpc-exec-btn:hover{background:#6d28d9}.rpc-log-output{border:1px solid var(--color-border);background:#050811;border-radius:12px;overflow:hidden}.log-header{color:var(--color-text-muted);background:#ffffff0d;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;display:flex}.log-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.log-content{font-family:var(--font-mono);color:#38bdf8;white-space:pre-wrap;word-break:break-all;min-height:120px;padding:1rem;font-size:.85rem}.pipeline-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.pipeline-step{border:1px solid var(--color-border);background:#0000004d;border-radius:14px;padding:1.25rem}.step-num{font-family:var(--font-mono);color:var(--color-primary-light);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.pipeline-step h4{margin-bottom:.3rem;font-size:.95rem}.pipeline-step p{color:var(--color-text-muted);font-size:.82rem}.workspace-host-container{max-width:1300px;margin:0 auto;padding:2rem}.auth-control-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.auth-info{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.auth-token-code{font-family:var(--font-mono);color:var(--color-accent-cyan);background:#0006;border-radius:4px;padding:.15rem .5rem;font-size:.8rem}.toolbar-group{gap:.5rem;display:flex}.tool-btn{border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.tool-btn:hover{background:#ffffff1f}.workspace-panels-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.mesh-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:1.25rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.panel-title{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.panel-status{color:var(--color-text-muted);font-size:.8rem}.panel-status.error{color:#f87171}.panel-iframe{border:1px solid var(--color-border);background:#fff;border-radius:10px;width:100%;transition:all .25s}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.embed-modal-content{background:var(--color-bg-surface);border:1px solid var(--color-border-glow);border-radius:20px;width:100%;max-width:600px;padding:1.5rem;box-shadow:0 20px 50px #00000080}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.modal-title-group{align-items:center;gap:.5rem;display:flex}.modal-title-group h3{font-size:1.2rem;font-weight:700}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.form-group{margin-bottom:1rem}.form-group.half{flex:1}.form-row{gap:1rem;display:flex}.form-label{color:var(--color-text-muted);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.form-select,.form-input{border:1px solid var(--color-border);width:100%;color:var(--color-text-main);font-family:var(--font-main);background:#0006;border-radius:8px;padding:.6rem .85rem;font-size:.9rem}.snippet-header{justify-content:space-between;align-items:center;display:flex}.copy-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.3rem .75rem;font-size:.78rem;font-weight:700}.copy-btn.copied{background:#10b981}.snippet-textarea{border:1px solid var(--color-border);color:#38bdf8;width:100%;font-family:var(--font-mono);resize:vertical;background:#050811;border-radius:10px;padding:.85rem;font-size:.82rem}.main-footer{border-top:1px solid var(--color-border);text-align:center;background:#0006;margin-top:auto;padding:2rem}.footer-content{flex-direction:column;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.footer-desc{color:var(--color-text-muted);font-size:.85rem}.footer-links{gap:1.25rem;font-size:.85rem;display:flex}.footer-links a{color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-primary-light)}@media (width<=768px){.protocol-nodes-grid{grid-template-columns:1fr}.arrow-line{width:2px;height:30px}.rpc-controls-bar{flex-direction:column;align-items:stretch}.main-navbar{flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem}.view-mode-tabs{width:100%}.hero-banner{padding:3.5rem 1.25rem 3rem}.hero-points{padding:0 .25rem}}