:root{--bg:#0b0d12;--fg:#e8eaf0;--mute:#8b92a5;--line:#1c2030;--card:#11141c;--hover:#161a25;--acc:#7c9cff;--good:#6ee7b7;--bad:#f2746a;--warn:#f2b45a;--neutral:#a78bfa}
@media (prefers-color-scheme:light){:root{--bg:#f6f7fa;--fg:#12141a;--mute:#5d6577;--line:#e2e5ee;--card:#fff;--hover:#f0f2f8;--acc:#3b5bdb;--good:#0f8a64;--bad:#c23b32;--warn:#b7791f;--neutral:#6d4fd6}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
header,main{max-width:760px;margin:0 auto;padding:0 16px}
header{padding-top:28px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);z-index:1;border-bottom:1px solid var(--line);padding-bottom:12px}
h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}
.mark{color:var(--acc);margin-right:.2em}
.sub{margin:.15rem 0 .9rem;color:var(--mute);font-size:.85rem}
nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:6px}
nav a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--mute);text-decoration:none;font-size:.85rem;white-space:nowrap}
nav a[aria-current]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.list{list-style:none;margin:16px 0 40px;padding:0;display:grid;gap:10px}
.row{display:flex;gap:8px;align-items:stretch}
.item{display:block;flex:1;min-width:0;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.title{display:block;font-weight:600;letter-spacing:-.01em}
.meta{display:block;margin-top:6px;color:var(--mute);font-size:.78rem}
.tag{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid currentColor}
.v-outdated{color:var(--bad)}.v-best-practice{color:var(--good)}.v-speculative{color:var(--warn)}.v-contested{color:var(--neutral)}
.t-prompting,.t-context,.t-agents,.t-tools,.t-memory,.t-evals,.t-rag,.t-multi-agent,.t-security,.t-deployment,.t-other{color:var(--mute)}
.stale{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--bad);color:#fff;border:1px solid var(--bad)}
.summary{margin:10px 0 0;font-size:.92rem}
.superseded{margin:8px 0 0;font-size:.8rem;color:var(--mute)}
.superseded code{background:var(--hover);padding:1px 6px;border-radius:4px}
.sources{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sources li a{font-size:.75rem;color:var(--acc);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:3px 10px;display:inline-block}
.sources li a:hover,.sources li a:focus-visible{border-color:var(--acc);outline:none}
.empty{color:var(--mute);text-align:center;padding:60px 0}
.share{flex:none;width:44px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--mute);cursor:pointer;transition:color .15s,border-color .15s}
.share:hover,.share:focus-visible{color:var(--acc);border-color:var(--acc);outline:none}
.share.done{color:var(--good);border-color:var(--good)}
.why{margin:6px 0 0 8px}
.why summary{display:inline-block;cursor:pointer;color:var(--mute);font-size:.75rem;list-style:none;padding:2px 6px;border-radius:6px}
.why summary::-webkit-details-marker{display:none}
.why summary:hover,.why summary:focus-visible{color:var(--fg);outline:none}
.bubble{position:relative;margin:8px 0 4px 6px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:16px;font-size:.85rem;color:var(--fg)}
.bubble::before{content:"";position:absolute;top:-6px;left:18px;width:10px;height:10px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}