*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:#111;font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
.home{max-width:760px;margin:0 auto;padding:28px 16px 40px}
.brand{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.brand img{width:56px;height:56px;border-radius:14px}
.brand h1{font-size:26px;margin:0;font-weight:600;letter-spacing:.2px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{display:block}
.card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid #dadce0;border-radius:6px;display:block;background:#f1f3f4}
.card span{display:block;font-size:15px;line-height:1.3;padding:8px 2px 0;font-weight:500}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-bottom:1px solid #dadce0;padding:10px 12px}
.bar a,.bar b{font-size:16px;font-weight:600;padding:8px 10px;min-width:64px}
.bar b{flex:1;text-align:center;font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .off{opacity:.25;pointer-events:none}
.pg{display:block;width:100%;max-width:900px;margin:0 auto;height:auto}