Human editor loop

<div class="editor"><div class="top">DRAFT REVIEW <span>3 ISSUES</span></div><p>Our tool is the best way to save hours every day.</p><div class="issues"><i>OVERCLAIM</i><i>NO SOURCE</i><i>VAGUE RESULT</i></div><div class="revision">Find the note you need without searching across tabs.</div></div>

.editor{box-sizing:border-box;width:87%;max-width:680px;padding:clamp(10px,2.3vmin,22px);border:1px solid var(--line);background:var(--surface);font-family:sans-serif}.top{display:flex;justify-content:space-between;font:900 clamp(10px,max(1.5vmin,1vw),12px) sans-serif;letter-spacing:.1em}.top span{color:var(--accent)}.editor p{font:800 clamp(12px,2.7vmin,25px)/1.16 sans-serif;color:var(--muted);text-decoration:line-through;animation:fade 6s infinite}.issues{display:flex;gap:clamp(3px,1vmin,10px)}.issues i{padding:.5em;background:var(--accent);color:white;font:900 clamp(10px,max(1.4vmin,1vw),12px) sans-serif;font-style:normal;animation:clear 6s infinite}.issues i:nth-child(2){animation-delay:1s}.issues i:nth-child(3){animation-delay:2s}.revision{margin-top:clamp(8px,2vmin,17px);border-left:4px solid var(--accent);padding:.3em .6em;font:900 clamp(12px,3vmin,27px)/1.12 sans-serif;animation:ready 6s infinite}@keyframes clear{0%,25%{opacity:1}55%,85%{opacity:.2}100%{opacity:1}}@keyframes ready{0%,15%{opacity:.25;transform:translateY(5px)}28%,88%{opacity:1;transform:none}100%{opacity:.25;transform:translateY(5px)}}@keyframes fade{0%,25%{opacity:1}55%,85%{opacity:.4}100%{opacity:1}}@media(min-width:700px){body > *{transform:scale(1.4)}.lines p,.branches div,.cards div{cursor:pointer}}