:root{--blue:#1869eb;--blue-soft:#e8f0fe;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--ground:#f8fafc;--radius:14px}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.shell{max-width:1080px;margin:0 auto;padding:0 20px 72px}header.top{border-bottom:1px solid var(--line);background:var(--surface)}header.top .inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:18px 20px;display:flex}.brand{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.brand .mark{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.spacer{flex:1}.langs{flex-wrap:wrap;gap:6px;display:flex}.langs a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px}.langs a.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue);font-weight:600}.hero{padding:40px 0 24px}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:30px}.hero p{color:var(--muted);max-width:62ch;margin:0}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 18px;display:flex}.filters input{border:1px solid var(--line);background:var(--surface);min-width:200px;font:inherit;border-radius:999px;flex:240px;padding:10px 14px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px;transition:box-shadow .15s,transform .15s;display:flex}.card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.card h2{margin:0;font-size:17px}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.row{align-items:center;gap:12px;display:flex}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tag{border:1px solid var(--line);border-radius:999px;padding:2px 9px}.tag.blue{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.detail{grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-top:28px;display:grid}@media (max-width:860px){.detail{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel h3{margin:0 0 10px;font-size:15px}.panel+.panel{margin-top:16px}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list li{border-top:1px solid var(--line);padding-top:10px;font-size:14px}.list li:first-child{border-top:0;padding-top:0}.list code{background:var(--ground);border-radius:6px;padding:1px 6px;font-size:12.5px}.notice{background:var(--blue-soft);color:#14346f;border-radius:var(--radius);border:1px solid #c7dbfd;padding:14px 16px;font-size:14px}.muted{color:var(--muted)}footer.bottom{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:22px 0;font-size:13px}footer.bottom .inner{flex-wrap:wrap;gap:16px;max-width:1080px;margin:0 auto;padding:0 20px;display:flex}@media (prefers-color-scheme:dark){:root{--ink:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--surface:#0f172a;--ground:#020617;--blue-soft:#10243f}.notice{color:#cfe0fb;border-color:#1d3a63}}.nav{gap:14px;font-size:14px;display:flex}.who{align-items:center;gap:10px;margin-inline-start:16px;font-size:13px;display:flex}.linklike{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}form.stack{gap:12px;max-width:640px;display:grid}label{color:var(--muted);gap:4px;font-size:13px;display:grid}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:9px 12px}textarea{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}button.primary{background:var(--blue);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-self:start;padding:10px 18px;font-weight:600}button.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;padding:8px 14px}.ok{color:#14532d;border-radius:var(--radius);background:#e7f7ee;border:1px solid #b6e3c9;padding:12px 14px;font-size:14px}.bad{color:#7f1d1d;border-radius:var(--radius);background:#fdecec;border:1px solid #f5c2c2;padding:12px 14px;font-size:14px}.status{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px}.status.published{color:#14532d;background:#e7f7ee;border-color:#b6e3c9}.status.in_review{color:#7c4a03;background:#fff6e5;border-color:#f3d9a4}.status.rejected,.status.yanked{color:#7f1d1d;background:#fdecec;border-color:#f5c2c2}.split{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (prefers-color-scheme:dark){.ok{color:#b7f0cf;background:#0f2d1d;border-color:#1d5236}.bad{color:#f6c7c7;background:#2d1111;border-color:#5c2020}.status.published{color:#b7f0cf;background:#0f2d1d;border-color:#1d5236}.status.in_review{color:#f5d99b;background:#2e2410;border-color:#5a4718}.status.rejected,.status.yanked{color:#f6c7c7;background:#2d1111;border-color:#5c2020}}