*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #334155;--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--purple: #8b5cf6;--radius: 12px;--radius-sm: 8px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.app{max-width:1440px;margin:0 auto;padding:2rem 2.5rem;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.logo{font-size:2rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.15rem}.header-right{display:flex;align-items:center;gap:1.75rem}.meta{display:flex;flex-direction:column;align-items:flex-end}.meta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600}.meta-value{font-size:.9rem;font-weight:600;color:var(--text)}.countdown{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:default}.countdown-ring{position:absolute;width:50px;height:50px}.countdown-text{font-size:.7rem;font-weight:700;color:var(--text-muted)}.toolbar{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.search{width:100%;max-width:480px;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.search::placeholder{color:var(--text-dim)}.result-count{font-size:.8rem;color:var(--text-dim);white-space:nowrap}.main{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem .75rem;gap:.75rem}.card-title-wrap{display:flex;flex-direction:column;gap:.25rem;min-width:0}.card-title{font-size:1rem;font-weight:600;color:var(--text);line-height:1.4;word-break:break-word}.auto-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:#64748b33;padding:.1rem .45rem;border-radius:4px;width:fit-content;font-weight:600}.badges{display:flex;gap:.4rem;flex-shrink:0}.badge{padding:.2rem .55rem;border-radius:9999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-success{background:#22c55e1f;color:var(--success)}.badge-warning{background:#f59e0b1f;color:var(--warning)}.badge-active{background:#3b82f61f;color:var(--accent)}.badge-inactive{background:#ef44441f;color:var(--danger)}.card-body{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.field{display:flex;flex-direction:column;gap:.2rem}.field-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600}.field-value{font-size:.85rem;color:var(--text-muted)}.field-value.small{font-size:.8rem}.mono{font-family:SF Mono,Fira Code,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.8rem}.link{color:var(--text-muted);text-decoration:none;transition:color .15s}.link:hover{color:var(--accent)}.field-row{display:flex;gap:1.5rem;margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(51,65,85,.5)}.aliases{display:flex;flex-wrap:wrap;gap:.4rem}.alias-tag{padding:.2rem .6rem;background:#3b82f61f;color:var(--accent);border-radius:6px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s}.alias-tag:hover{background:#3b82f640}.origins{display:flex;flex-direction:column;gap:.2rem}.origin-tag{font-family:SF Mono,Fira Code,monospace;font-size:.72rem;color:var(--text-dim);word-break:break-all}.state-msg{text-align:center;padding:5rem 2rem;color:var(--text-muted);font-size:1rem;grid-column:1 / -1}.state-msg.error{color:var(--danger)}.retry-btn{margin-top:1rem;padding:.5rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.retry-btn:hover{background:var(--accent-hover)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--text-dim);font-size:.75rem}@media(max-width:900px){.app{padding:1.25rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.header-right{width:100%;flex-wrap:wrap;gap:1rem}.meta{align-items:flex-start}.grid{grid-template-columns:1fr}.search{max-width:100%}.field-row{flex-wrap:wrap;gap:.75rem}}