:root{--color-cyan:#22d3ee;--color-cyan-light:#6ee7f7;--color-indigo:#818cf8;--color-indigo-deep:#6366f1;--gradient-brand:linear-gradient(135deg, var(--color-cyan) 0%, var(--color-indigo) 100%);--gradient-brand-h:linear-gradient(90deg, var(--color-cyan) 0%, var(--color-indigo) 100%);--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#fff;--color-surface-alt:#f8fafc;--color-border:#e2e8f0;--color-border-focus:var(--color-cyan);--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-accent:#0ea5e9;--color-accent-2:var(--color-indigo-deep);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a, 0 2px 6px #00000012;--shadow-lg:0 10px 40px #0000001f, 0 4px 12px #00000014;--shadow-glow:0 0 24px #22d3ee59;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Courier New", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#0b1120;--color-bg-alt:#111827;--color-surface:#1a2540;--color-surface-alt:#162033;--color-border:#1e3a5f;--color-border-focus:var(--color-cyan);--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-accent:var(--color-cyan);--color-accent-2:var(--color-indigo);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 10px 40px #0009}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:var(--radius-sm)}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);font-size:15px;line-height:1.55}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-indigo)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.25}h2{margin-bottom:1rem;font-size:1.5rem}h3{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1.1rem}.gradient-text{background:var(--gradient-brand-h);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.input{width:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:15px;display:block}.input::placeholder{color:var(--color-text-subtle)}.input:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px #22d3ee26}.top-nav{z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);align-items:center;gap:2rem;height:64px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:-.03em;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.nav-brand img,.nav-brand svg{flex-shrink:0;width:32px;height:32px}.nav-brand em{background:var(--gradient-brand-h);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.nav-brand-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-left:.35rem;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.nav-links{gap:.25rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:.45rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500}.nav-link:hover{background:var(--color-bg-alt);color:var(--color-text)}.nav-link:focus,.nav-link:focus-visible{outline:none}.nav-link-active{color:var(--color-text);background:var(--color-bg-alt);font-weight:600}.main-content{max-width:1200px;margin:0 auto;padding:88px 1.5rem 3rem}.btn{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex}.btn:hover{border-color:var(--color-cyan);color:var(--color-cyan);background:#22d3ee0f}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-brand-h);color:#0b1120;border:none;box-shadow:0 4px 14px #22d3ee40}.btn-primary:hover{color:#0b1120;background:var(--gradient-brand-h);opacity:.92;box-shadow:0 6px 20px #22d3ee59}.btn-back{color:var(--color-text-muted);margin-bottom:1rem}.btn-back:before{content:"← "}.btn-copy{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;margin-left:.5rem;padding:.2rem .55rem;font-family:inherit;font-size:.72rem;font-weight:600}.btn-copy:hover{color:var(--color-cyan);border-color:var(--color-cyan);background:#22d3ee14}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.filter-bar{flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;display:flex}.filter-btn{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .95rem;font-family:inherit;font-size:.82rem;font-weight:500}.filter-btn:hover{color:var(--color-text);border-color:var(--color-cyan)}.filter-btn-active{background:var(--gradient-brand-h);color:#0b1120;border-color:#0000;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);padding:1.75rem 1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-brand-h);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#22d3ee59;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-number{letter-spacing:-.04em;background:var(--gradient-brand-h);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:800}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem;font-size:.85rem;font-weight:600}.stat-link{color:var(--color-text-subtle);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin-top:.75rem;font-family:inherit;font-size:.78rem}.stat-link:hover{color:var(--color-cyan)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;background:var(--color-surface);table-layout:auto;width:100%}.data-table th{text-align:left;background:var(--color-bg-alt);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);white-space:nowrap;min-width:80px;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--color-border);white-space:nowrap;color:var(--color-text);padding:.8rem 1rem;font-size:.88rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable-row{cursor:pointer;transition:background var(--transition-fast)}.data-table tbody tr.clickable-row:hover{background:#22d3ee0f}.mono{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.82rem}.empty-cell{text-align:center;color:var(--color-text-subtle);padding:2rem;font-style:italic}.result-count{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.card,.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.detail-row{border-bottom:1px solid var(--color-border);padding:.6rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{width:180px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.78rem;font-weight:600}.detail-value{color:var(--color-text);word-break:break-all;flex:1;font-size:.9rem}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);background:#94a3b826;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-claimed{color:var(--color-success);background:#10b9811a;border-color:#10b9814d}.badge-unused{color:var(--color-cyan);background:#22d3ee1a;border-color:#22d3ee4d}.badge-open{color:var(--color-warning);background:#f59e0b1a;border-color:#f59e0b4d}.timeline{padding-left:32px;position:relative}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-dot{background:var(--gradient-brand);width:14px;height:14px;box-shadow:0 0 0 3px var(--color-bg), 0 0 12px #22d3ee66;border-radius:50%;position:absolute;top:6px;left:-32px}.timeline-line{background:linear-gradient(180deg, var(--color-cyan) 0%, var(--color-border) 100%);opacity:.4;width:2px;position:absolute;top:22px;bottom:0;left:-26px}.timeline-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);padding:.85rem 1.1rem}.timeline-content:hover{border-color:#22d3ee59}.timeline-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.timeline-time{color:var(--color-text-subtle);font-size:.75rem;font-family:var(--font-mono)}.timeline-type{color:var(--color-text);letter-spacing:.02em;font-size:.85rem;font-weight:700}.timeline-toggle{color:var(--color-cyan);cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:0;font-family:inherit;font-size:.75rem;font-weight:600}.timeline-toggle:hover{color:var(--color-indigo)}.timeline-payload{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);color:var(--color-text-muted);margin-top:.6rem;padding:.75rem .9rem;overflow-x:auto}.loading-spinner{text-align:center;color:var(--color-text-subtle);padding:3rem;font-size:.95rem}.error-message{color:var(--color-error);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef44444d;margin-bottom:1rem;padding:.85rem 1.1rem;font-size:.88rem}.empty-message{color:var(--color-text-subtle);font-size:.9rem;font-style:italic}@media (width<=768px){.top-nav{gap:1rem;padding:0 1rem}.nav-brand-tag{display:none}.main-content{padding:80px 1rem 2rem}.stats-grid{grid-template-columns:1fr}.detail-row{flex-direction:column}.detail-label{width:auto;margin-bottom:.2rem}.data-table{font-size:.82rem}.data-table th,.data-table td{padding:.55rem .65rem}}@media (width<=480px){.nav-links{gap:0}.nav-link{padding:.4rem .65rem;font-size:.82rem}}