AI 생성 콘텐츠 회의감

<div class="skeptic"><div class="label">PRODUCT CLAIM / SAME BENEFIT</div><div class="claim"><b id="claim">"BEST RESULTS"</b><span id="source">SOURCE NOT SHOWN</span></div><div class="trust"><small>VERIFY THE CLAIM</small><div><i id="fill"></i></div></div></div>

@media(min-width:700px){body>div{transform:scale(1.45)}}.skeptic{width:min(85%,530px);font:800 clamp(10px,max(1.8vmin,1vw),13px)/1.2 sans-serif}.label{letter-spacing:.1em;color:var(--muted)}.claim{background:var(--surface);border:2px solid var(--fg);box-shadow:6px 6px 0 var(--accent);padding:clamp(12px,4vmin,30px);margin:clamp(10px,3vmin,24px) 0}.claim b{display:block;font-size:clamp(16px,5vmin,39px);letter-spacing:-.04em}.claim span{display:inline-block;margin-top:clamp(7px,2vmin,15px);background:var(--accent-2);color:#211b19;padding:5px 7px;font-size:clamp(10px,max(1.5vmin,1vw),12px)}.trust{display:flex;align-items:center;gap:10px;color:var(--muted)}.trust small{white-space:nowrap;font-size:clamp(10px,max(1.5vmin,1vw),12px)}.trust div{flex:1;height:9px;background:var(--line)}.trust i{display:block;height:100%;width:18%;background:var(--accent);transition:width .5s}.trust i.verified{width:80%}

const claim=document.querySelector('#claim');const source=document.querySelector('#source');const fill=document.querySelector('#fill');let shown=false;function swap(){shown=!shown;claim.textContent=shown?'"LASTS 12 HOURS"':'"BEST RESULTS"';source.textContent=shown?'TEST METHOD + DATE SHOWN':'SOURCE NOT SHOWN';fill.classList.toggle('verified',shown)}setTimeout(swap,550);setInterval(swap,2500);