:root{--bg:#f5f5f7;--card:#ffffffeb;--text:#1d1d1f;--subtext:#6e6e73;--line:#00000014;--blue:#0071e3;--chip:#ececf0;--shadow:0 20px 40px #00000014}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #fff 0%, var(--bg) 42%, #ececf1 100%);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.app-shell{width:min(1240px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero{text-align:center;margin:0 auto 1.5rem}.eyebrow{color:var(--blue);margin-bottom:.5rem;font-weight:600}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.subtitle{color:var(--subtext);margin-top:.85rem}.filters{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow);border-radius:28px;margin-bottom:1.25rem;padding:1rem}.full-width-field,.field{gap:.45rem;display:grid}.grid-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.9rem;display:grid}label{color:var(--subtext);font-size:.82rem;font-weight:600}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:.68rem .75rem;font-size:.92rem}.tag,.reset{background:var(--chip);color:var(--text);border:none;border-radius:999px;padding:.36rem .7rem;font-size:.78rem}.reset{background:var(--blue);color:#fff;font-weight:600}.toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.toolbar p{color:var(--subtext);margin:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:1rem}.card-header h2{letter-spacing:-.01em;margin:0;font-size:1rem}.card-header p{color:var(--subtext);margin:.3rem 0 0;font-size:.86rem}.meta-grid{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.meta-grid span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.2rem .58rem;font-size:.74rem}.summary{color:var(--subtext);margin:.8rem 0;font-size:.9rem}.tags{flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem;display:flex}.tag.topic{background:#e6f2ff}details{border-top:1px solid var(--line);padding-top:.6rem}summary{cursor:pointer;color:var(--blue);font-size:.85rem;font-weight:600}pre{white-space:pre-wrap;color:var(--subtext);max-height:16rem;margin:.6rem 0 0;font-family:inherit;font-size:.85rem;line-height:1.48;overflow:auto}.empty{text-align:center;color:var(--subtext);grid-column:1/-1;margin-top:2rem}@media (max-width:980px){.grid-fields,.cards{grid-template-columns:1fr}}