@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{color:#1a1a2e;--padding:1rem;background:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7}@media (width>=600px){body{--padding:2rem}}main a{color:#181836;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}p{margin-bottom:1rem}hr{border:none;border-top:1px solid #cacaca;margin:2rem 0}h1{margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:700}h3{margin-bottom:1rem;font-size:1.3rem;font-weight:700}h4{margin-bottom:1rem;font-size:1.2rem;font-weight:700}.container{max-width:800px;padding-inline:var(--padding);margin:0 auto}#app{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}nav{border-bottom:1px solid #e8e8ec}footer{background:#f5f5f5;border-top:1px solid #e0e0e0;margin-top:2rem;padding-block:2rem}menu{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;line-height:1}.btn{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-dark{color:#fff;background:#000;padding:.5rem 1rem;font-size:.9rem}.btn-primary{color:#111;background:#e5e5e5;padding:.6rem 1.25rem;font-size:.9rem}.btn-primary:hover{background:#d4d4d4}.btn-ghost{color:#999;background:0 0;border:1px solid #333;padding:.6rem 1.25rem;font-size:.9rem}.btn-ghost:hover{color:#ccc;background:#1a1a1a}.btn-copy{color:#888;background:0 0;border:1px solid #ddd;border-radius:6px;gap:.35rem;padding:.25rem .6rem;font-size:.75rem}.btn-copy:hover{color:#555;border-color:#aaa}.card{background:#fff;border:1px solid #e8e8ec;border-radius:10px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.card:hover .card-title{color:#6c5ce7}.card-img{position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:200px;display:block}.card-overlay{background:linear-gradient(#00000080,#0000 60%);align-items:flex-start;padding:.75rem;display:flex;position:absolute;inset:0}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.card-meta{color:#888;font-size:.75rem}.card-title{color:#1a1a2e;font-size:1.1rem;font-weight:700;line-height:1.3}.badge{text-transform:uppercase;border-radius:4px;font-weight:600;display:inline-block}.badge-light{color:#1a1a2e;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;padding:.2rem .55rem;font-size:.65rem}.badge-dark{color:#fff;letter-spacing:.08em;background:#1a1a2e;padding:.25rem .65rem;font-size:.7rem}.avatar{object-fit:cover;border:2px solid #fff;border-radius:50%}.avatar-sm{width:24px;height:24px;box-shadow:0 1px 3px #0000001a}.avatar-sm+.avatar-sm{margin-left:-.5rem}.avatar-md{width:36px;height:36px;transition:transform .15s;box-shadow:0 1px 4px #0000001a}.avatar-md:hover{transform:scale(1.1)}.author-row{align-items:center;gap:.5rem;margin-top:auto;display:flex}.author-names{color:#888;font-size:.75rem}