:root{--bg: #f5f0e8;--surface: #faf6ef;--surface-alt: #f0ebe2;--text: #18181b;--text-mid: #4a4a52;--text-dim: #a1a1aa;--text-faint: #d4d4d8;--accent: #18181b;--accent-soft: rgba(24, 24, 27, .04);--border: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12);--radius: 14px;--pulse-high: #3a7d5c;--pulse-mid: #8a6d2b;--pulse-low: #78787f;--status: #b04a4a;--status-dim: rgba(176, 74, 74, .15);--status-bg: rgba(176, 74, 74, .05);--blue: #3b6ea5;--blue-dim: rgba(59, 110, 165, .08);--green: #3a7d5c;--green-dim: rgba(58, 125, 92, .07);--amber: #8a6d2b;--grid: rgba(0, 0, 0, .025)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}body{background:var(--bg);color:var(--text-mid);font-family:DM Sans,system-ui,sans-serif;font-weight:400;font-size:15px;overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.65}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black 20%,transparent 100%);contain:strict}.main-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{text-decoration:none;display:flex;align-items:center;padding:8px 0}.nav-logo-svg{height:18px;width:auto;opacity:.9}.nav-status{display:inline-flex;align-items:center;gap:5px;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--status);font-weight:500;font-family:DM Mono,monospace;padding:3px 10px;border:1px solid var(--status-dim);border-radius:100px;background:var(--status-bg)}.nav-status-dot{width:5px;height:5px;border-radius:50%;background:var(--status);animation:status-blink 2s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.nav-right{display:flex;align-items:center;gap:20px}.nav-link{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);text-decoration:none;transition:color .3s;font-weight:500;padding:12px 0}.nav-link:hover{color:var(--text)}.search-hero{position:relative;z-index:2;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 32px 60px}.hero-logo{width:clamp(140px,20vw,200px);height:auto;aspect-ratio:2507 / 280;margin-bottom:32px;opacity:0;animation:fade-in .8s cubic-bezier(.16,1,.3,1) .2s forwards}.search-wrap{width:100%;max-width:600px;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .4s forwards}.search-input{width:100%;padding:16px 24px;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none}.search-input::placeholder{color:var(--text-dim);font-weight:400}.search-input:focus{border-color:var(--border-hover);box-shadow:0 4px 24px #0000000a}.search-hint{margin-top:12px;font-size:.85rem;color:var(--text-mid);opacity:0;animation:fade-in .6s cubic-bezier(.16,1,.3,1) .7s forwards}.categories{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:0 32px 60px}.categories-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mid);background:transparent;border:1px solid var(--border);border-radius:100px;cursor:pointer;text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1),background-color .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.category-pill:hover{background:var(--accent-soft);border-color:var(--border-hover)}.category-pill[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.listings{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:0 32px 80px}.listing{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:20px 16px;background:var(--surface);border-bottom:1px solid var(--border);transition:background-color .25s;cursor:pointer}.listing:first-of-type{border-top:none}.listing:hover{background:var(--surface-alt)}.listing:focus-within{background:var(--surface-alt);box-shadow:inset 3px 0 0 var(--text)}.listing-photo{width:48px;height:48px;border-radius:50%;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-dim);flex-shrink:0;letter-spacing:.02em}.listing-info{min-width:0}.listing-name{font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-bio{font-size:.85rem;color:var(--text-mid);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.listing-category{display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.listing-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.listing-pulse{display:inline-flex;align-items:center;gap:6px}.pulse-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pulse-dot.high{background:var(--pulse-high)}.pulse-dot.mid{background:var(--pulse-mid)}.pulse-dot.low{background:var(--pulse-low)}.pulse-score{font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;color:var(--text-mid)}.listing-name a{color:inherit;text-decoration:none}.listing-name a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.listing-name a:focus-visible{outline:none}.listing-arrow{font-size:1.1rem;color:var(--text-faint);transition:color .25s,transform .25s}.listing:hover .listing-arrow{color:var(--text-mid);transform:translate(3px)}.pulse-dot.high+.pulse-score{color:var(--pulse-high)}.pulse-dot.mid+.pulse-score{color:var(--pulse-mid)}.pulse-dot.low+.pulse-score{color:var(--pulse-low)}.listing:has(.pulse-dot.low){opacity:.7}.listing:has(.pulse-dot.low):hover{opacity:1}.listings-status{padding:12px 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.listings-count{font-family:DM Mono,monospace;font-size:.7rem;color:var(--text-dim);letter-spacing:.04em}.listings-empty{padding:60px 16px;text-align:center;color:var(--text-dim);font-size:.9rem}.dev-section{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:100px 32px 80px;border-top:2px solid var(--border-hover);content-visibility:auto;contain-intrinsic-size:auto 2000px}.dev-intro{margin-bottom:64px}.section-marker{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-weight:400}.section-marker span{opacity:.3}.section-heading{font-weight:300;font-size:clamp(1.4rem,3.5vw,2rem);letter-spacing:-.02em;color:var(--text);line-height:1.35;margin-bottom:16px}.section-text{font-size:.95rem;line-height:1.8;color:var(--text-mid);max-width:560px}.dev-connect{margin-bottom:64px}.dev-connect-label{font-family:DM Mono,monospace;font-size:.7rem;font-weight:500;color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.dev-connect-desc{font-size:.92rem;color:var(--text-mid);line-height:1.7;margin-bottom:16px;max-width:520px}.dev-tools{margin-bottom:64px}.dev-tools-intro{margin-bottom:32px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tool-card{background:var(--surface);padding:32px 28px;transition:background-color .4s}.tool-card:hover{background:var(--surface-alt)}.tool-method{display:inline-block;font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:14px;font-weight:500}.tool-method.get{background:var(--blue-dim);color:var(--blue)}.tool-method.post{background:var(--green-dim);color:var(--green)}.tool-name{font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:8px}.tool-desc{font-size:.85rem;line-height:1.65;color:var(--text-mid);margin-bottom:16px}.tool-example{font-family:DM Mono,monospace;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:.75rem;line-height:1.7;color:var(--text-mid);overflow-x:auto;white-space:pre}.dev-section .key{color:var(--text)}.dev-section .str{color:var(--green)}.dev-section .bool{color:var(--amber)}.dev-section .comment{color:var(--text-dim);font-style:italic}.dev-section .bracket{color:var(--text-dim)}.dev-register{margin-bottom:48px}.dev-register-desc{font-size:.92rem;color:var(--text-mid);line-height:1.7;margin-bottom:16px;max-width:520px}.dev-register-desc a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-hover);text-underline-offset:2px;transition:text-decoration-color .25s}.dev-register-desc a:hover{text-decoration-color:var(--text)}.code-block{font-family:DM Mono,monospace;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:18px 22px;font-size:.75rem;line-height:1.7;color:var(--text-mid);overflow-x:auto;white-space:pre}.dev-docs-link{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent);color:var(--bg);font-family:DM Sans,system-ui,sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.02em;border:none;border-radius:100px;cursor:pointer;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.dev-docs-link:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001a}.protocol-cta{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:80px 32px;border-top:1px solid var(--border)}.protocol-inner{max-width:560px}.protocol-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.protocol-heading{font-weight:300;font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:-.02em;color:var(--text);line-height:1.35;margin-bottom:12px}.protocol-text{font-size:.92rem;line-height:1.7;color:var(--text-mid);margin-bottom:20px}.protocol-link{font-size:.85rem;font-weight:500;color:var(--text);text-decoration:underline;text-decoration-color:var(--border-hover);text-underline-offset:3px;transition:text-decoration-color .25s}.protocol-link:hover{text-decoration-color:var(--text)}.bridge{position:relative;z-index:2;padding:80px 32px;content-visibility:auto;contain-intrinsic-size:auto 400px}.bridge-inner{max-width:640px;margin:0 auto;padding:48px 40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center}.bridge-title{font-weight:300;font-size:1.4rem;letter-spacing:-.02em;color:var(--text);margin-bottom:12px}.bridge-title strong{font-weight:500}.bridge-desc{font-size:.92rem;line-height:1.75;color:var(--text-mid);margin-bottom:24px;max-width:440px;margin-left:auto;margin-right:auto}.bridge-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.bridge-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:500;border:1px solid var(--border-hover);border-radius:100px;text-decoration:none;transition:background-color .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.bridge-btn:hover{border-color:var(--text-dim);background:var(--accent-soft)}footer{position:relative;z-index:2;padding:40px 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto}.footer-left{font-size:.7rem;color:var(--text-mid)}.footer-left a{color:var(--text-mid);text-decoration:none;transition:color .3s}.footer-left a:hover{color:var(--text)}.footer-right{display:flex;gap:20px}.footer-right a{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);text-decoration:none;transition:color .3s;font-weight:500;padding:12px 0}.footer-right a:hover{color:var(--text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero-logo,.search-wrap,.search-hint{opacity:1}}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:4px}.search-input:focus-visible{outline:none;border-color:var(--text-mid);box-shadow:0 0 0 3px #18181b1f}@media(max-width:768px){.main-nav{padding:14px 20px}.nav-link[href^="#"]{display:none}.search-hero{padding:100px 20px 40px;min-height:40vh}.categories{padding:0 0 40px}.categories-grid{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:0 20px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories-grid::-webkit-scrollbar{display:none}.listings{padding:0 20px 60px}.listing{grid-template-columns:40px 1fr;gap:12px}.listing-photo{width:40px;height:40px;font-size:.65rem}.listing-meta{grid-column:2;flex-direction:row;align-items:center;gap:16px}.protocol-cta{padding:60px 20px}.dev-section{padding:80px 20px 60px}.tools-grid{grid-template-columns:1fr}.code-block,.tool-example{white-space:pre-wrap;overflow-wrap:break-word}.bridge{padding:60px 20px}.bridge-inner{padding:32px 24px}footer{padding:32px 20px}}@media(max-width:480px){.bridge-links{flex-direction:column;align-items:center}footer{flex-direction:column;gap:16px;text-align:center}.footer-right{flex-wrap:wrap;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}