/* TENIMPER v53.50 — reader-side Reading Line picker */
.reader-line-add-v5350{
  position:fixed;
  inset:0;
  z-index:10030;
  display:grid;
  place-items:center;
  padding:18px;
}

.reader-line-add-v5350__backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(8,7,6,.60);
  backdrop-filter:blur(2px);
  cursor:default;
}

.reader-line-add-v5350>section{
  position:relative;
  width:min(430px,100%);
  max-height:min(70vh,560px);
  overflow:auto;
  box-sizing:border-box;
  padding:12px;
  border:1px solid rgba(188,144,79,.12);
  border-radius:13px;
  background:rgba(24,20,17,.985);
  box-shadow:0 18px 50px rgba(0,0,0,.30);
}

.reader-line-add-v5350__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}

.reader-line-add-v5350__head>span{
  display:grid;
  gap:2px;
}

.reader-line-add-v5350__head small,
.reader-line-add-v5350__list small{
  color:rgba(188,144,79,.44);
  font-size:.47rem;
}

.reader-line-add-v5350__head>span>small{
  letter-spacing:.06em;
  text-transform:uppercase;
}

.reader-line-add-v5350__head strong{
  color:rgba(233,209,179,.80);
  font-family:Georgia,"Times New Roman",serif;
  font-size:.68rem;
  font-weight:600;
}

.reader-line-add-v5350__head>button{
  border:0;
  background:transparent;
  color:rgba(211,177,132,.58);
  font-size:1rem;
  cursor:pointer;
}

.reader-line-add-v5350__list{
  display:grid;
  gap:6px;
}

.reader-line-add-v5350__list>button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 9px;
  border:1px solid rgba(188,144,79,.08);
  border-radius:9px;
  background:rgba(188,144,79,.008);
  color:inherit;
  cursor:pointer;
}

.reader-line-add-v5350__list>button>span{
  min-width:0;
  display:grid;
  gap:2px;
  text-align:left;
}

.reader-line-add-v5350__list strong{
  overflow:hidden;
  color:rgba(232,207,173,.72);
  font-family:Georgia,"Times New Roman",serif;
  font-size:.58rem;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.reader-line-add-v5350__list i{
  color:rgba(188,144,79,.50);
  font-style:normal;
}

.reader-line-add-v5350__empty{
  display:grid;
  gap:8px;
  padding:8px;
  color:rgba(224,204,178,.48);
  font-size:.54rem;
}

.reader-line-add-v5350__empty p{
  margin:0;
}

.reader-line-add-v5350__empty a{
  width:max-content;
  max-width:100%;
  color:rgba(211,177,132,.66);
  text-decoration:none;
}

html[data-theme="light"] .reader-line-add-v5350>section{
  background:rgba(250,244,235,.99);
}

html[data-theme="light"] .reader-line-add-v5350__head strong,
html[data-theme="light"] .reader-line-add-v5350__list strong{
  color:rgba(76,53,38,.74);
}

@media(max-width:560px){
  .reader-line-add-v5350{
    align-items:end;
    padding:10px;
  }

  .reader-line-add-v5350>section{
    width:100%;
    max-height:78vh;
  }
}


/* TENIMPER v53.51 — already-in-line state */
.reader-line-add-v5350__list>button.is-added,
.reader-line-add-v5350__list>button:disabled.is-added{
  border-color:rgba(188,144,79,.11);
  background:rgba(188,144,79,.018);
  opacity:.72;
  cursor:default;
}

.reader-line-add-v5350__list>button.is-added i{
  color:rgba(188,144,79,.72);
}

[data-reading-line-add].is-added{
  border-color:rgba(188,144,79,.13);
  background:rgba(188,144,79,.022);
  color:rgba(231,195,145,.74);
}
