.ia-annot{
 background:none;
 border:0;
 padding:2px 6px;
 margin:0;
 font:inherit;
 font-size:inherit;
 line-height:inherit;
 color:inherit !important;
 border-bottom:2px dotted #3b82f6;
 border-radius:6px;
 cursor:pointer;
 transition:background .18s ease, box-shadow .18s ease;
}

.ia-annot:hover,
.ia-annot.ia-active{
 color:#fff !important;
 background:rgba(59,130,246,.22);
 box-shadow:inset 0 0 0 1px rgba(59,130,246,.7);
}

#ia-tip{
 position:fixed;
 display:none;
 max-width:min(420px,calc(100vw - 24px));
 max-height:320px;
 overflow:auto;
 background:rgba(18,22,30,.94);
 backdrop-filter:blur(12px);
 border-radius:14px;
 padding:18px 20px;
 font-size:16px;
 line-height:1.6;
 color:#fff;
 box-shadow:0 24px 80px rgba(0,0,0,.45);
 opacity:1;
 transform:none;
}

#ia-tip::after{
 content:"";
 position:absolute;
 width:12px;
 height:12px;
 background:inherit;
 transform:rotate(45deg);
 top:-6px;
 left:28px;
}

#ia-tip-inner{
 font-size:17px;
 line-height:1.65;
}

#ia-tip-inner p{
 margin:0 0 12px 0;
}

#ia-tip-inner img{
 max-width:100%;
 height:auto;
 display:block;
 margin:10px 0;
}

.ia-admin{
 margin-top:10px;
 display:flex;
 gap:6px;
}

.ia-admin button{
 font-size:12px;
 padding:4px 8px;
 border-radius:6px;
 border:0;
 background:#2563eb;
 color:#fff;
 cursor:pointer;
}

/* media styling inside annotation */

#ia-tip-inner img,
#ia-tip-inner video,
#ia-tip-inner iframe{
 border-radius:12px;
 overflow:hidden;
}

#ia-tip-inner figure{
 border-radius:12px;
 overflow:hidden;
}

#ia-tip-inner img{
 display:block;
 max-width:100%;
 height:auto;
}



.ia-hidden{
 opacity:.45;
 text-decoration:line-through;
}



.ia-admin{
 position:sticky;
 bottom:0;
 margin-top:12px;
 display:flex;
 gap:8px;
 justify-content:flex-end;
 padding-top:10px;
 background:linear-gradient(to top, rgba(18,22,30,.98), rgba(18,22,30,0));
}

.ia-admin button{
 min-width:32px;
 height:32px;
 padding:0 10px;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.12);
 background:rgba(255,255,255,.08);
 color:#fff;
 cursor:pointer;
}

.ia-admin button[data-ia-delete]{
 font-size:18px;
 line-height:1;
}

.ia-thread{
 border-top:1px solid rgba(255,255,255,.08);
 padding-top:10px;
 margin-top:10px;
}

.ia-thread-author{
 font-size:12px;
 opacity:.65;
 margin-bottom:4px;
}

.ia-reply-label{
 font-size:11px;
 opacity:.5;
 margin-bottom:4px;
}


.ia-thread-author{
 font-weight:600;
 color:#60a5fa;
}

.ia-thread-body{
 font-size:15px;
 line-height:1.55;
}