/* wrapper */
.anonbox-wrapper{padding:1em;background:rgb(51, 51, 51);color:#eee;margin-bottom:1em;}

/* textarea, placeholder, files */
.anonbox textarea{width:100%;resize:vertical}
.anonbox ul{list-style:square;margin-left:0;padding-left:0;list-style-position:inside;}
.anonbox li{margin-left:0}
.anonbox-nofiles{margin:4px 0;color:#666;font-style:italic}

.anonbox a{color:#85c1e9;text-decoration:none;transition:color .3s;}
.anonbox a:hover{color:#fff;text-decoration:underline;}

.anonbox button{background:#eee;color:#000;border-radius:.25em;float:right;position:relative;font-size:1rem;line-height:1.2rem;vertical-align:top}

/* drop zone */
.drop{border:2px dashed #aaa;padding:20px;text-align:center;margin:8px 0;cursor:pointer}

/* spinner (inside Send button when busy) */
.anonbox-spinner{
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-left:6px;
    border:2px solid #000;
    border-top:2px solid rgba(0,0,0,0.4);
    border-radius:50%;
    animation:anonbox-spin .6s linear infinite;
    vertical-align:top;
}
@keyframes anonbox-spin{to{transform:rotate(360deg)}}

/* error + transitions */
.anonbox-error{color:#cc0000;opacity:0;transition:opacity .3s;margin-bottom:.5rem}
.anonbox-error.show{opacity:1}
.anonbox-fields{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .4s,opacity .4s,transform .4s}
.anonbox-fields.show{max-height:500px;opacity:1;transform:none}

/* fade form out / thank‑you in */
.fade-out{opacity:1;transition:opacity .35s}.fade-out.anonbox{opacity:0}
.fade-in{animation:fadeIn .4s both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.anonbox-success{font-size:1.1rem;font-weight:600;text-align:center}