:root{--bg:#07080c;--fg:#e8eaf0;--mut:#8a90a2;--chip:#161925;--acc:#7aa2ff;--card:#0f111a}
*{box-sizing:border-box;margin:0}
html,body{background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,system-ui,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:5;background:rgba(7,8,12,.88);backdrop-filter:blur(12px);padding:14px clamp(12px,2.5vw,32px);border-bottom:1px solid #ffffff10}
.top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
h1{font-size:clamp(18px,2.2vw,28px);font-weight:600}
h1 small{color:var(--mut);font-weight:400;font-size:.55em;margin-left:.5em}
.crumbs{color:var(--mut);font-size:13px}.crumbs a:hover{color:var(--acc)}
nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
nav a{background:var(--chip);border-radius:99px;padding:5px 12px;font-size:13px}
nav a:hover{background:#232838}nav a.on{background:var(--acc);color:#000}
main.grid{column-width:clamp(220px,22vw,420px);column-gap:clamp(8px,1vw,16px);padding:clamp(8px,1vw,16px) clamp(12px,2.5vw,32px) 48px}
.grid figure{break-inside:avoid;margin:0 0 clamp(8px,1vw,16px);background:var(--card);border-radius:6px;overflow:hidden;transition:transform .2s}
.grid figure:hover{transform:translateY(-3px)}
.grid img{display:block;width:100%;height:auto}
figcaption{padding:7px 10px;font-size:12px;color:var(--mut)}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,16vw,260px),1fr));gap:clamp(8px,1vw,16px);padding:16px clamp(12px,2.5vw,32px) 0}
.cats a{background:var(--card);border-radius:6px;overflow:hidden;display:block}
.cats img{display:block;width:100%;height:auto}
.cats span{display:block;padding:8px 10px;font-size:14px}.cats em{color:var(--mut);font-style:normal;font-size:12px;margin-left:6px}
h2{font-size:18px;font-weight:600;padding:28px clamp(12px,2.5vw,32px) 0}
.view{display:flex;flex-direction:column;align-items:center;padding:16px clamp(12px,2.5vw,32px) 40px;gap:14px}
.view img{max-width:100%;max-height:calc(100vh - 170px);width:auto;height:auto;object-fit:contain;border-radius:4px}
.tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tools a{background:var(--chip);border-radius:6px;padding:8px 14px;font-size:14px}.tools a:hover{background:#232838}
.tools a.dis{opacity:.3;pointer-events:none}
footer{color:var(--mut);font-size:12px;text-align:center;padding:24px}