:root{--bg:#fff7ed;--ink:#111827;--muted:#6b7280;--line:rgba(17,24,39,.12);--card:#ffffff;--hot:#fb7185;--cool:#38bdf8;--sun:#f59e0b;--shadow:0 18px 60px rgba(17,24,39,.12)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 620px at 15% 0%, rgba(245,158,11,.22), transparent 60%),radial-gradient(1000px 660px at 85% 10%, rgba(56,189,248,.22), transparent 60%),radial-gradient(900px 700px at 50% 100%, rgba(251,113,133,.16), transparent 55%),var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:#1d4ed8;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1160px;margin:0 auto;padding:0 18px}
.sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

#top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:blur(10px) saturate(1.3);border-bottom:1px solid var(--line)}
.top-inner{display:grid;grid-template-columns:1fr auto 320px;gap:14px;align-items:center;padding:14px 0}
#logo a{font-weight:950;letter-spacing:.2px;color:var(--ink);font-size:18px}
.tagline{color:var(--muted);font-size:13px}
.chips{display:flex;gap:8px;justify-content:center}
.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff}
.chip:nth-child(1){border-color:rgba(245,158,11,.45)}
.chip:nth-child(2){border-color:rgba(56,189,248,.45)}
.chip:nth-child(3){border-color:rgba(251,113,133,.45)}
.ad{min-width:180px;max-width:360px}

#gallery{padding:18px 0 80px}
.masonry{columns:3 280px;column-gap:16px}
.card{break-inside:avoid;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;margin:0 0 16px}
.card--wide{columns:auto}
.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.card-title{margin:0;font-size:16px}
.card-meta{color:var(--muted);font-size:12px}
.card-body{margin-top:10px}
.muted{margin:0;color:var(--muted)}
.linklist{list-style:none;margin:0;padding:0}
.linklist li+li{margin-top:6px}

#footer{padding:18px 0 40px;border-top:1px solid var(--line);background:rgba(255,255,255,.55);margin-bottom:74px}
#footer .social{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#footer a[role="button"]{border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:#fff}
#footer p{margin:0;color:var(--muted)}

#dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;background:rgba(255,255,255,.84);backdrop-filter:blur(10px) saturate(1.25);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px rgba(17,24,39,.20)}
#dock ul{list-style:none;margin:0;padding:8px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}
#dock a{display:block;text-align:center;padding:10px 8px;border-radius:14px;color:var(--ink)}
#dock li.active a{background:linear-gradient(90deg, rgba(245,158,11,.18), rgba(56,189,248,.18));font-weight:900}

@media (max-width: 960px){
  .top-inner{grid-template-columns:1fr auto}
  .ad{display:none}
  .masonry{columns:2 260px}
}
@media (max-width: 620px){
  .chips{display:none}
  .masonry{columns:1 300px}
}