:root{--bg: oklch(.9802 .0074 151.89);--bg-soft: oklch(.9727 .0119 17.36);--surface: oklch(1 0 0);--text: oklch(.2303 .0211 232.9);--text-soft: oklch(.56 .0133 231.77);--accent: oklch(.5687 .1602 254.08);--accent-strong: oklch(.5087 .1602 254.08);--border: oklch(.9197 .0059 239.83);--danger: oklch(.6311 .1701 32);--highlight: oklch(.9034 .1292 91.09)}.hl{background:linear-gradient(transparent 58%,var(--highlight) 58%);padding:0 .1em}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}.wrap{margin:0 auto;max-width:980px;padding:0 1rem}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(4px)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-height:4rem;padding:.6rem 0}.brand{color:var(--text);font-weight:700;letter-spacing:.01em}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem}.api-key-inline{display:inline-flex;align-items:center;gap:.55rem}.api-key-status{color:var(--text-soft);font-size:.88rem}.api-key-panel{padding-bottom:.9rem}.api-key-form{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.75rem;display:grid;gap:.45rem}.api-key-form label{color:var(--text-soft);font-size:.88rem}.api-key-form input{flex:1 1 260px;border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;font:inherit;color:inherit;background:var(--surface)}.nav-links a{padding:.3rem .55rem;border-radius:999px}.nav-links a:hover{background:var(--bg-soft);text-decoration:none}.page-header{margin:1.5rem 0 1rem}.page-header h1{margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}.page-header p{margin:.4rem 0 0;color:var(--text-soft)}.panel{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:1rem}.stack{display:grid;gap:.8rem}.filters{display:grid;gap:.7rem;margin-bottom:1rem}.newsletter-form{display:grid;gap:.7rem}.field{display:grid;gap:.35rem}.field label{font-size:.9rem;color:var(--text-soft)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;font:inherit;color:inherit;background:var(--surface)}.field textarea{resize:vertical}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}button,.button-link{border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:.58rem .9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem}button:hover,.button-link:hover{background:var(--accent-strong);color:#fff;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.button-link.secondary,button.secondary{background:transparent;border-color:var(--border);color:var(--text)}.feed-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.item-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:1rem}.item-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .4rem}.item-head h2{margin:0;font-size:1.05rem}.item-head h1{margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem)}.meta-line{display:flex;flex-wrap:wrap;gap:.5rem .75rem;color:var(--text-soft);font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.tag{border-radius:999px;border:1px solid var(--border);padding:.2rem .55rem;color:var(--text-soft);font-size:.86rem}.error{color:var(--danger)}.pagination{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.about-list{margin:0;padding-left:1.1rem}@media(min-width:720px){.filters{grid-template-columns:2fr 1fr;align-items:end}}.hero{margin:2.25rem 0 1.25rem}.hero h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.hero-subline{margin:.6rem 0 0;max-width:46rem;color:var(--text-soft);font-size:1.05rem}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.25rem}.use-case{border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:.8rem .9rem}.use-case h3{margin:0 0 .3rem;font-size:.95rem}.use-case p{margin:0;color:var(--text-soft);font-size:.9rem}@media(max-width:720px){.use-cases{grid-template-columns:1fr}}.connect-panel{margin-bottom:1.25rem}.connect-panel h2{margin:0 0 .35rem}.connect-panel>p{margin:0;color:var(--text-soft)}.connect-snippets{display:grid;gap:.7rem;margin-top:.8rem}.connect-snippet h3{margin:0 0 .3rem;font-size:.95rem}.connect-snippet pre{margin:0;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:.6rem .7rem;overflow-x:auto}.connect-snippet code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.connect-note,.live-stats{margin:.8rem 0 0;color:var(--text-soft);font-size:.9rem}.paste-block{margin-top:.8rem}.paste-block h3{margin:0 0 .3rem;font-size:.95rem}.paste-block pre{margin:0;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:.6rem .7rem;overflow-x:auto}.paste-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.paste-block button{margin-top:.4rem}.site-footer{margin-top:3rem;border-top:1px solid var(--border)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem;color:var(--text-soft);font-size:.9rem}.site-footer__inner a{color:var(--text)}.site-footer__links{display:flex;flex-wrap:wrap;gap:.75rem}.site-footer__links a{padding:.3rem .55rem;border-radius:999px;color:var(--accent)}.site-footer__links a:hover{background:var(--bg-soft);text-decoration:none}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag-filter{border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:.3rem .8rem;color:var(--text-soft);font:inherit;font-size:.88rem;cursor:pointer}.tag-filter:hover{background:var(--bg-soft)}.tag-filter.active{border-color:var(--accent);background:var(--accent);color:var(--surface)}.tag-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.tag-pill{display:inline-flex;align-items:baseline;gap:.35rem;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem}.tag-pill:hover{background:var(--bg-soft);text-decoration:none}.tag-pill__count{font-size:.75em;color:var(--text-soft)}