:root{--bg: #f6f7f3;--bg-soft: #eef0e7;--surface: #ffffff;--text: #192027;--text-soft: #4f5a65;--accent: #0d6f68;--accent-strong: #0a5a55;--border: #d6dccd;--danger: #aa3e2b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 5% 5%,#e3efe6 0%,transparent 42%),radial-gradient(circle at 95% 0%,#e9e5d8 0%,transparent 36%),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}.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{margin:.8rem 0 0;color:var(--text-soft);font-size:.9rem}