@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer base{:root{--bg-canvas: #0d0c0b;--bg-surface: #171513;--bg-surface-elevated: #221f1c;--bg-surface-hover: #2c2824;--bg-header: rgba(13, 12, 11, .88);--bg-card-outer: #12100e;--bg-card-inner: #1c1a17;--bg-badge-pos: rgba(16, 185, 129, .12);--bg-badge-neg: rgba(244, 63, 94, .12);--border-dim: rgba(245, 230, 210, .08);--border-bright: rgba(245, 230, 210, .18);--border-active: #d97706;--border-glow: rgba(217, 119, 6, .25);--text-primary: #f5eedc;--text-secondary: #baaf9c;--text-muted: #807565;--color-cyan: #f59e0b;--color-magenta: #10b981;--color-emerald: #10b981;--color-rose: #f43f5e;--color-amber: #f59e0b;--color-success: #10b981;--color-danger: #f43f5e;--color-accent: #f59e0b;--color-secondary-accent: #10b981;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 12px;--radius-pill: 9999px;--radius-full: 9999px;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--shadow-glow: 0 4px 25px rgba(217, 119, 6, .2);--card-shadow: 0 15px 35px -10px rgba(0, 0, 0, .9);--bg-mesh-1: radial-gradient(circle at 20% 30%, rgba(245, 158, 11, .06) 0%, transparent 40%);--bg-mesh-2: radial-gradient(circle at 80% 70%, rgba(16, 185, 129, .05) 0%, transparent 40%);--border-card-inner: rgba(255, 255, 255, .04)}[data-theme=light]{--bg-canvas: #fbf8f3;--bg-surface: #ffffff;--bg-surface-elevated: #f4efe6;--bg-surface-hover: #eae3d5;--bg-header: rgba(251, 248, 243, .88);--bg-card-outer: #f0e9dd;--bg-card-inner: #ffffff;--bg-badge-pos: rgba(16, 185, 129, .08);--bg-badge-neg: rgba(244, 63, 94, .08);--border-dim: #e8e0d2;--border-bright: #d8cbb8;--border-active: #d97706;--border-glow: rgba(217, 119, 6, .15);--text-primary: #2a2319;--text-secondary: #685b4b;--text-muted: #968672;--color-cyan: #d97706;--color-magenta: #059669;--color-emerald: #059669;--color-rose: #e11d48;--color-amber: #d97706;--color-success: #059669;--color-danger: #e11d48;--color-accent: #d97706;--color-secondary-accent: #059669;--shadow-glow: 0 4px 20px rgba(217, 119, 6, .15);--card-shadow: 0 10px 25px -8px rgba(42, 35, 25, .12);--bg-mesh-1: radial-gradient(circle at 20% 30%, rgba(217, 119, 6, .06) 0%, transparent 40%);--bg-mesh-2: radial-gradient(circle at 80% 70%, rgba(5, 150, 105, .05) 0%, transparent 40%);--border-card-inner: rgba(42, 35, 25, .06)}html{color-scheme:dark light;scroll-behavior:smooth}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--bg-mesh-1),var(--bg-mesh-2);background-size:40px 40px,auto}:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}}@layer components{.site-header{background-color:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-end:1px solid var(--border-dim);position:sticky;inset-block-start:0;z-index:100;padding-block:12px;padding-inline:clamp(16px,3vw,32px)}.header-inner{max-width:1440px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-title{font-family:var(--font-heading);color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.brand-text-wrapper{position:relative;display:inline-flex;align-items:flex-start}.brand-text{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1}.brand-badge-sup{font-size:10px;font-weight:900;font-family:var(--font-mono);color:#000;background:linear-gradient(135deg,var(--color-amber),#d97706);padding:1px 5px;border-radius:var(--radius-sm);margin-inline-start:3px;top:-6px;position:relative;line-height:1.1;letter-spacing:.3px}.brand-accent{color:var(--color-amber)}.header-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding-block:8px;padding-inline:14px;font-size:13px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-bright);background-color:var(--bg-surface-elevated);color:var(--text-primary);cursor:pointer;transition:all .15s var(--ease-out-quint);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background-color:var(--bg-surface-hover);border-color:var(--border-active)}.btn:active{transform:scale(.97)}.btn.btn-primary{background:var(--color-cyan);color:#000;border-color:var(--color-cyan);font-weight:700}.btn.btn-primary:hover{opacity:.92;box-shadow:var(--shadow-glow)}.btn.btn-icon{width:38px;height:38px;padding:0;position:relative;border-radius:var(--radius-md);flex-shrink:0}.btn-badge{position:absolute;top:-5px;right:-5px;background-color:var(--color-amber);color:#0d0c0b;font-size:10px;font-weight:800;font-family:var(--font-mono);min-width:17px;height:17px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;padding-inline:4px;box-shadow:0 0 8px #f59e0b99}.hero-wrapper{max-width:1440px;margin-inline:auto;padding-block:28px 16px;padding-inline:clamp(16px,3vw,32px)}.search-box-container{position:relative;max-width:800px;margin-inline:auto}.search-field{width:100%;padding-block:14px;padding-inline:48px 110px;font-size:15px;font-family:var(--font-body);background-color:var(--bg-surface);border:2px solid var(--border-dim);border-radius:var(--radius-lg);color:var(--text-primary);outline:none;transition:border-color .15s var(--ease-out-quint),box-shadow .15s var(--ease-out-quint)}.search-field:focus{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.search-field::placeholder{color:var(--text-muted)}.search-icon-left{position:absolute;inset-inline-start:16px;inset-block-start:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.search-actions-right{position:absolute;inset-inline-end:12px;inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.filter-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding-block:5px;padding-inline:10px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s var(--ease-out-quint);-webkit-user-select:none;user-select:none}.filter-toggle-btn:hover{background-color:var(--bg-surface-hover);border-color:var(--border-active)}.filter-toggle-btn.active{background:var(--color-cyan);color:#000;border-color:var(--color-cyan);font-weight:700}.filter-count-badge{background-color:var(--color-amber);color:#000;font-size:10px;font-weight:800;padding:1px 5px;border-radius:var(--radius-full)}.search-kbd-shortcut{display:inline-flex;align-items:center;gap:4px;padding-block:3px;padding-inline:8px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.filter-drawer{display:none;max-width:800px;margin-inline:auto;margin-block-start:12px;padding:14px 16px;background-color:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-md);flex-direction:column;gap:10px;animation:card-enter .25s var(--ease-out-quint)}.filter-drawer.open{display:flex}.filter-group-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group-title{font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;color:var(--color-amber);min-width:140px;letter-spacing:.5px;flex-shrink:0}.filter-group-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-drawer-footer{display:flex;justify-content:flex-end;padding-block-start:6px;border-block-start:1px dashed var(--border-dim);width:100%}.filter-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background-color:var(--bg-surface-elevated);border:1px solid var(--border-dim);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.filter-chip:hover{border-color:var(--border-active);color:var(--text-primary)}.filter-chip.active{background-color:var(--color-amber);color:#000;border-color:var(--color-amber);font-weight:700}.filter-chip-clear{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);background:none;border:1px dashed var(--border-dim);color:var(--color-rose);cursor:pointer}.filter-chip-clear:hover{border-color:var(--color-rose);background-color:#f43f5e1a}.search-meta-bar{display:flex;align-items:center;justify-content:center;text-align:center;max-width:800px;margin-inline:auto;margin-block-start:10px;font-size:13px;color:var(--text-secondary)}.search-meta-bar .highlight-cyan{color:var(--color-cyan);font-weight:700}.search-meta-center{justify-content:center}.category-bar{max-width:1440px;margin-inline:auto;padding-block:6px 20px;padding-inline:clamp(16px,3vw,32px);display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-bar .cat-pill{display:inline-flex;align-items:center;gap:8px;padding-block:7px;padding-inline:14px;font-size:13px;font-weight:600;background-color:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .18s var(--ease-out-quint)}.category-bar .cat-pill:hover{color:var(--text-primary);border-color:var(--border-bright);background-color:var(--bg-surface-elevated)}.category-bar .cat-pill.active{background:#f59e0b24;color:var(--color-amber);border:1px solid var(--color-amber);font-weight:700;box-shadow:0 0 15px #f59e0b26}.category-bar .cat-pill.active .cat-pill-count{background-color:#f59e0b40;color:var(--color-amber)}.category-bar .cat-pill .cat-pill-count{background-color:var(--bg-surface-elevated);padding-block:2px;padding-inline:7px;border-radius:var(--radius-full);font-size:11px;font-family:var(--font-mono);color:var(--text-muted);font-weight:600}.main-wrapper{max-width:1440px;margin-inline:auto;padding-block-end:60px;padding-inline:clamp(16px,3vw,32px)}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,30vw,350px),1fr));gap:18px;min-width:0}.site-card.dead-card{filter:grayscale(60%);opacity:.7;border-color:#f43f5e4d;transition:filter .2s var(--ease-out-quint),opacity .2s var(--ease-out-quint),border-color .2s var(--ease-out-quint)}.site-card.dead-card .card-inner{background-color:var(--bg-canvas)}.site-card.dead-card:hover{filter:grayscale(0%);opacity:.95;border-color:var(--color-danger)}.dead-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--radius-sm);background-color:#ff4d4d1f;color:var(--color-danger);border:1px solid rgba(255,77,77,.3);text-transform:uppercase;letter-spacing:.5px}.site-card{background-color:var(--bg-card-outer);border:1px solid var(--border-dim);border-radius:var(--radius-card);padding:6px;box-shadow:var(--card-shadow);transition:transform .2s var(--ease-out-quint),border-color .2s var(--ease-out-quint),box-shadow .2s var(--ease-out-quint);min-width:0;overflow:hidden;animation:card-enter .4s var(--ease-out-quint) backwards;animation-delay:calc(var(--i, 0) * 50ms)}.site-card:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:0 16px 36px -10px #f59e0b29,0 0 20px -4px #f59e0b1f}.site-card:hover .card-inner{border-color:#f59e0b33}.site-card.lowsec-card{border-style:dashed;border-color:var(--border-bright);opacity:.95}.card-inner{background-color:var(--bg-card-inner);border:1px solid var(--border-card-inner);border-radius:calc(var(--radius-card) - 4px);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;height:100%;min-width:0;overflow:hidden;transition:border-color .2s ease}.card-top{display:flex;flex-direction:column;gap:8px;margin-block-end:4px;min-width:0;width:100%}.card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.card-category-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.card-category-label{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-amber);letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-title-inline{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.site-logo{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-dim);background-color:var(--bg-surface-elevated);object-fit:contain;padding:3px;flex-shrink:0}.site-logo-avatar{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-bright);font-family:var(--font-mono);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 8px #0003}.card-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions-top{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;font-family:var(--font-mono);padding:3px 8px;height:22px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;line-height:1}.status-badge.checking{background-color:#f59e0b1f;color:var(--color-amber);border:1px solid rgba(245,158,11,.3);animation:pulse 1.2s infinite alternate}.status-badge.online{background-color:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.25)}.status-badge.offline{background-color:#f43f5e1f;color:var(--color-danger);border:1px solid rgba(244,63,94,.25)}.status-wrapper{display:inline-flex;align-items:center;gap:4px}.recheck-health-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 6px;background-color:var(--bg-canvas);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s var(--ease-out-quint)}.recheck-health-btn:hover{color:var(--color-cyan);border-color:var(--color-cyan);background-color:var(--bg-surface-hover)}.recheck-health-btn.spinning svg{animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bookmark-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s var(--ease-out-quint),background-color .15s var(--ease-out-quint)}.bookmark-action-btn:hover{color:var(--color-amber);background-color:var(--bg-surface-hover)}.bookmark-action-btn.active{color:var(--color-amber)}.tags-wrapper{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%;overflow:hidden}.tag-cluster{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.tag-cluster.positive-cluster{align-items:center}.tag-cluster.negative-cluster{align-items:center;padding-block-start:4px;border-block-start:1px dashed rgba(244,63,94,.18)}.tag-cluster .tag-badge{font-size:11px;font-weight:600;height:22px;padding-inline:8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag-cluster .tag-badge.positive{background-color:var(--bg-badge-pos);border:1px solid rgba(16,185,129,.15);color:var(--color-emerald)}.tag-cluster .tag-badge.negative{background-color:var(--bg-badge-neg);border:1px solid rgba(244,63,94,.15);color:var(--color-rose)}.card-info-description{font-size:12px;font-family:var(--font-body);color:var(--text-secondary);line-height:1.45;background:#f5e6d208;border-left:2px solid var(--border-bright);padding:6px 10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;margin-block-start:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.mirrors-footer{display:flex;align-items:center;padding-block-start:12px;border-block-start:1px solid var(--border-dim);min-width:0;width:100%;overflow:hidden}.mirrors-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-height:120px;overflow-y:auto;scrollbar-width:thin;min-width:0;max-width:100%}.mirror-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;font-family:var(--font-body);padding-block:4px;padding-inline:10px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;transition:all .15s var(--ease-out-quint);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mirror-button svg{flex-shrink:0}.mirror-button.primary-mirror{border-color:var(--color-amber);color:var(--color-amber);font-weight:600;background-color:#f59e0b1a}.mirror-button.primary-mirror:hover{background-color:var(--color-amber);color:#000;border-color:var(--color-amber)}.mirror-button.mirror-offline{opacity:.5;text-decoration:line-through;border-color:var(--border-dim)}.mirror-button.mirror-redirected{border-color:var(--color-amber);color:var(--text-primary)}.mirror-button:hover{background-color:var(--bg-surface-hover);border-color:var(--border-active)}.mirror-redirect-label{font-size:10px;font-weight:700;color:var(--color-amber);margin-inline-start:4px;font-family:var(--font-mono)}.mirror-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.mirror-dot.online{background-color:#10b981;box-shadow:0 0 6px #10b981cc;animation:dot-pulse 2.2s infinite ease-in-out}.mirror-dot.redirected{background-color:var(--color-amber);box-shadow:0 0 6px #f59e0bb3}.mirror-dot.offline{background-color:#f43f5e;box-shadow:0 0 4px #f43f5e80}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}@keyframes pop-bounce{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}.animate-pop{animation:pop-bounce .35s var(--ease-out-quint)}.mirror-ping-label{font-size:10px;color:var(--text-muted);font-weight:500}.empty-state{text-align:center;padding-block:70px;padding-inline:24px;background-color:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);max-width:560px;margin-inline:auto;margin-block:30px}.empty-state .empty-title{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--text-primary);margin-block-end:8px}.empty-state .empty-desc{font-size:14px;color:var(--text-secondary)}.skeleton-card{background-color:var(--bg-card-inner);border:1px solid var(--border-dim);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;height:210px}.skeleton-box{background:linear-gradient(90deg,var(--bg-surface-elevated) 25%,var(--bg-surface-hover) 50%,var(--bg-surface-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}.skeleton-header-flex{display:flex;align-items:center;gap:12px}.skeleton-avatar{width:38px;height:38px;border-radius:var(--radius-md);flex-shrink:0}.skeleton-badge-box{width:80px;height:12px;margin-block-end:6px}.skeleton-title-box{width:140px;height:18px}.skeleton-tag-row{display:flex;gap:8px}.skeleton-tag-pill{width:70px;height:22px;border-radius:var(--radius-sm)}.skeleton-desc-line{width:100%;height:14px}.skeleton-desc-short{width:60%;height:14px}.skeleton-footer{padding-top:10px;border-top:1px solid var(--border-dim);display:flex;gap:8px}.skeleton-footer-btn{width:85px;height:26px;border-radius:var(--radius-sm)}.toast-container{position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background-color:var(--bg-surface-elevated);border:1px solid var(--border-bright);color:var(--text-primary);padding-block:10px;padding-inline:16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px #0000004d;animation:toast-in .25s var(--ease-out-quint) forwards}}@media(max-width:640px){.header-inner{flex-direction:row;align-items:center;justify-content:space-between}.brand-title{justify-content:flex-start;font-size:18px}.header-controls{justify-content:flex-end;margin-inline-start:auto}.search-field{padding-inline:42px 110px;font-size:14px}.search-kbd-shortcut{display:none}.site-grid{grid-template-columns:1fr}}@layer utilities{@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%{opacity:1}to{opacity:.5}}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}