:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--bg-card:#16161f;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-muted:#606070;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-glow:rgba(99,102,241,0.3);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--border-color:#2a2a3a;--border-radius:12px;--font-mono:"SF Mono","Fira Code","JetBrains Mono",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero,.page{min-height:100vh}.hero{display:flex;align-items:center;justify-content:space-between;padding:4rem 6rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.hero-content{flex:1 1;max-width:600px;z-index:1}.hero-title{font-size:4.5rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.hero-subtitle{font-size:1.75rem;color:var(--text-secondary);font-weight:500;margin-bottom:1.5rem}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2.5rem}.hero-features{display:flex;gap:2rem;margin-bottom:3rem}.feature{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.feature-icon{font-size:1.25rem}.hero-buttons{display:flex;align-items:center;gap:1.25rem}.try-demo-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:white;background:linear-gradient(135deg,var(--accent-primary) 0,#4f46e5 100%);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--accent-glow)}.try-demo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--accent-glow)}.try-demo-btn .arrow{font-size:1.25rem;animation:bounce 2s infinite}.spec-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1.125rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:50px;text-decoration:none;transition:all .3s ease}.spec-link:hover{color:var(--text-primary);border-color:var(--accent-secondary);background:rgba(129,140,248,.1)}.spec-link .arrow{font-size:1rem;transition:transform .3s ease}.spec-link:hover .arrow{transform:translate(2px,-2px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(4px)}60%{transform:translateY(2px)}}.hero-visual{flex:1 1;display:flex;justify-content:center;align-items:center}.orbit-container{position:relative;width:400px;height:400px}.orbit{position:absolute;border:1px solid var(--border-color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:200px;height:200px;animation:rotate 20s linear infinite}.orbit-2{width:320px;height:320px;animation:rotate 30s linear infinite reverse}.center-node{top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 40px var(--accent-glow)}.center-node,.satellite{position:absolute;border-radius:50%}.satellite{width:24px;height:24px;background:var(--accent-secondary);box-shadow:0 0 20px var(--accent-glow)}.satellite-1{left:calc(50% + 100px);animation:orbit1 20s linear infinite}.satellite-1,.satellite-2{top:50%;transform:translateY(-50%)}.satellite-2{left:calc(50% - 160px);animation:orbit2 30s linear infinite reverse}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes orbit1{0%{transform:translateY(-50%) rotate(0deg) translateX(100px) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn) translateX(100px) rotate(-1turn)}}@keyframes orbit2{0%{transform:translateY(-50%) rotate(0deg) translateX(-160px) rotate(0deg)}to{transform:translateY(-50%) rotate(-1turn) translateX(-160px) rotate(1turn)}}.demo-section{padding:3rem 2rem 4rem;background:var(--bg-secondary)}.demo-header{text-align:center;margin-bottom:2rem}.demo-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.demo-header p{color:var(--text-secondary);font-size:1.125rem}.demo-container{max-width:1400px;margin:0 auto}.demo-panels{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.left-panel{position:sticky;top:2rem}.control-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.control-panel h2{font-size:1.25rem;font-weight:600;padding-bottom:1rem}.control-panel h2,.status-section{margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.status-section{padding-bottom:1.5rem}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.status-item:last-child{margin-bottom:0}.status-item .label{color:var(--text-muted);font-size:.875rem}.status-item .value{font-family:var(--font-mono);font-size:.875rem}.status-item .value.connected{color:var(--success)}.status-item .value.disconnected{color:var(--text-muted)}.status-item .value.address{color:var(--accent-secondary)}.status-item .value.correct-chain{color:var(--success)}.status-item .value.wrong-chain{color:var(--warning)}.status-item .value.switching-chain{color:var(--accent-secondary)}.wallet-actions{display:flex;gap:.5rem;margin-top:.75rem}.disconnect-btn{flex:1 1;padding:.5rem 1rem;font-size:.8125rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.disconnect-btn:hover{color:var(--danger);border-color:var(--danger);background:rgba(239,68,68,.1)}.switch-network-btn{flex:1 1;padding:.5rem 1rem;font-size:.8125rem;color:var(--warning);background:rgba(245,158,11,.1);border:1px solid var(--warning);border-radius:6px;cursor:pointer;transition:all .2s}.switch-network-btn:hover{background:rgba(245,158,11,.2)}.flow-section h3{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.step-content{margin-bottom:1.5rem}.step-content p{font-size:.9375rem;margin-bottom:1rem;color:var(--text-secondary)}.step-content .hint{font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono)}.step-content .success{color:var(--success);font-weight:600}.step-content .revoked{color:var(--danger);font-size:.875rem}.expected-address{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.expected-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.expected-value{color:var(--accent-secondary)}.address-input,.expected-value{font-family:var(--font-mono);font-size:.875rem}.address-input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);margin-bottom:1rem;outline:none;transition:border-color .2s}.address-input:focus{border-color:var(--accent-primary)}.address-input::placeholder{color:var(--text-muted)}.ens-status{font-size:.8125rem;margin-bottom:.75rem;font-family:var(--font-mono)}.ens-status .resolving{color:var(--text-muted)}.ens-status .resolved{color:var(--success)}.ens-status .not-found{color:var(--warning)}.ens-hint{color:var(--text-muted);font-size:.75rem}.same-address-error{font-size:.8125rem;color:var(--danger);margin-bottom:.75rem;font-family:var(--font-mono)}.advanced-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;font-size:.8125rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s;margin-bottom:.5rem}.advanced-toggle:hover{color:var(--text-secondary)}.advanced-options{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.optional-field{margin-bottom:.75rem}.optional-field:last-child{margin-bottom:0}.optional-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem}.optional-hint{color:var(--text-muted);font-style:italic}.optional-input{width:100%;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);outline:none;transition:border-color .2s}.optional-input:focus{border-color:var(--accent-primary)}.optional-input::placeholder{color:var(--text-muted)}.primary-btn{width:100%;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:white;background:var(--accent-primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.primary-btn:hover:not(:disabled){background:var(--accent-secondary)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{width:100%;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.secondary-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(0,212,255,.05)}.tx-status{margin-top:.75rem;text-align:center}.tx-link{font-size:.8125rem;color:var(--accent-secondary);text-decoration:none;font-family:var(--font-mono)}.tx-link:hover{text-decoration:underline}.danger-btn{width:100%;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:white;background:var(--danger);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.danger-btn:hover{background:#dc2626}.reset-btn{width:100%;padding:.625rem 1rem;font-size:.875rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;margin-top:1rem}.reset-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.storage-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.storage-option{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .2s}.storage-option:hover{background:var(--bg-secondary)}.storage-option input[type=radio]{margin-top:.25rem;accent-color:var(--accent-primary);cursor:pointer}.storage-label{display:flex;flex-direction:column;gap:.125rem}.storage-label strong{font-size:.875rem;color:var(--text-primary)}.storage-hint{font-size:.75rem;color:var(--text-muted)}.association-id{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;margin-bottom:1rem}.id-label{font-size:.75rem;color:var(--text-muted)}.id-value{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent-secondary)}.id-value,.storage-badge{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.storage-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border-color)}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;font-size:.8125rem;color:var(--danger);margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.right-panel{min-height:600px}.record-panel-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.record-tabs{display:inline-flex;gap:.25rem;margin-bottom:1.25rem;padding:.2rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.record-tab{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.record-tab:hover:not(.active){color:var(--text-primary);background:rgba(255,255,255,.05)}.record-tab.active{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(129,140,248,.18));color:var(--accent-secondary);border:1px solid rgba(99,102,241,.5);box-shadow:0 2px 8px rgba(99,102,241,.2)}.record-tab .tab-icon{font-size:.875rem}.read-tab-hint{display:flex;align-items:center;justify-content:center;padding:2rem;margin-top:1rem;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);text-align:center}.read-tab-hint p{font-size:.9375rem}.record-display{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.record-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);margin:0}.struct-copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:not-allowed;transition:all .2s;opacity:.4}.struct-copy-btn.active{cursor:pointer;opacity:1}.struct-copy-btn.active:hover{color:var(--warning);border-color:var(--warning);background:rgba(245,158,11,.1)}.struct-copy-btn.copied{color:var(--success);border-color:var(--success);background:rgba(34,197,94,.1)}.record-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.record-field{padding:.875rem 0;border-bottom:1px solid var(--border-color)}.record-field:last-child{border-bottom:none}.record-field.revoked{background:rgba(239,68,68,.05);margin:0 -1.5rem;padding:.875rem 1.5rem}.field-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.field-label{font-family:var(--font-mono);font-size:.875rem;color:var(--accent-secondary)}.field-type{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px}.optional-tag{font-size:.6875rem;color:var(--text-muted);font-style:italic}.field-copy-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s;opacity:0;margin-left:auto}.record-field:hover .field-copy-btn{opacity:1}.field-copy-btn:hover{color:var(--warning);background:rgba(245,158,11,.1)}.field-copy-btn.copied{opacity:1;color:var(--success)}.field-value{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.empty-value{color:var(--text-muted);font-style:italic}.hex-value{color:var(--text-primary);background:var(--bg-tertiary);word-break:break-all}.hex-value,.signature-value{font-family:var(--font-mono);font-size:.8125rem;padding:.25rem .5rem;border-radius:4px}.signature-value{color:var(--success);background:rgba(34,197,94,.1);display:flex;align-items:center;gap:.5rem}.key-type-name,.signature-check{font-size:.75rem}.key-type-name{color:var(--text-secondary)}.timestamp-display{font-size:.75rem;color:var(--text-muted)}.nested-record{display:flex;align-items:center;gap:.75rem;padding:.875rem 0}.nested-indicator{font-size:.75rem;color:var(--text-muted);font-style:italic}.read-tab-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.revoke-from-read-btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--error);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.revoke-from-read-btn:hover{background:#dc2626;transform:translateY(-1px)}.revoke-from-read-btn:active{transform:translateY(0)}.revoked-badge{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--error);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px}.revoked-badge span{font-weight:700}.cannot-revoke-hint{font-size:.8125rem;color:var(--text-muted);text-align:center}.revoke-info{margin-bottom:1rem}.revoke-info .info-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.revoke-info .warning-text{font-size:.875rem;color:var(--warning);line-height:1.5;margin:0 0 1rem}@media (max-width:1200px){.record-display{grid-template-columns:1fr}}@media (max-width:1024px){.hero{flex-direction:column;padding:3rem 2rem;text-align:center}.hero-content{max-width:100%}.hero-features{flex-wrap:wrap}.hero-buttons,.hero-features{justify-content:center}.hero-visual{margin-top:3rem}.orbit-container{width:300px;height:300px}.demo-panels{grid-template-columns:1fr}.left-panel{position:relative;top:0}}@media (max-width:640px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-buttons,.hero-features{flex-direction:column;gap:1rem}}.graph-container{position:relative;max-width:1400px;margin:2.5rem auto 0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.graph-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-wrap:wrap}.graph-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.graph-mode-toggle{display:flex;background:var(--bg-secondary);border-radius:6px;padding:3px;gap:2px}.mode-btn{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.mode-btn:hover:not(:disabled){color:var(--text-secondary)}.mode-btn.active{color:var(--text-primary);background:var(--bg-card);box-shadow:0 1px 3px rgba(0,0,0,.2)}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.graph-search{display:flex;align-items:center;gap:.5rem;flex:1 1;min-width:200px;max-width:300px}.search-input{flex:1 1;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-muted)}.search-status{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.graph-header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:1rem}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:1.125rem;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){color:var(--accent-primary);border-color:var(--accent-primary);background:rgba(99,102,241,.1)}.refresh-btn:active:not(:disabled){transform:scale(.95)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.graph-legend{display:flex;gap:1rem}.copy-notification{position:absolute;top:4.5rem;left:50%;transform:translateX(-50%);padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--success);background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:6px;z-index:10;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.graph-instructions{padding:.5rem 1rem;text-align:center;font-size:.875rem;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.legend-line{width:16px;height:3px;border-radius:2px}.legend-line.onchain{background:#22c55e}.legend-line.offchain{background:#6366f1}.legend-line.revoked{background:#ef4444;position:relative;overflow:visible}.legend-line.revoked:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#ef4444;background:var(--bg-tertiary);padding:1px 3px;line-height:1;border-radius:2px}.legend-line.invalid{background:repeating-linear-gradient(90deg,#ef4444,#ef4444 4px,transparent 0,transparent 7px)}.graph-visualization{height:280px;min-width:500px;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.08) 0,transparent 40%),var(--bg-card)}.graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.graph-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.graph-empty p{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.graph-empty .empty-hint{color:var(--text-muted);font-size:.875rem}.graph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.graph-loading .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}.graph-loading p{color:var(--text-muted);font-size:.875rem}.graph-details{border-top:1px solid var(--border-color);max-height:240px;overflow-y:auto}.association-detail{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background .2s}.association-detail:last-child{border-bottom:none}.association-detail:hover{background:var(--bg-tertiary)}.association-detail.invalid{background:rgba(239,68,68,.05)}.association-detail.invalid:hover{background:rgba(239,68,68,.1)}.detail-header{display:flex;align-items:center;gap:.5rem}.source-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .5rem;border-radius:4px}.source-badge.onchain{color:#22c55e;background:rgba(34,197,94,.15)}.source-badge.offchain{color:#6366f1;background:rgba(99,102,241,.15)}.invalid-badge{font-size:.6875rem;font-weight:500;color:#ef4444;background:rgba(239,68,68,.15);padding:.25rem .5rem;border-radius:4px}.detail-content{display:flex;align-items:center;gap:.5rem}.detail-role{font-size:.75rem;color:var(--text-muted)}.detail-address{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary)}.graph-error{padding:1rem 1.5rem;background:rgba(239,68,68,.1);border-top:1px solid rgba(239,68,68,.3);color:var(--danger);font-size:.8125rem;text-align:center}@media (max-width:640px){.graph-header{flex-direction:column;gap:.75rem;align-items:stretch}.graph-mode-toggle{width:100%;justify-content:center}.graph-search{max-width:none}.graph-legend{flex-wrap:wrap;gap:.75rem;justify-content:center}.graph-visualization{height:240px}}.site-footer{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.08)}.github-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-tertiary);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.github-link:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.github-link svg{opacity:.7;transition:opacity .2s ease}.github-link:hover svg{opacity:1}