XML 사이트맵

<div class="site"><div class="sheet"><b>sitemap.xml</b><div>/guide</div><div>/catalog</div><div class="fresh">/new-story <span>NEW</span></div></div><div class="beam">→</div><div class="queue"><b>DISCOVERY</b><div class="chip">/guide</div><div class="chip">/catalog</div><div class="chip incoming">/new-story</div></div></div>

.site{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.5vmin,25px);width:94%;font:800 clamp(10px,max(1.8vmin,1vw),15px) sans-serif;color:var(--fg)}.sheet{background:var(--surface);border:1px solid var(--line);padding:clamp(10px,2.3vmin,20px);display:grid;gap:clamp(5px,1vmin,9px);box-shadow:5px 5px 0 var(--line)}.sheet b,.queue b{color:var(--accent)}.sheet div{padding:3px 9px;border-left:3px solid var(--line)}.sheet .fresh{border-color:var(--accent);animation:appear 3s infinite}.fresh span{font-size:max(10px,1vw,.7em);color:var(--accent)}.beam{color:var(--accent);font-size:clamp(22px,5vmin,42px)}.queue{display:grid;gap:clamp(5px,1vmin,9px)}.chip{border-radius:20px;background:var(--surface);border:1px solid var(--line);padding:4px 12px}.incoming{background:var(--accent);color:white;animation:arrive 3s infinite}@keyframes appear{0%,20%{opacity:.1}45%,100%{opacity:1}}@keyframes arrive{0%,40%{opacity:.05;transform:translateX(-15px)}70%,100%{opacity:1;transform:none}}@media(min-width:700px){body > :not(script){zoom:1.55}.map,.feed,.linkmap{height:48%}}