AI 콘텐츠 품질

<div class="quality"><div class="mass"><b>REPEATED DRAFTS</b><div class="page">Generic tips</div><div class="page">Generic tips</div><div class="page">Generic tips</div></div><div class="versus">→</div><div class="original"><b>EDITORIAL VALUE</b><div class="fact">FIRSTHAND NOTES</div><div class="fact">CHECKED FACTS</div><div class="fact">USEFUL EXAMPLE</div></div></div>

.quality{display:flex;align-items:center;justify-content:center;gap:clamp(7px,2vmin,18px);width:94%;font:900 clamp(10px,max(1.6vmin,1vw),14px) sans-serif;color:var(--fg)}.mass,.original{width:41%;display:grid;gap:clamp(4px,1vmin,9px)}.mass b,.original b{font-size:max(10px,1vw,.75em);letter-spacing:.07em}.mass b{color:var(--muted)}.original b{color:var(--accent)}.page,.fact{padding:clamp(8px,1.5vmin,14px);background:var(--surface);border:1px solid var(--line)}.page{opacity:.62;animation:dim 3s infinite alternate}.page:nth-child(3){margin-left:7px}.page:nth-child(4){margin-left:14px}.fact{border-left:4px solid var(--accent);animation:bright 3s infinite alternate}.fact:nth-child(3){animation-delay:.3s}.fact:nth-child(4){animation-delay:.6s}.versus{font-size:clamp(23px,5vmin,45px);color:var(--accent)}@keyframes dim{to{opacity:.42;transform:translateX(-5px)}}@keyframes bright{to{box-shadow:5px 0 0 var(--accent);transform:translateX(5px)}}@media(min-width:700px){body > :not(script){zoom:1.55}.map,.feed,.linkmap{height:48%}}