.vi-bar{background:var(--background);border-bottom:1px solid var(--border);align-items:center;gap:6px;height:26px;padding:0 8px;display:flex;position:absolute;inset:0 0 auto}.vi-dot{background:var(--muted-foreground);opacity:.5;border-radius:3px;width:34px;height:6px}.vi-chip{height:16px;color:var(--background);background:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground);border-radius:5px;margin-left:auto;padding:0 7px;font-size:9px;font-weight:500;line-height:16px}.vi-block{background:var(--muted);border-radius:4px;position:absolute}.vi-line{background:var(--muted);border-radius:3px;height:6px;position:absolute}.vi-pin{color:#fff;z-index:3;transform-origin:0 100%;border-radius:9px 9px 9px 2px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:600;display:grid;position:absolute;box-shadow:0 1px 2px #00000040}.vi-general{background:var(--pin-general)}.vi-copy{background:var(--pin-copy)}.vi-card{z-index:4;border:1px solid var(--border);background:var(--popover);border-radius:7px;padding:7px 8px;position:absolute;box-shadow:0 4px 12px #0000001f}.vi-aChip{animation-name:vi-aChip}@keyframes vi-aChip{0%,16%{color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);background:0 0}20%,92%{color:var(--background);background:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}to{color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);background:0 0}}.vi-aCursor{animation-name:vi-aCursor;transform:translate(132px,84px)}@keyframes vi-aCursor{0%{opacity:0;transform:translate(150px,120px)}6%{opacity:1;transform:translate(150px,120px)}15%{transform:translate(236px,10px)scale(1)}18%{transform:translate(236px,10px)scale(.8)}21%{transform:translate(236px,10px)scale(1)}44%{transform:translate(132px,84px)scale(1)}47%{transform:translate(132px,84px)scale(.8)}50%,90%{opacity:1;transform:translate(132px,84px)scale(1)}97%,to{opacity:0;transform:translate(132px,84px)}}.vi-aPin{animation-name:vi-pop;top:64px;left:122px}@keyframes vi-pop{0%,48%{opacity:0;transform:scale(0)}54%{opacity:1;transform:scale(1.25)}60%,90%{opacity:1;transform:scale(1)}97%,to{opacity:0;transform:scale(1)}}.vi-aCard{width:110px;animation-name:vi-aCard;top:46px;left:146px}@keyframes vi-aCard{0%,56%{opacity:0;transform:translateY(6px)}62%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}.vi-aWho{align-items:center;gap:4px;margin-bottom:5px;display:flex}.vi-aAvatar{background:var(--pin-general);border-radius:5px;width:10px;height:10px}.vi-aName{background:var(--muted-foreground);opacity:.6;border-radius:3px;width:30px;height:5px}.vi-aText{background:var(--foreground);opacity:.75;transform-origin:0;border-radius:3px;height:5px;margin-top:4px;animation-name:vi-type}.vi-aText+.vi-aText{width:62%;animation-name:vi-type2}@keyframes vi-type{0%,62%{transform:scaleX(0)}74%,to{transform:scaleX(1)}}@keyframes vi-type2{0%,72%{transform:scaleX(0)}82%,to{transform:scaleX(1)}}.vi-bWords{white-space:nowrap;color:var(--foreground);font-size:15px;font-weight:600;line-height:22px;position:absolute;top:40px;left:18px}.vi-bHighlight{background:var(--pin-copy-soft);box-shadow:inset 0 -2px 0 var(--pin-copy);z-index:-1;transform-origin:0;border-radius:3px;animation-name:vi-bHighlight;position:absolute;inset:0 -2px}@keyframes vi-bHighlight{0%,20%{opacity:1;transform:scaleX(0)}46%,90%{opacity:1;transform:scaleX(1)}97%,to{opacity:0;transform:scaleX(1)}}.vi-bCursor{animation-name:vi-bCursor;top:6px;left:100%}@keyframes vi-bCursor{0%{opacity:0;top:80px;left:40%}6%{opacity:1;top:80px;left:40%}18%,20%{top:6px;left:0%;transform:scale(1)}22%{transform:scale(.85)}44%{top:6px;left:100%;transform:scale(.85)}47%,90%{opacity:1;top:6px;left:100%;transform:scale(1)}97%,to{opacity:0;top:6px;left:100%}}.vi-bPin{animation-name:vi-pop;top:-16px;left:calc(100% + 2px)}.vi-bCard{width:200px;font-size:10px;line-height:14px;animation-name:vi-aCard;top:72px;left:18px}.vi-bOld{color:var(--muted-foreground);text-decoration:line-through}.vi-bNew{color:var(--pin-copy-text);font-weight:600}.vi-bOther{top:116px;left:232px}.vi-cDone,.vi-cReviewed{white-space:nowrap;border-radius:5px;align-items:center;gap:3px;height:18px;padding:0 7px;font-size:9px;font-weight:500;display:flex;position:absolute;top:4px;right:8px}.vi-cDone{background:var(--success);color:var(--success-foreground);animation-name:vi-cDone}.vi-cReviewed{background:var(--secondary);color:var(--secondary-foreground);opacity:0;animation-name:vi-cReviewed}.vi-cReviewed svg{color:var(--success-icon)}.vi-cDone svg,.vi-cReviewed svg{width:10px;height:10px}@keyframes vi-cDone{0%,40%{opacity:1;transform:scale(1)}37%{transform:scale(.94)}44%,92%{opacity:0}to{opacity:1}}@keyframes vi-cReviewed{0%,40%{opacity:0}44%,92%{opacity:1}to{opacity:0}}.vi-cRipple{border:2px solid var(--success-icon);opacity:0;z-index:2;border-radius:50%;width:46px;height:46px;animation-name:vi-cRipple;position:absolute;top:-10px;right:30px}@keyframes vi-cRipple{0%,38%{opacity:0;transform:scale(.3)}40%{opacity:.8;transform:scale(.3)}54%,to{opacity:0;transform:scale(1.3)}}.vi-cCursor{animation-name:vi-cCursor;transform:translate(222px,12px)}@keyframes vi-cCursor{0%{opacity:0;transform:translate(90px,110px)}6%{opacity:1;transform:translate(90px,110px)}33%{transform:translate(222px,12px)scale(1)}37%{transform:translate(222px,12px)scale(.8)}41%,90%{opacity:1;transform:translate(222px,12px)scale(1)}97%,to{opacity:0;transform:translate(222px,12px)}}.vi-cToast{white-space:nowrap;opacity:0;align-items:center;gap:5px;width:max-content;font-size:10px;animation-name:vi-cToast;display:flex;top:auto;bottom:10px;left:50%;transform:translate(-50%,16px)}.vi-cToast svg{width:11px;height:11px;color:var(--success-icon);flex:none}@keyframes vi-cToast{0%,48%{opacity:0;transform:translate(-50%,16px)}56%,90%{opacity:1;transform:translate(-50%)}97%,to{opacity:0;transform:translate(-50%)}}
.dn-glow{animation:1.5s ease-in-out 3 dn-glow}@keyframes dn-glow{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--success) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--success) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.dn-glow{box-shadow:0 0 0 3px color-mix(in oklab, var(--success) 60%, transparent);animation:none}}.dn-scene .an-scene{zoom:var(--dn-zoom,1);background:linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(to bottom, var(--border) 15%, var(--background)) border-box;border-color:#0000}
