:root{--eb-teal: #2d7a7b;--eb-amber: #f5a623;--eb-navy: #244b87;--eb-cream: #fef3e2;--teal-50: #e9f3f3;--teal-100: #cfe4e4;--teal-200: #a7cccd;--teal-300: #79b1b3;--teal-400: #4f9596;--teal-500: #2d7a7b;--teal-600: #246364;--teal-700: #1d5051;--teal-800: #163d3e;--amber-50: #fef6e6;--amber-100: #fbe6bd;--amber-200: #f8d18a;--amber-300: #f5a623;--amber-400: #d68a14;--amber-500: #b3720b;--amber-600: #8e5a08;--amber-700: #6a4306;--navy-50: #eaf0fa;--navy-100: #c8d6ec;--navy-200: #97b1d6;--navy-300: #6685b9;--navy-400: #3f63a0;--navy-500: #244b87;--navy-600: #1c3c6e;--navy-700: #152e54;--navy-800: #0f223e;--paper: #fef3e2;--paper-2: #f9ead4;--paper-3: #f0dfc4;--rule: #e2cfae;--rule-strong: #c7b08a;--ink-900: #1a1410;--ink-800: #2a2218;--ink-700: #3d3326;--ink-600: #6b5d46;--ink-500: #8d7c5f;--ink-400: #aa9a7d;--bg: var(--paper);--bg-elev: var(--paper-2);--bg-inset: var(--paper-3);--bg-inverse: var(--ink-900);--fg: var(--ink-900);--fg-muted: var(--ink-600);--fg-faint: var(--ink-500);--fg-on-dark: var(--paper);--accent: var(--teal-500);--accent-hover: var(--teal-600);--link: var(--navy-500);--link-hover: var(--navy-600);--highlight: var(--amber-300);--rule-color: var(--rule);--rule-color-strong: var(--rule-strong);--code-bg: var(--ink-900);--code-fg: #f0dfc4;--status-success: #3f7a4a;--status-success-bg: #e3edd8;--status-warning: #b8821a;--status-warning-bg: #fce8c2;--status-danger: #a13a1e;--status-danger-bg: #f5d8c8;--status-info: var(--navy-500);--status-info-bg: #dce6f3;--status-neutral: var(--ink-600);--status-neutral-bg: var(--paper-3);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "JetBrains Mono", ui-monospace, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-1: 2px;--r-2: 4px;--r-pill: 999px;--bd-hair: 1px solid var(--rule-color);--bd-strong: 1px solid var(--rule-color-strong);--bd-ink: 1px solid var(--ink-900);--sh-1: 0 1px 0 0 rgba(26,20,16,.06);--sh-2: 0 2px 8px -2px rgba(26,20,16,.08), 0 1px 0 0 rgba(26,20,16,.04);--sh-3: 0 8px 24px -6px rgba(26,20,16,.12), 0 2px 4px -2px rgba(26,20,16,.06);--ease-out: cubic-bezier(.2,.7,.2,1);--dur-1: 80ms;--dur-2: .14s;--dur-3: .22s}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}::selection{background:var(--highlight);color:var(--ink-900)}.eb-h4{font-family:var(--font-sans);font-size:24px;font-weight:600;line-height:1.2;margin:0}.eb-h5{font-family:var(--font-sans);font-size:20px;font-weight:600;line-height:1.25;margin:0}.eb-body{font-family:var(--font-sans);font-size:16px;line-height:1.5}.eb-small{font-family:var(--font-sans);font-size:13px;color:var(--fg-muted)}.eb-caption{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-faint)}.eb-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.eb-eyebrow:before{content:"// ";opacity:.65}.eb-code-inline{font-family:var(--font-mono);font-size:.92em;background:var(--bg-inset);color:var(--ink-900);padding:0 4px;border-radius:var(--r-1)}.eb-code-block{font-family:var(--font-mono);font-size:13px;background:var(--code-bg);color:var(--code-fg);padding:var(--sp-3);border-radius:var(--r-2);white-space:pre;overflow:auto}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--link-hover)}*:focus{outline:none}*:focus-visible{outline:none;box-shadow:0 0 0 3px #2d7a7b2e;border-color:var(--teal-500)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);height:56px;padding:0 var(--sp-5);background:var(--paper);border-bottom:var(--bd-hair)}.topbar__logo{width:24px;height:24px;image-rendering:pixelated}.topbar__name{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:-.005em}.topbar__pill{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;background:var(--amber-300);color:var(--ink-900);padding:2px 6px;border-radius:var(--r-1)}.topbar__spacer{flex:1}.topbar__search{width:320px;padding:8px 12px;font-family:var(--font-mono);font-size:13px;background:var(--paper-2);color:var(--fg);border:1px solid var(--rule-strong);border-radius:var(--r-1);transition:border-color var(--dur-2) var(--ease-out)}.topbar__search:focus{border-color:var(--teal-500)}.topbar__search::placeholder{color:var(--fg-faint)}.page{max-width:1280px;margin:0 auto;padding:var(--sp-6) var(--sp-7)}@media(max-width:720px){.page{padding:var(--sp-4)}}.page-head{margin-bottom:var(--sp-5)}.page-head__title{margin-top:6px}.page-head__sub{color:var(--fg-muted);margin-top:4px}.page-head__rule{margin-top:var(--sp-5);border:none;border-top:1px solid var(--rule)}.input{font-family:var(--font-mono);font-size:13px;padding:8px 10px;background:var(--paper);color:var(--fg);border:1px solid var(--rule-strong);border-radius:var(--r-1);transition:border-color var(--dur-2) var(--ease-out)}.input:focus{border-color:var(--teal-500)}.input--num{width:80px}.input--narrow{width:120px}.btn{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:-.005em;padding:9px 16px;border-radius:var(--r-1);border:1px solid transparent;line-height:1;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--paper);color:var(--ink-900);border-color:var(--rule-strong);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.btn:hover{background:var(--paper-3);border-color:var(--ink-700)}.btn--primary{background:var(--ink-900);color:var(--paper);border-color:var(--ink-900)}.btn--primary:hover{background:var(--teal-600);border-color:var(--teal-600)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-800)}.btn--ghost:hover{background:var(--paper-3);border-color:transparent}.btn--sm{font-size:12px;padding:6px 10px}.btn[disabled]{background:var(--paper-2);color:var(--ink-400);border-color:var(--rule);cursor:not-allowed}.seg{display:inline-flex;border:1px solid var(--rule-strong);border-radius:var(--r-1);overflow:hidden}.seg>button{font-family:var(--font-mono);font-size:12px;font-weight:500;background:var(--paper);color:var(--ink-800);border:none;border-right:1px solid var(--rule);padding:7px 14px;cursor:pointer;line-height:1;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.seg>button:last-child{border-right:none}.seg>button:hover{background:var(--paper-3)}.seg>button[aria-pressed=true]{background:var(--ink-900);color:var(--paper)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-top:var(--sp-4)}.toolbar__spacer{flex:1}.toolbar__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-muted)}.statline{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);margin-top:var(--sp-3)}.statline b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-1);border:1px solid transparent;line-height:1.4}.badge .dot{width:6px;height:6px;background:currentColor;display:block}.badge--success{background:var(--status-success-bg);color:var(--status-success)}.badge--warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge--danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge--info{background:var(--status-info-bg);color:var(--status-info)}.badge--neutral{background:var(--status-neutral-bg);color:var(--status-neutral)}.grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));margin-top:var(--sp-5)}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-1);overflow:hidden;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);display:flex;flex-direction:column}.card:hover{border-color:var(--rule-strong);background:var(--paper-3)}.card--hl{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card__thumb{width:100%;aspect-ratio:1 / 1;display:block;object-fit:contain;background:var(--paper-3);border-bottom:1px solid var(--rule)}.card__thumb--missing{opacity:.25}.card__body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;min-height:0}.card__fname{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);display:flex;justify-content:space-between;gap:6px}.card__fname .seq{color:var(--ink-900);font-weight:500}.card__cap{font-size:12px;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:2.7em}.card__badges{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}.card__scores{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint);font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;gap:6px}.card__scores .hot{color:var(--status-danger);font-weight:600}.empty{margin-top:var(--sp-6);padding:var(--sp-7);border:1px solid var(--rule);border-radius:var(--r-1);background:var(--paper-2);text-align:left;display:flex;flex-direction:column;gap:var(--sp-3);max-width:520px}.empty__title{font-family:var(--font-sans);font-size:16px;font-weight:500}.skeleton-grid{margin-top:var(--sp-5);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.skeleton{background:linear-gradient(90deg,var(--paper-2),var(--paper-3),var(--paper-2));background-size:200% 100%;border-radius:var(--r-1);border:1px solid var(--rule);aspect-ratio:1 / 1}@media(prefers-reduced-motion:no-preference){.skeleton{animation:sh 1.2s linear infinite}}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;z-index:50;background:#1a141052;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);animation:fade var(--dur-3) var(--ease-out)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:var(--bd-hair);border-radius:var(--r-2);box-shadow:var(--sh-3);max-width:900px;width:100%;max-height:90vh;display:flex;gap:var(--sp-4);padding:var(--sp-4);overflow:auto;position:relative}.modal__close{position:absolute;top:10px;right:10px}.modal__imgwrap{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;flex:none}.modal__img{width:384px;height:384px;object-fit:contain;background:var(--paper-3);border:1px solid var(--rule);border-radius:var(--r-1);cursor:zoom-in;transition:width var(--dur-2),height var(--dur-2)}.modal__img.zoomed{width:auto;height:auto;max-width:100%;max-height:80vh;cursor:zoom-out}.modal:has(.modal__img.zoomed) .modal__tab{display:none}.modal__img.alpha{background-color:#fff;background-image:linear-gradient(45deg,#cdcdcd 25%,transparent 25%),linear-gradient(-45deg,#cdcdcd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cdcdcd 75%),linear-gradient(-45deg,transparent 75%,#cdcdcd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.modal__tab{flex:1;min-width:0}.modal__title{margin:0 0 var(--sp-2);word-break:break-all;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.modal__seq{font-family:var(--font-mono);font-size:12px;color:var(--fg-faint)}.featured{margin:var(--sp-3) 0;padding:var(--sp-3);background:var(--paper-2);border:var(--bd-hair);border-radius:var(--r-1)}.featured__row{display:flex;gap:var(--sp-3);padding:6px 0;align-items:flex-start}.featured__row+.featured__row{border-top:1px solid var(--rule);margin-top:4px;padding-top:var(--sp-2)}.featured__k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);min-width:96px;padding-top:3px}.featured__v{flex:1;font-size:13px;word-break:break-word}.kv{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.kv th{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);background:var(--paper)}.kv td{padding:8px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.kv td.k{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;width:1%}.kv td.v{font-family:var(--font-mono);font-size:12px;color:var(--ink-900);word-break:break-word}.hash{font-family:var(--font-mono);font-size:12px;background:var(--paper-3);padding:1px 6px;border-radius:var(--r-1);cursor:pointer;border:1px solid var(--rule);display:inline-flex;gap:4px;align-items:center}.hash:hover{border-color:var(--rule-strong)}.hash--copied{background:var(--amber-300);color:var(--ink-900);transition:background var(--dur-2)}.toasts{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:60}.toast{background:var(--paper);border:var(--bd-hair);box-shadow:var(--sh-3);border-radius:var(--r-2);padding:10px 12px 10px 14px;width:360px;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--status-danger)}.toast__title{font-family:var(--font-mono);font-size:13px;font-weight:600}.toast__body{font-size:13px;color:var(--fg-muted);margin-top:2px}.hint{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint)}.icon{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none;flex:none}@media(max-width:640px){.modal{flex-direction:column}.modal__img{width:100%;height:auto;aspect-ratio:1 / 1}.topbar__search{width:200px}}