.ataket-reply-selector{
  padding:16px;
  margin:12px 0;
  border-radius:20px;
  border:1px solid rgba(255,157,25,.2);
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255,150,25,.12),
      transparent 42%
    ),
    rgba(9,11,15,.74);
}

.ars-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.ars-title strong{
  display:block;
  color:#fff;
  font-size:16px;
}

.ars-title small{
  display:block;
  margin-top:4px;
  color:#858c96;
}

.ars-title>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-weight:900;
  color:#15100a;
  background:linear-gradient(
    135deg,
    #ffc53e,
    #ff7900
  );
}

.ars-field small,
.ars-count-title{
  display:block;
  margin-bottom:7px;
  color:#969da7;
  font-size:12px;
}

.ars-field select{
  width:100%;
  min-height:50px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#11151c;
  color:#fff;
}

.ars-count-title{
  margin-top:14px;
}

.ars-counts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.ataket-reply-count{
  height:48px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:#151922;
  color:#979eaa;
  font-weight:900;
  font-size:17px;
  cursor:pointer;
  transition:
    transform .15s ease,
    background .2s ease,
    color .2s ease;
}

.ataket-reply-count:active{
  transform:scale(.97);
}

.ataket-reply-count.active{
  color:#171009;
  border-color:#ffa118;
  background:
    linear-gradient(
      135deg,
      #ffc03b,
      #ff7900
    );
}

.ars-note{
  margin-top:12px;
  color:#757d88;
  font-size:11px;
  line-height:1.65;
}

.ataket-library-button{
  width:100%;
  min-height:54px;
  margin-bottom:14px;
  border:1px solid rgba(255,155,20,.25);
  border-radius:17px;
  background:
    linear-gradient(
      135deg,
      rgba(255,187,45,.14),
      rgba(255,116,0,.05)
    );
  color:#ffad28;
  font-weight:800;
}

.ataket-library-button span{
  display:inline-grid;
  place-items:center;
  width:31px;
  height:31px;
  margin-left:8px;
  border-radius:10px;
  color:#15100a;
  background:
    linear-gradient(
      135deg,
      #ffc33e,
      #ff7900
    );
}

.ataket-library-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:flex-end;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(9px);
}

.ataket-library-modal.open{
  display:flex;
}

.alm-sheet{
  width:100%;
  max-height:91vh;
  overflow:auto;
  padding:18px;
  border-radius:28px 28px 0 0;
  border-top:1px solid rgba(255,160,25,.25);
  background:
    radial-gradient(
      circle at 90% 0,
      rgba(255,130,0,.1),
      transparent 30%
    ),
    #11151c;
  box-shadow:0 -25px 80px rgba(0,0,0,.55);
}

.alm-handle{
  width:48px;
  height:5px;
  margin:0 auto 18px;
  border-radius:10px;
  background:#4a515d;
}

.alm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}

.alm-head small{
  color:#ff9414;
}

.alm-head h2{
  margin:4px 0 0;
  color:#fff;
}

.alm-head button{
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:#1b2028;
  color:#aaa;
  font-size:26px;
}

.alm-pack{
  margin-bottom:14px;
  padding:15px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.065);
  background:#171c24;
}

.alm-pack-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  color:#fff;
}

.alm-delete{
  border:0;
  background:rgba(255,75,90,.1);
  color:#ff7180;
  padding:7px 12px;
  border-radius:10px;
}

.alm-pack label{
  display:block;
  margin-top:10px;
  color:#8d95a1;
  font-size:12px;
}

.alm-pack input,
.alm-pack textarea{
  width:100%;
  margin-top:6px;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:#0d1117;
  color:#fff;
  resize:vertical;
}

.alm-help{
  display:block;
  margin-top:8px;
  color:#69717d;
}

.alm-actions{
  position:sticky;
  bottom:-18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  padding:14px 0 18px;
  background:#11151c;
}

.alm-actions button{
  min-height:51px;
  border-radius:15px;
  font-weight:800;
}

.alm-secondary{
  border:1px solid rgba(255,255,255,.08);
  background:#191e27;
  color:#eee;
}

.alm-primary{
  border:0;
  color:#15100a;
  background:
    linear-gradient(
      135deg,
      #ffc43c,
      #ff7900
    );
}

@media(min-width:800px){
  .alm-sheet{
    max-width:760px;
    margin:auto;
    border-radius:28px 28px 0 0;
  }
}

@media(prefers-reduced-motion:reduce){
  .ataket-reply-count{
    transition:none;
  }
}