:root{color-scheme:dark;--bg:#070f0b;--panel:#0d1b13;--line:#354532;--text:#eee9d6;--muted:#b5baa7;--accent:#cdb478}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 ui-monospace,Consolas,"Liberation Mono",monospace}header,main,footer{max-width:900px;margin:auto;padding:20px 24px}header{border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:700}nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}a{color:var(--accent);text-underline-offset:3px}a:hover{color:#fff0bb}h1{font-size:30px}h2{font-size:23px}h3{font-size:18px;margin:0}h1,h2,h3{line-height:1.3}section{margin-bottom:32px}section+section{border-top:1px solid var(--line);padding-top:20px}p{margin:10px 0}.fine,.intro,.card p,footer{color:var(--muted)}.fine{font-size:14px}button,input{font:inherit;border:1px solid var(--line);border-radius:2px;background:var(--panel);color:var(--text);padding:6px 10px}button{cursor:pointer}button:hover{border-color:var(--accent)}input{max-width:100%;width:250px}.search{display:block;margin:12px 0}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.filters .active{background:var(--accent);color:var(--bg)}.catalog{display:block}.card{padding:15px 0;border-bottom:1px solid var(--line)}.cardtop{font-size:12px;color:var(--muted);margin-bottom:3px}.symbol{display:none}.card p{margin:4px 0 8px}.cardbottom{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.copy{font:14px monospace}.source{font-size:14px}.hash{font:12px/1.6 monospace;margin-top:8px;overflow-wrap:anywhere;color:var(--muted)}summary{cursor:pointer}pre{background:var(--panel);border:1px solid var(--line);padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 monospace}code{font:14px monospace;color:var(--accent)}.note{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:13px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);padding:8px 16px;border:1px solid var(--line)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(max-width:500px){header,main,footer{padding:16px}h1{font-size:26px}.cardbottom{gap:10px}}
.desktop-preview{margin:16px 0}.desktop-preview img{display:block;max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--line)}.desktop-preview figcaption{font-size:13px;color:var(--muted);margin-top:8px}

.brand{display:inline-flex;align-items:center;gap:14px}.brand-logo{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}