:root{--d4-color-lime: #daf902;--d4-color-lime-dim: #b5cf02;--d4-color-lime-glow: rgba(218, 249, 2, .15);--d4-color-success: #7fff7f;--d4-color-success-dim: #5ccc5c;--d4-color-success-bg: rgba(127, 255, 127, .1);--d4-color-cyan: #00eeee;--d4-color-cyan-dim: #00bbbb;--d4-color-cyan-bg: rgba(0, 238, 238, .1);--d4-color-error: #ff4444;--d4-color-error-dim: #cc3333;--d4-color-error-bg: rgba(255, 68, 68, .1);--d4-color-warning: #ffcc00;--d4-color-warning-dim: #ccaa00;--d4-color-warning-bg: rgba(255, 204, 0, .1);--d4-color-info: #4a9eff;--d4-color-gold: #ffd700;--d4-bg-base: #0a0a0a;--d4-bg-surface: #0f0f0f;--d4-bg-elevated: #1a1a1a;--d4-bg-hover: #252525;--d4-bg-active: #2a2a2a;--d4-bg-overlay: rgba(0, 0, 0, .8);--d4-border-subtle: #222;--d4-border-default: #333;--d4-border-strong: #444;--d4-text-primary: #fff;--d4-text-secondary: #ccc;--d4-text-muted: #888;--d4-text-dim: #666;--d4-font-mono: "SF Mono", "Monaco", "Cascadia Code", "Consolas", monospace;--d4-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--d4-text-xs: 10px;--d4-text-sm: 11px;--d4-text-base: 12px;--d4-text-md: 13px;--d4-text-lg: 14px;--d4-text-xl: 16px;--d4-text-2xl: 18px;--d4-text-3xl: 20px;--d4-text-4xl: 24px;--d4-text-5xl: 28px;--d4-text-6xl: 32px;--d4-font-normal: 400;--d4-font-medium: 500;--d4-font-semibold: 600;--d4-font-bold: 700;--d4-leading-tight: 1;--d4-leading-snug: 1.25;--d4-leading-normal: 1.4;--d4-leading-relaxed: 1.6;--d4-tracking-tight: -.5px;--d4-tracking-normal: 0;--d4-tracking-wide: .5px;--d4-space-0: 0;--d4-space-1: 2px;--d4-space-2: 4px;--d4-space-3: 6px;--d4-space-4: 8px;--d4-space-5: 10px;--d4-space-6: 12px;--d4-space-7: 14px;--d4-space-8: 16px;--d4-space-10: 20px;--d4-space-12: 24px;--d4-space-16: 32px;--d4-space-20: 40px;--d4-space-24: 48px;--d4-radius-sm: 3px;--d4-radius-md: 4px;--d4-radius-lg: 6px;--d4-radius-xl: 8px;--d4-radius-2xl: 12px;--d4-radius-full: 50%;--d4-shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--d4-shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--d4-shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--d4-shadow-glow-lime: 0 0 8px var(--d4-color-lime);--d4-shadow-glow-success: 0 0 8px var(--d4-color-success);--d4-shadow-glow-cyan: 0 0 8px var(--d4-color-cyan);--d4-shadow-glow-error: 0 0 8px var(--d4-color-error);--d4-transition-fast: .1s ease;--d4-transition-base: .2s ease;--d4-transition-slow: .3s ease;--d4-z-dropdown: 100;--d4-z-sticky: 200;--d4-z-tooltip: 500;--d4-z-modal: 1000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--d4-font-mono);font-size:var(--d4-text-md);font-weight:var(--d4-font-medium);line-height:var(--d4-leading-relaxed);background:var(--d4-bg-base);color:var(--d4-text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--d4-bg-elevated)}::-webkit-scrollbar-thumb{background:var(--d4-border-default);border-radius:var(--d4-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--d4-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--d4-border-default) var(--d4-bg-elevated)}:focus{outline:none}:focus-visible{outline:2px solid var(--d4-color-lime);outline-offset:2px}a{color:var(--d4-color-cyan);text-decoration:none;transition:color var(--d4-transition-base)}a:hover{color:var(--d4-color-cyan-dim);text-decoration:underline}::selection{background:var(--d4-color-lime);color:var(--d4-bg-base)}.d4-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--d4-space-10) var(--d4-space-12)}.d4-page{min-height:100vh}.d4-title{font-size:var(--d4-text-4xl);font-weight:var(--d4-font-semibold);color:var(--d4-color-lime);letter-spacing:var(--d4-tracking-tight);line-height:var(--d4-leading-tight)}.d4-section-title{font-size:var(--d4-text-sm);font-weight:var(--d4-font-medium);color:var(--d4-text-dim);text-transform:uppercase;letter-spacing:var(--d4-tracking-wide);margin-bottom:var(--d4-space-4)}.d4-mono{font-family:var(--d4-font-mono)}.d4-text-lime{color:var(--d4-color-lime)}.d4-text-cyan{color:var(--d4-color-cyan)}.d4-text-success{color:var(--d4-color-success)}.d4-text-error{color:var(--d4-color-error)}.d4-text-warning{color:var(--d4-color-warning)}.d4-text-muted{color:var(--d4-text-muted)}.d4-text-dim{color:var(--d4-text-dim)}.d4-flex{display:flex}.d4-flex-col{flex-direction:column}.d4-items-center{align-items:center}.d4-justify-between{justify-content:space-between}.d4-gap-2{gap:var(--d4-space-2)}.d4-gap-4{gap:var(--d4-space-4)}.d4-gap-6{gap:var(--d4-space-6)}.d4-gap-8{gap:var(--d4-space-8)}@keyframes d4-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes d4-glow-pulse{0%,to{opacity:1;box-shadow:0 0 4px currentColor}50%{opacity:.6;box-shadow:0 0 12px currentColor}}@keyframes d4-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.d4-animate-pulse{animation:d4-pulse 2s ease-in-out infinite}.d4-animate-glow{animation:d4-glow-pulse 2s ease-in-out infinite}@keyframes d4-loading-bg{0%,to{background-color:#daf90214}50%{background-color:#daf9022e}}.d4-chip--loading{animation:d4-loading-bg 1.2s ease-in-out infinite;border-color:var(--d4-color-lime)!important;color:var(--d4-color-lime)!important;pointer-events:none}.d4-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--d4-space-4);padding:var(--d4-space-4) var(--d4-space-8);font-family:var(--d4-font-mono);font-size:var(--d4-text-md);font-weight:var(--d4-font-medium);line-height:var(--d4-leading-tight);color:var(--d4-text-secondary);background:var(--d4-bg-elevated);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-md);cursor:pointer;transition:all var(--d4-transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.d4-btn:hover{background:var(--d4-bg-hover);border-color:var(--d4-border-strong);color:var(--d4-text-primary)}.d4-btn:active{background:var(--d4-bg-active)}.d4-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.d4-btn--primary{background:var(--d4-color-lime);color:var(--d4-bg-base);border-color:var(--d4-color-lime);font-weight:var(--d4-font-semibold)}.d4-btn--primary:hover{background:var(--d4-color-lime-dim);border-color:var(--d4-color-lime-dim);color:var(--d4-bg-base)}.d4-btn--danger{background:var(--d4-color-error-bg);color:var(--d4-color-error);border-color:var(--d4-color-error)}.d4-btn--danger:hover{background:var(--d4-color-error);color:var(--d4-text-primary)}.d4-btn--ghost{background:transparent;border-color:transparent;color:var(--d4-text-muted)}.d4-btn--ghost:hover{background:var(--d4-bg-elevated);border-color:var(--d4-border-subtle);color:var(--d4-text-secondary)}.d4-btn--link{background:transparent;border-color:transparent;color:var(--d4-color-cyan);padding:0}.d4-btn--link:hover{background:transparent;border-color:transparent;color:var(--d4-color-cyan-dim);text-decoration:underline}.d4-btn--sm{padding:var(--d4-space-2) var(--d4-space-4);font-size:var(--d4-text-base);gap:var(--d4-space-2)}.d4-btn--lg{padding:var(--d4-space-5) var(--d4-space-10);font-size:var(--d4-text-lg)}.d4-btn-group{display:flex;gap:var(--d4-space-4)}.d4-btn-group--compact{gap:0}.d4-btn-group--compact .d4-btn{border-radius:0}.d4-btn-group--compact .d4-btn:first-child{border-radius:var(--d4-radius-md) 0 0 var(--d4-radius-md)}.d4-btn-group--compact .d4-btn:last-child{border-radius:0 var(--d4-radius-md) var(--d4-radius-md) 0}.d4-btn-group--compact .d4-btn:not(:last-child){border-right:none}.d4-btn--icon{padding:var(--d4-space-4);aspect-ratio:1}.d4-btn--icon.d4-btn--sm{padding:var(--d4-space-2)}.d4-input{display:block;width:100%;padding:var(--d4-space-4) var(--d4-space-6);font-family:var(--d4-font-mono);font-size:var(--d4-text-md);line-height:var(--d4-leading-normal);color:var(--d4-text-secondary);background:var(--d4-bg-elevated);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-md);outline:none;transition:border-color var(--d4-transition-base),box-shadow var(--d4-transition-base)}.d4-input:hover{border-color:var(--d4-border-strong)}.d4-input:focus{border-color:var(--d4-color-lime);box-shadow:0 0 0 1px var(--d4-color-lime-glow)}.d4-input::placeholder{color:var(--d4-text-muted)}.d4-input:disabled{opacity:.5;cursor:not-allowed}.d4-input--sm{padding:var(--d4-space-2) var(--d4-space-4);font-size:var(--d4-text-base)}.d4-input--lg{padding:var(--d4-space-5) var(--d4-space-8);font-size:var(--d4-text-lg)}.d4-select{display:block;padding:var(--d4-space-4) var(--d4-space-6);padding-right:var(--d4-space-16);font-family:var(--d4-font-mono);font-size:var(--d4-text-md);line-height:var(--d4-leading-normal);color:var(--d4-text-secondary);background:var(--d4-bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888'%3E%3Cpath d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-md);cursor:pointer;outline:none;appearance:none;transition:border-color var(--d4-transition-base)}.d4-select:hover{border-color:var(--d4-border-strong)}.d4-select:focus{border-color:var(--d4-color-lime)}.d4-select:disabled{opacity:.5;cursor:not-allowed}.d4-textarea{display:block;width:100%;min-height:100px;padding:var(--d4-space-4) var(--d4-space-6);font-family:var(--d4-font-mono);font-size:var(--d4-text-md);line-height:var(--d4-leading-relaxed);color:var(--d4-text-secondary);background:var(--d4-bg-elevated);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-md);outline:none;resize:vertical;transition:border-color var(--d4-transition-base)}.d4-textarea:focus{border-color:var(--d4-color-lime)}.d4-checkbox,.d4-radio{width:16px;height:16px;cursor:pointer;accent-color:var(--d4-color-lime)}.d4-input-group{display:flex;gap:var(--d4-space-4);align-items:center}.d4-input-group .d4-input{flex:1}.d4-field{margin-bottom:var(--d4-space-8)}.d4-field__label{display:block;font-size:var(--d4-text-sm);color:var(--d4-text-muted);margin-bottom:var(--d4-space-2);text-transform:uppercase;letter-spacing:var(--d4-tracking-wide)}.d4-field__hint{font-size:var(--d4-text-sm);color:var(--d4-text-dim);margin-top:var(--d4-space-2)}.d4-field__error{font-size:var(--d4-text-sm);color:var(--d4-color-error);margin-top:var(--d4-space-2)}.d4-search{position:relative}.d4-search .d4-input{padding-left:var(--d4-space-16)}.d4-search__icon{position:absolute;left:var(--d4-space-6);top:50%;transform:translateY(-50%);color:var(--d4-text-muted);pointer-events:none}.d4-card{background:var(--d4-bg-surface);border:1px solid var(--d4-border-subtle);border-radius:var(--d4-radius-xl);padding:var(--d4-space-8)}.d4-card--elevated{background:var(--d4-bg-elevated)}.d4-card--bordered{border-color:var(--d4-border-default)}.d4-card--interactive{cursor:pointer;transition:border-color var(--d4-transition-base),transform var(--d4-transition-fast)}.d4-card--interactive:hover{border-color:var(--d4-color-lime);transform:translateY(-2px)}.d4-stat-card{background:var(--d4-bg-surface);border:1px solid var(--d4-border-subtle);border-radius:var(--d4-radius-xl);padding:var(--d4-space-8);text-align:center}.d4-stat-card__label{font-size:var(--d4-text-sm);color:var(--d4-text-dim);text-transform:uppercase;letter-spacing:var(--d4-tracking-wide);margin-bottom:var(--d4-space-4)}.d4-stat-card__value{font-size:var(--d4-text-5xl);font-weight:var(--d4-font-semibold);line-height:var(--d4-leading-tight);color:var(--d4-color-lime);margin-bottom:var(--d4-space-2)}.d4-stat-card__sub{font-size:var(--d4-text-sm);color:var(--d4-text-dim)}.d4-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--d4-space-6);margin-bottom:var(--d4-space-12)}.d4-panel{background:var(--d4-bg-surface);border:1px solid var(--d4-border-subtle);border-radius:var(--d4-radius-xl);padding:var(--d4-space-10);min-height:400px}.d4-panel--compact{padding:var(--d4-space-8);min-height:auto}.d4-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--d4-space-8);padding-bottom:var(--d4-space-8);border-bottom:1px solid var(--d4-border-subtle)}.d4-card__title{font-size:var(--d4-text-xl);font-weight:var(--d4-font-semibold);color:var(--d4-color-lime)}.d4-card__actions{display:flex;gap:var(--d4-space-4)}.d4-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--d4-space-8)}.d4-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--d4-space-4) 0;border-bottom:1px solid var(--d4-border-subtle)}.d4-info-row:last-child{border-bottom:none}.d4-info-row__label{font-size:var(--d4-text-sm);color:var(--d4-text-muted)}.d4-info-row__value{font-size:var(--d4-text-md);color:var(--d4-text-secondary);font-family:var(--d4-font-mono)}.d4-empty{text-align:center;padding:var(--d4-space-20) var(--d4-space-10);color:var(--d4-text-dim)}.d4-empty__title{font-size:var(--d4-text-lg);color:var(--d4-text-muted);margin-bottom:var(--d4-space-4)}.d4-empty__description{font-size:var(--d4-text-base)}.d4-table{width:100%;border-collapse:collapse;font-size:var(--d4-text-md)}.d4-table th{text-align:left;padding:var(--d4-space-6) var(--d4-space-4);border-bottom:1px solid var(--d4-border-default);color:var(--d4-text-muted);font-weight:var(--d4-font-medium);font-size:var(--d4-text-base);-webkit-user-select:none;user-select:none}.d4-table th.d4-th--sortable{cursor:pointer;transition:color var(--d4-transition-base)}.d4-table th.d4-th--sortable:hover{color:var(--d4-text-secondary)}.d4-table th.d4-th--active{color:var(--d4-color-lime)}.d4-table th.d4-th--right{text-align:right}.d4-table th.d4-th--center{text-align:center}.d4-table td{padding:var(--d4-space-6) var(--d4-space-4);border-bottom:1px solid var(--d4-border-subtle);color:var(--d4-text-secondary);vertical-align:middle;font-weight:var(--d4-font-medium)}.d4-table td.d4-td--right{text-align:right}.d4-table td.d4-td--center{text-align:center}.d4-table td.d4-td--mono{font-family:var(--d4-font-mono)}.d4-table td.d4-td--hash{color:var(--d4-color-cyan);font-family:var(--d4-font-mono)}.d4-table td.d4-td--peer{color:var(--d4-color-lime);font-family:var(--d4-font-mono)}.d4-table td.d4-td--success{color:var(--d4-color-success)}.d4-table td.d4-td--error{color:var(--d4-color-error)}.d4-table td.d4-td--warning{color:var(--d4-color-warning)}.d4-table td.d4-td--muted{color:var(--d4-text-muted)}.d4-table tr.d4-tr--interactive{cursor:pointer;transition:background var(--d4-transition-base)}.d4-table tr.d4-tr--interactive:hover{background:var(--d4-bg-elevated)}.d4-table tr.d4-tr--selected{background:var(--d4-bg-hover)}.d4-table--striped tbody tr:nth-child(2n){background:var(--d4-bg-surface)}.d4-table-controls{display:flex;gap:var(--d4-space-6);align-items:center;margin-bottom:var(--d4-space-8)}.d4-table-controls .d4-input{flex:1}.d4-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--d4-space-8);padding-top:var(--d4-space-8);border-top:1px solid var(--d4-border-subtle)}.d4-pagination__info{font-size:var(--d4-text-sm);color:var(--d4-text-muted)}.d4-pagination__buttons{display:flex;gap:var(--d4-space-2)}.d4-progress{display:flex;align-items:center;gap:var(--d4-space-4)}.d4-progress__bar{width:60px;height:6px;background:var(--d4-border-default);border-radius:var(--d4-radius-sm);overflow:hidden}.d4-progress__fill{height:100%;border-radius:var(--d4-radius-sm);transition:width var(--d4-transition-slow)}.d4-progress__value{font-size:var(--d4-text-sm);color:var(--d4-text-secondary);min-width:24px}.d4-table-container{width:100%;overflow-x:auto}.d4-badge{display:inline-flex;align-items:center;gap:var(--d4-space-2);padding:var(--d4-space-1) var(--d4-space-3);font-family:var(--d4-font-mono);font-size:var(--d4-text-xs);font-weight:var(--d4-font-semibold);line-height:var(--d4-leading-snug);border-radius:var(--d4-radius-sm);border:1px solid currentColor;white-space:nowrap}.d4-badge--lime{color:var(--d4-color-lime);background:var(--d4-color-lime-glow)}.d4-badge--success{color:var(--d4-color-success);background:var(--d4-color-success-bg)}.d4-badge--error{color:var(--d4-color-error);background:var(--d4-color-error-bg)}.d4-badge--warning{color:var(--d4-color-warning);background:var(--d4-color-warning-bg)}.d4-badge--cyan{color:var(--d4-color-cyan);background:var(--d4-color-cyan-bg)}.d4-badge--neutral{color:var(--d4-text-muted);background:var(--d4-bg-elevated);border-color:var(--d4-border-default)}.d4-chip{display:inline-block;padding:var(--d4-space-1) var(--d4-space-3);font-family:var(--d4-font-mono);font-size:var(--d4-text-xs);background:var(--d4-bg-elevated);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-sm);color:var(--d4-text-muted)}.d4-chip--interactive{cursor:pointer;transition:all var(--d4-transition-base)}.d4-chip--interactive:hover{border-color:var(--d4-color-lime);color:var(--d4-text-secondary)}.d4-status-dot{width:8px;height:8px;border-radius:var(--d4-radius-full);flex-shrink:0}.d4-status-dot--connected{background:var(--d4-color-success);box-shadow:var(--d4-shadow-glow-success)}.d4-status-dot--connecting{background:var(--d4-color-lime);box-shadow:var(--d4-shadow-glow-lime);animation:d4-glow-pulse 2s ease-in-out infinite}.d4-status-dot--error{background:var(--d4-color-error);box-shadow:var(--d4-shadow-glow-error)}.d4-status-dot--disconnected{background:var(--d4-text-dim)}.d4-status-dot--warning{background:var(--d4-color-warning)}.d4-status{display:inline-flex;align-items:center;gap:var(--d4-space-4);font-size:var(--d4-text-base);color:var(--d4-text-dim)}.d4-state--connected{color:var(--d4-color-success)}.d4-state--connecting{color:var(--d4-color-lime)}.d4-state--disconnected{color:var(--d4-text-dim)}.d4-state--failed,.d4-state--error{color:var(--d4-color-error)}.d4-verification{display:inline-flex;align-items:center;gap:var(--d4-space-2);padding:var(--d4-space-1) var(--d4-space-3);font-size:var(--d4-text-xs);font-weight:var(--d4-font-semibold);border-radius:var(--d4-radius-sm);border:1px solid}.d4-verification--chain{color:var(--d4-color-lime);background:var(--d4-color-lime-glow);border-color:var(--d4-color-lime)}.d4-verification--source{color:var(--d4-color-info);background:#4a9eff1a;border-color:var(--d4-color-info)}.d4-verification--community{color:var(--d4-color-gold);background:#ffd7001a;border-color:var(--d4-color-gold)}.d4-verification--none{color:var(--d4-text-dim);background:var(--d4-bg-elevated);border-color:var(--d4-border-default)}.d4-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--d4-space-2);font-size:var(--d4-text-xs);font-weight:var(--d4-font-semibold);background:var(--d4-color-lime);color:var(--d4-bg-base);border-radius:var(--d4-radius-full)}.d4-count--muted{background:var(--d4-bg-hover);color:var(--d4-text-muted)}.d4-modal-overlay{position:fixed;inset:0;background:var(--d4-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--d4-z-modal);padding:var(--d4-space-10)}.d4-modal{background:var(--d4-bg-surface);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-2xl);width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.d4-modal--sm{max-width:400px}.d4-modal--lg{max-width:800px}.d4-modal--xl{max-width:1000px}.d4-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--d4-space-10) var(--d4-space-12);border-bottom:1px solid var(--d4-border-subtle);flex-shrink:0}.d4-modal__title{font-size:var(--d4-text-2xl);font-weight:var(--d4-font-semibold);color:var(--d4-color-lime)}.d4-modal__subtitle{font-size:var(--d4-text-md);color:var(--d4-text-muted);margin-top:var(--d4-space-2)}.d4-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--d4-text-dim);font-size:24px;cursor:pointer;padding:0;line-height:1;border-radius:var(--d4-radius-md);transition:all var(--d4-transition-base)}.d4-modal__close:hover{background:var(--d4-bg-elevated);color:var(--d4-text-secondary)}.d4-modal__body{padding:var(--d4-space-12);overflow-y:auto;flex:1}.d4-modal__body--compact{padding:var(--d4-space-8)}.d4-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--d4-space-4);padding:var(--d4-space-8) var(--d4-space-12);border-top:1px solid var(--d4-border-subtle);flex-shrink:0}.d4-modal__footer--between{justify-content:space-between}.d4-modal__section{margin-bottom:var(--d4-space-10)}.d4-modal__section:last-child{margin-bottom:0}.d4-modal__section-title{font-size:var(--d4-text-sm);font-weight:var(--d4-font-medium);color:var(--d4-text-dim);text-transform:uppercase;letter-spacing:var(--d4-tracking-wide);margin-bottom:var(--d4-space-6)}.d4-dropdown{position:absolute;background:var(--d4-bg-surface);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-lg);padding:var(--d4-space-2);min-width:160px;z-index:var(--d4-z-dropdown);box-shadow:var(--d4-shadow-lg)}.d4-dropdown__item{display:flex;align-items:center;gap:var(--d4-space-4);padding:var(--d4-space-4) var(--d4-space-6);font-size:var(--d4-text-md);color:var(--d4-text-secondary);border-radius:var(--d4-radius-md);cursor:pointer;transition:all var(--d4-transition-base)}.d4-dropdown__item:hover{background:var(--d4-bg-elevated);color:var(--d4-text-primary)}.d4-dropdown__item--danger{color:var(--d4-color-error)}.d4-dropdown__item--danger:hover{background:var(--d4-color-error-bg)}.d4-dropdown__divider{height:1px;background:var(--d4-border-subtle);margin:var(--d4-space-2) 0}.d4-tooltip{position:absolute;background:var(--d4-bg-elevated);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-md);padding:var(--d4-space-3) var(--d4-space-4);font-size:var(--d4-text-sm);color:var(--d4-text-secondary);z-index:var(--d4-z-tooltip);white-space:nowrap;pointer-events:none}.d4-tabs{display:flex;gap:var(--d4-space-2);padding-bottom:var(--d4-space-6);border-bottom:1px solid var(--d4-border-subtle);margin-bottom:var(--d4-space-10)}.d4-tabs--compact{gap:0;margin-bottom:var(--d4-space-8)}.d4-tab{padding:var(--d4-space-4) var(--d4-space-8);background:transparent;border:none;border-radius:var(--d4-radius-md) var(--d4-radius-md) 0 0;color:var(--d4-text-muted);cursor:pointer;font-family:var(--d4-font-mono);font-size:var(--d4-text-md);font-weight:var(--d4-font-normal);transition:all var(--d4-transition-base);position:relative}.d4-tab:hover{color:var(--d4-text-secondary);background:var(--d4-bg-elevated)}.d4-tab--active{color:var(--d4-color-lime);background:var(--d4-bg-elevated)}.d4-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--d4-color-lime)}.d4-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--d4-space-2);margin-left:var(--d4-space-3);font-size:var(--d4-text-xs);font-weight:var(--d4-font-semibold);background:var(--d4-bg-hover);color:var(--d4-text-muted);border-radius:var(--d4-radius-full)}.d4-tab--active .d4-tab__count{background:var(--d4-color-lime);color:var(--d4-bg-base)}.d4-tabs--pills{border-bottom:none;gap:var(--d4-space-2);padding:var(--d4-space-2);background:var(--d4-bg-surface);border-radius:var(--d4-radius-lg)}.d4-tabs--pills .d4-tab{border-radius:var(--d4-radius-md);padding:var(--d4-space-3) var(--d4-space-6)}.d4-tabs--pills .d4-tab--active{background:var(--d4-color-lime);color:var(--d4-bg-base)}.d4-tabs--pills .d4-tab--active:after{display:none}.d4-tabs--vertical{flex-direction:column;border-bottom:none;border-right:1px solid var(--d4-border-subtle);padding-bottom:0;padding-right:var(--d4-space-6);margin-bottom:0;margin-right:var(--d4-space-10)}.d4-tabs--vertical .d4-tab{border-radius:var(--d4-radius-md) 0 0 var(--d4-radius-md);text-align:left}.d4-tabs--vertical .d4-tab--active:after{inset:0 -1px 0 auto;width:2px;height:auto}.d4-tab-panel{display:none}.d4-tab-panel--active{display:block}.d4-metric-group{display:flex;flex-wrap:wrap;gap:var(--d4-space-2);margin-bottom:var(--d4-space-8)}.d4-metric-btn{padding:var(--d4-space-2) var(--d4-space-4);background:var(--d4-bg-elevated);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-md);color:var(--d4-text-muted);cursor:pointer;font-family:var(--d4-font-mono);font-size:var(--d4-text-sm);transition:all var(--d4-transition-base)}.d4-metric-btn:hover{border-color:var(--d4-border-strong);color:var(--d4-text-secondary)}.d4-metric-btn--active{border-color:var(--d4-color-lime);color:var(--d4-color-lime);background:var(--d4-color-lime-glow)}.d4-four-container{display:inline-block;position:relative;vertical-align:middle;line-height:1}.d4-four-a,.d4-four-b,.d4-four-c,.d4-four-d{position:absolute;left:0;top:0;color:var(--d4-color-lime);font-weight:var(--d4-font-normal);font-size:inherit;line-height:1;will-change:transform,opacity;transform-origin:center center}.d4-four-a{animation:d4-fourA 4.444s ease-in-out infinite}.d4-four-b{animation:d4-fourB 4.444s ease-in-out infinite}.d4-four-c{animation:d4-fourC 4.444s ease-in-out infinite}.d4-four-d{animation:d4-fourD 4.444s ease-in-out infinite}@keyframes d4-fourA{0%,3%{transform:scale(1) translate(0);opacity:1}22%,28%{transform:scale(.45) translate(-12px,-14px);opacity:.5}47%,53%{transform:scale(.45) translate(18px,-14px);opacity:.5}72%,78%{transform:scale(.45) translate(3px,12px);opacity:.5}97%,to{transform:scale(1) translate(0);opacity:1}}@keyframes d4-fourB{0%,3%{transform:scale(.45) translate(-12px,-14px);opacity:.5}22%,28%{transform:scale(.45) translate(18px,-14px);opacity:.5}47%,53%{transform:scale(.45) translate(3px,12px);opacity:.5}72%,78%{transform:scale(1) translate(0);opacity:1}97%,to{transform:scale(.45) translate(-12px,-14px);opacity:.5}}@keyframes d4-fourC{0%,3%{transform:scale(.45) translate(18px,-14px);opacity:.5}22%,28%{transform:scale(.45) translate(3px,12px);opacity:.5}47%,53%{transform:scale(1) translate(0);opacity:1}72%,78%{transform:scale(.45) translate(-12px,-14px);opacity:.5}97%,to{transform:scale(.45) translate(18px,-14px);opacity:.5}}@keyframes d4-fourD{0%,3%{transform:scale(.45) translate(3px,12px);opacity:.5}22%,28%{transform:scale(1) translate(0);opacity:1}47%,53%{transform:scale(.45) translate(-12px,-14px);opacity:.5}72%,78%{transform:scale(.45) translate(18px,-14px);opacity:.5}97%,to{transform:scale(.45) translate(3px,12px);opacity:.5}}@keyframes d4-main-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes d4-main-glitch-out{0%{opacity:1;transform:translate(0) skew(0);filter:none}20%{opacity:.8;transform:translate(3px) skew(-2deg);filter:hue-rotate(90deg)}40%{opacity:.6;transform:translate(-5px) skew(3deg);filter:hue-rotate(180deg) blur(1px)}60%{opacity:.4;transform:translate(8px) skew(-1deg);filter:hue-rotate(270deg) blur(2px)}80%{opacity:.2;transform:translate(-3px) skew(2deg);filter:blur(3px)}to{opacity:0;transform:translate(-10px) skew(0);filter:blur(4px)}}.d4-main-cursor{display:inline-block;width:8px;height:14px;background:var(--d4-color-lime);margin-left:2px;animation:d4-main-blink 1s step-end infinite}.d4-main-glitch-out{animation:d4-main-glitch-out .3s ease-out forwards}.d4-main-popover{position:absolute;top:100%;right:0;margin-top:var(--d4-space-4);background:var(--d4-bg-surface);border:1px solid var(--d4-border-default);border-radius:var(--d4-radius-lg);padding:0;min-width:320px;max-height:320px;overflow-y:auto;z-index:1000;box-shadow:0 10px 30px #00000080}.d4-main-sticky-bottom{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a0a0af2,#0a0a0acc);border-top:1px solid var(--d4-border-default);padding:var(--d4-space-6) var(--d4-space-10);text-align:center;font-size:var(--d4-text-sm);color:var(--d4-text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}