<div class="scene citation"><span class="label">SAME FIVE QUESTIONS</span><div class="grid"><b>BRAND NAME</b><div class="cells mention"><i></i><i></i><i></i><i></i><i></i></div><b>OWN URL</b><div class="cells source"><i></i><i></i><i></i><i></i><i></i></div></div><div class="legend"><span>■ mentioned</span><span>■ cited</span><span>□ absent</span></div></div>
.scene{width:min(92%,680px);max-height:94%;font:700 clamp(10px,max(1.7vmin,1vw),15px)/1.3 sans-serif;color:var(--fg)}.label{font:900 clamp(10px,max(1.3vmin,1vw),12px)/1 sans-serif;letter-spacing:.12em;color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);padding:clamp(8px,2vmin,18px)}.muted{color:var(--muted)}.accent{color:var(--accent)}.row{display:flex;align-items:center;gap:clamp(5px,1.2vmin,10px)}.pill{display:inline-block;padding:.35em .6em;border:1px solid var(--line);border-radius:30px}button{cursor:pointer;font:inherit}@media(min-width:700px){.scene{transform:scale(1.5)}}.citation{max-width:570px}.grid{display:grid;grid-template-columns:clamp(70px,17vmin,130px) 1fr;gap:clamp(7px,1.5vmin,14px);align-items:center;margin:clamp(15px,3vmin,28px) 0}.grid>b{font-size:clamp(10px,max(1.3vmin,1vw),12px)}.cells{display:flex;gap:clamp(5px,1.2vmin,12px)}.cells i{flex:1;height:clamp(25px,6vmin,55px);border:1px solid var(--line);background:var(--surface);animation:light 3s infinite}.mention i:nth-child(-n+4){background:var(--accent-2)}.source i:nth-child(-n+2){background:var(--accent)}.cells i:nth-child(2){animation-delay:.2s}.cells i:nth-child(3){animation-delay:.4s}.cells i:nth-child(4){animation-delay:.6s}.cells i:nth-child(5){animation-delay:.8s}.legend{display:flex;gap:clamp(5px,2vmin,16px);color:var(--muted);font-size:clamp(10px,max(1.2vmin,1vw),12px)}@keyframes light{0%,15%{opacity:.3;transform:scale(.9)}40%,90%{opacity:1;transform:none}100%{opacity:.3}}
