:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--header-height:70px;--text-color:#1f2937;--text-secondary:#6b7280;--bg-color:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--border-radius:12px;--border-radius-lg:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--font-mono:"SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace}html.dark-theme{--text-color:#f9fafb;--text-secondary:#d1d5db;--bg-color:#111827;--bg-secondary:#1f2937;--border-color:#374151}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--bg-color) 0%, var(--bg-secondary) 100%);color:var(--text-color);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}.analytics-members-only{text-align:center;max-width:600px;margin:0 auto;padding:40px}.analytics-members-only-title{color:var(--text-color);margin-bottom:20px}.analytics-members-only-copy{color:var(--text-secondary);margin-bottom:30px;font-size:1.1em}.analytics-members-only-link{box-shadow:var(--shadow-md);color:#fff;background:#95554f;border-radius:8px;padding:12px 24px;font-size:1.1em;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.analytics-members-only-link:hover{box-shadow:var(--shadow-lg);background:#7a443f;transform:translateY(-1px)}html.dark-theme .analytics-members-only-link{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))}html.dark-theme .analytics-members-only-link:hover{background:linear-gradient(135deg, var(--primary-hover), var(--secondary-color))}.analytics-error-card{grid-column:1/-1}.analytics-error-content{text-align:center;padding:2rem}.analytics-error-title{color:var(--error-color);margin-bottom:1rem}.analytics-error-message{color:var(--text-secondary)}.header{height:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);background:#fffffff2;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}html.dark-theme .header{border-bottom-color:var(--border-color);background:#111827f2}.header-logo{align-items:center;gap:1rem;display:flex}.header-logo img{height:40px;box-shadow:var(--shadow-sm);border-radius:8px}.header-title{color:var(--text-color);margin:0;font-size:1.2rem;font-weight:600}.header-nav{align-items:center;margin-left:auto;display:flex}.header-nav a{color:var(--text-color);margin-left:1.5rem;font-size:1rem;font-weight:500;text-decoration:none}.header-nav a:hover{color:var(--primary-color)}.main-content{padding-top:calc(var(--header-height) + .5rem);max-width:1920px;margin:0 auto;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem}.dashboard-grid{height:calc(100vh - var(--header-height) - 4rem);grid-template-columns:300px 1fr;gap:1rem;display:grid}.analytics-tab-controls{align-items:center;gap:8px;margin:0 0 10px;display:flex}.sidebar{background:var(--bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);height:100%;padding:1rem;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem}.sidebar-title{color:var(--text-color);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.sidebar-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.attribute-search{margin-bottom:1rem}.search-input{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);transition:var(--transition);border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.attribute-list{flex-direction:column;gap:.25rem;max-height:calc(100vh - 300px);display:flex;overflow-y:auto}.attribute-item{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.attribute-item:hover{background:#6366f10d;border-color:#6366f133}.attribute-item.selected{background:#95554f1a;border-color:#95554f}.attribute-item--filtered-out{display:none}.attribute-item.selected .attribute-name{color:#95554f;font-weight:600}.attribute-item.selected .attribute-checkbox{background:#95554f;border-color:#95554f}.attribute-icon{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.attribute-icon img{object-fit:contain;width:24px;height:24px}.attribute-icon img.is-hidden{display:none}.attribute-info{flex:1;min-width:0}.attribute-name{color:var(--text-color);margin:0;font-size:.95rem;font-weight:500}.attribute-description{color:var(--text-secondary);margin:0;font-size:.75rem}.attribute-checkbox{border:2px solid var(--border-color);background:var(--bg-color);cursor:pointer;width:18px;height:18px;transition:var(--transition);border-radius:4px;flex-shrink:0}.attribute-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color)}.charts-container{grid-template-columns:1fr 1fr;gap:1rem;height:100%;display:grid;overflow-y:auto}.chart-card{background:var(--bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;min-height:500px;padding:1rem;display:flex}.analytics-auto-height{height:auto}.analytics-card-tall{height:640px}.analytics-card-large{height:600px}.analytics-hidden,.analytics-view-hidden{display:none}.analytics-hidden-canvas{display:none!important}.analytics-title-tight{margin:0}.chart-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.chart-title{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:700}.chart-subtitle{color:var(--text-secondary);margin:.1rem 0 0;font-size:.95rem}.chart-controls{align-items:center;gap:.5rem;display:flex}.chart-toggle{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);cursor:pointer;transition:var(--transition);border-radius:6px;padding:.5rem 1rem;font-size:.95rem;font-weight:500}.chart-toggle:hover{background:var(--bg-secondary)}.chart-toggle.active{color:#fff;background:#95554f;border-color:#95554f}.analytics-corr-controls{align-items:center;gap:8px;margin-right:12px;display:none}.analytics-corr-controls--visible{display:flex}.chart-content{flex:1;min-height:300px;position:relative}.chart-canvas{width:100%!important;height:100%!important}.date-controls{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.5rem}.date-range{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.date-input{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.95rem}.date-input:focus{border-color:var(--primary-color);outline:none}.date-slider{background:var(--bg-secondary);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.date-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;width:10px;height:10px;box-shadow:var(--shadow-md);border-radius:50%}.date-slider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;width:10px;height:10px;box-shadow:var(--shadow-md);border:none;border-radius:50%}.noUi-handle{background:var(--primary-color)!important;border:2px solid var(--bg-color)!important;width:12px!important;height:12px!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important;border-radius:50%!important;top:-4px!important;right:-6px!important}.noUi-handle:before,.noUi-handle:after{display:none!important}.noUi-connects{background:var(--bg-secondary)!important}.noUi-connect{background:var(--primary-color)!important}.noUi-horizontal .noUi-handle{top:-4px!important;right:-6px!important}#analyticsView .chart-content{min-height:250px!important}#orderBookView .charts-container{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.orderbook-stats{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.9rem;display:flex}.orderbook-zoom-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.orderbook-zoom-slider{accent-color:#95554f;width:180px}.orderbook-zoom-value{text-align:right;min-width:38px}#orderBookPunkId{max-width:120px}.orderbook-apply{padding:.45rem .7rem}.orderbook-date-note{color:var(--text-secondary);margin-top:8px;font-size:.8rem}.orderbook-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.orderbook-pill{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:999px;padding:6px 10px}.orderbook-table-wrap{flex-direction:column;gap:12px;max-height:100%;display:flex;overflow-y:auto}.orderbook-table-title{color:var(--text-secondary);margin:0 0 6px;font-size:.95rem}.orderbook-table{border-collapse:collapse;width:100%;font-size:.85rem}.orderbook-table th,.orderbook-table td{border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:6px 8px}.orderbook-table td.number{text-align:right;font-variant-numeric:tabular-nums}.orderbook-empty-cell{color:var(--text-secondary);padding:12px 8px}.orderbook-punk-cell,.orderbook-address-cell{align-items:center;gap:6px;display:inline-flex}.orderbook-punk-link,.orderbook-address-link{color:var(--text-color);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.orderbook-punk-link:hover,.orderbook-address-link:hover{text-decoration:underline}.orderbook-punk-thumb{border:1px solid var(--border-color);width:20px;height:20px;image-rendering:pixelated;background:var(--bg-secondary);object-fit:cover;border-radius:4px;flex-shrink:0}.orderbook-trait-thumb{width:24px;height:24px;image-rendering:pixelated;object-fit:contain;vertical-align:middle;cursor:default;border-radius:3px}.orderbook-trait-thumb.is-hidden{display:none}.ob-gender-icon{margin-right:2px;font-size:.85rem}.ob-trait-fallback{color:var(--text-secondary);font-size:.78rem}.ob-trait-fallback--hidden{display:none}.ob-trait-fallback--hidden.is-visible{display:inline}.orderbook-mini-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:2px 5px;font-size:11px;line-height:1;transition:all .2s}.orderbook-mini-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:#95554f14}.orderbook-mini-btn.copied{color:#fff;background:#16a34a;border-color:#16a34a}.orderbook-ext-link{color:var(--text-secondary);justify-content:center;align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.orderbook-ext-link:hover{color:var(--primary-color)}.ob-summary-bar{flex-wrap:wrap;align-items:center;gap:20px;padding:10px 0 6px;display:flex}.ob-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ob-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.ob-stat-value{font-variant-numeric:tabular-nums;color:var(--text-color);font-size:1.05rem;font-weight:700}.ob-stat-sep{background:var(--border-color);flex-shrink:0;width:1px;height:36px}.ob-stat-dim{color:var(--text-secondary);margin-left:auto;font-size:.78rem}.ob-bid-color{color:#10b981!important}.ob-ask-color{color:#ef4444!important}.ob-spread-negative{color:var(--text-secondary)!important}.ob-facing-layout{gap:0;height:100%;display:flex;overflow:hidden}.ob-side{flex:1;min-width:0;overflow-y:auto}.ob-side-title{border-bottom:1px solid var(--border-color);padding:8px 8px 4px;font-size:.82rem;font-weight:600}.ob-spread-badge{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ob-spread-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.ob-spread-value{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-color);font-size:.85rem;font-weight:600}.ob-bid-price{color:#10b981;font-weight:600}.ob-ask-price{color:#ef4444;font-weight:600}.ob-sort-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.ob-sort-th:hover{opacity:.75}.ob-trait-group{flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.theme-toggle{background:var(--bg-color);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-color);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg);z-index:9999;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:fixed;bottom:2rem;left:2rem}.theme-toggle:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.theme-toggle{z-index:9999!important}.loading{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:32px;height:32px;margin-right:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;margin-left:auto;padding:.5rem;font-size:1.5rem;display:none}@media (width<=1200px){.dashboard-grid{grid-template-columns:250px 1fr;gap:1.5rem}}@media (width<=1024px){.dashboard-grid{height:auto;min-height:calc(100vh - var(--header-height) - 4rem);grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{height:auto;max-height:300px}.charts-container{grid-template-columns:1fr;gap:1.5rem}#orderBookView .charts-container{grid-template-columns:1fr}.chart-card{min-height:400px}}@media (width<=768px){.menu-toggle{display:block}.main-content{padding:calc(var(--header-height) + 1rem) 1rem 1rem;height:auto;overflow-y:auto}.dashboard-grid{flex-direction:column;gap:1rem;height:auto;min-height:auto;display:flex}.sidebar{order:1;height:auto;max-height:350px}.charts-container{flex-direction:column;order:2;gap:1rem;display:flex}.chart-card{min-height:350px;margin-bottom:1rem}.header{padding:0 1rem}.header-nav{top:var(--header-height);background-color:var(--bg-color);z-index:1000;border-left:1px solid var(--secondary-color);border-radius:8px 0 0 8px;flex-direction:column;align-items:stretch;width:200px;padding:0;animation:.3s ease-out slideInRight;display:none;position:absolute;right:0;box-shadow:-4px 0 12px #00000026}.header-nav.open{display:flex}.header-nav a{width:100%;color:var(--text-color);border-bottom:1px solid #95554f33;align-items:center;margin:0;padding:18px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.header-nav a:last-child{border-bottom:none}.header-nav a:hover{color:var(--text-color);background-color:#95554f1a}.header-nav a:active{background-color:#95554f33}.header-nav a:before{content:"";opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;margin-right:12px}html.dark-theme .header-nav a[href=\/]:before,.header-nav a[href=\/]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9,22 9,12 15,12 15,22'%3E%3C/polyline%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=wallet]:before,.header-nav a[href*=wallet]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12V8H6a2 2 0 0 1-2-2c0-1.1.9-2 2-2h12v4'%3E%3C/path%3E%3Cpath d='M4 6v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H4z'%3E%3C/path%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=comparison]:before,.header-nav a[href*=comparison]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9,11 12,14 22,4'%3E%3C/polyline%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'%3E%3C/path%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=gainers]:before,.header-nav a[href*=gainers]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5,12 12,5 19,12'%3E%3C/polyline%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=docs]:before,.header-nav a[href*=docs]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14,2 14,8 20,8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10,9 9,9 8,9'%3E%3C/polyline%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=analytics]:before,.header-nav a[href*=analytics]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'%3E%3C/line%3E%3Cline x1='12' y1='20' x2='12' y2='4'%3E%3C/line%3E%3Cline x1='6' y1='20' x2='6' y2='14'%3E%3C/line%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=performance]:before,.header-nav a[href*=performance]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18'%3E%3C/path%3E%3Cpolyline points='7,14 11,10 14,13 20,7'%3E%3C/polyline%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=lending]:before,.header-nav a[href*=lending]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='10' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M16 12h5'%3E%3C/path%3E%3C/svg%3E")}html.dark-theme .header-nav a[href*=dashboard]:before,.header-nav a[href*=dashboard]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='14' width='7' height='7'%3E%3C/rect%3E%3Crect x='3' y='14' width='7' height='7'%3E%3C/rect%3E%3C/svg%3E")}html.dark-theme .header-nav a[id=pricing-link]:before,.header-nav a[id=pricing-link]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'%3E%3C/line%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'%3E%3C/path%3E%3C/svg%3E")}html.dark-theme .header-nav a[id=support-link]:before,.header-nav a[id=support-link]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E")}.menu-toggle{border:2px solid var(--secondary-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-width:40px;padding:8px;transition:all .2s;display:flex}.menu-toggle:hover{background-color:#95554f1a;transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}html.dark-theme .header-nav a:active{background-color:#fff3}html.dark-theme .header-nav a:before{filter:invert()}html.dark-theme .menu-toggle{color:#fff;border-color:#fff}.chart-card{padding:1rem}.theme-toggle{width:40px;height:40px;font-size:1rem;bottom:1rem;left:1rem}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}html.dark-theme .header-nav a,html.dark-theme .header-title,html.dark-theme .menu-toggle{color:#fff}@media (width<=768px){html.dark-theme .header-nav{background-color:#2d2d2d;border-left:1px solid #444;box-shadow:-4px 0 12px #0000004d}html.dark-theme .header-nav a{color:#fff;border-bottom:1px solid #ffffff1a}html.dark-theme .header-nav a:hover{background-color:#ffffff1a}html.dark-theme .header-nav a:active{background-color:#fff3}html.dark-theme .menu-toggle{color:#fff;border-color:#fff}html.dark-theme .menu-toggle:hover{background-color:#ffffff1a}}.modal{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-xl);margin:10% auto;padding:2rem;position:relative}.close-modal{color:var(--text-secondary);float:right;cursor:pointer;transition:var(--transition);font-size:28px;font-weight:700;position:absolute;top:1rem;right:1.5rem}.close-modal:hover{color:var(--text-color)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}