/* Den wallpicker + fav section */

.den-fav-section{
  position:absolute; inset:0; z-index:10;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  display:flex; flex-direction:column;
  overflow:hidden;
}
.den-fav-section[hidden]{ display:none !important; }

.den-fav-section .den-head{
  display:flex; align-items:center; gap:8px;
  padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;
}

.den-fav-section .fav-list{
  flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:8px 12px calc(env(safe-area-inset-bottom) + 12px);
}
.den-fav-section .fav-count{
  font-size:11px; color:var(--text-dim); letter-spacing:.05em;
  margin-left:auto; padding-right:8px;
}

.fav-empty{
  text-align:center; color:var(--text-dim); font-size:13px;
  padding:40px 20px; line-height:2;
}

.fav-item{
  display:flex; align-items:flex-start; gap:10px;
  padding:12px 8px; border-bottom:1px solid var(--hairline, rgba(0,0,0,.06));
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.fav-item:active{ background:var(--frost-press, rgba(0,0,0,.03)) }
.fav-item-body{ flex:1; min-width:0 }
.fav-item-text{
  font-size:14px; color:var(--text); line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.fav-item-meta{
  margin-top:4px; font-size:10px; color:var(--text-dim); letter-spacing:.08em;
}
.fav-item-del{
  flex-shrink:0; background:none; border:0; color:var(--text-dim);
  font-size:16px; padding:4px 6px; cursor:pointer; opacity:.6;
}
.fav-item-del:active{ opacity:1; color:#d98a8a }

.fav-item-note{
  margin-top:5px; padding:6px 10px;
  background:transparent;
  border-left:2px solid var(--accent, #B57E86);
  border-radius:0 8px 8px 0;
  font-size:12.5px; color:var(--text-dim); line-height:1.6;
  font-style:italic;
  word-break:break-word;
}

.den-fav-count{
  margin-left:6px; font-size:11px; color:var(--text-dim); letter-spacing:.05em;
}

/* ── wallpaper picker ─── */
.dfav-wallpicker{
  padding:10px 16px 14px;
  border-bottom:1px solid var(--hairline, rgba(0,0,0,.06));
  background:var(--frost-press, rgba(0,0,0,.02));
}
.dfav-wp-title{
  font-size:12px; color:var(--text-dim); letter-spacing:.1em;
  margin:0 0 8px;
}
.dfav-wp-row{
  display:flex; gap:10px;
}
.dfav-wp-btn{
  font-size:13px; padding:6px 14px;
  border:1px solid var(--hairline, rgba(0,0,0,.12));
  border-radius:8px; background:var(--frost-card, #fff);
  color:var(--text); cursor:pointer;
}
.dfav-wp-btn:active{ opacity:.7 }
.dfav-wp-clear{ color:var(--text-dim) }

/* gear button on right */
.dfav-gear{
  margin-left:4px;
  opacity:.5;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dfav-gear:active{ opacity:1 }
.dfav-gear svg{ display:block }

/* color picker input */
.dfav-color-input{
  width:32px; height:32px;
  border:1px solid var(--hairline, rgba(0,0,0,.12));
  border-radius:8px; padding:2px; cursor:pointer;
  background:none;
}

/* header title: Chinese on top, English below */
.den-fav-section .den-head > div{
  display:flex; flex-direction:column;
}
.den-fav-section .den-head h1{
  font-size:22px; margin:0; order:1;
}
.den-fav-section .den-head p{
  font-size:10px; letter-spacing:.12em; color:var(--text-dim);
  margin:0; order:2; opacity:.7;
}

/* settings label */
.dfav-wp-label{
  font-size:13px; color:var(--text-dim); white-space:nowrap;
}

/* title align left */
.den-fav-section .den-head > div{
  flex:1; text-align:left;
}

/* title align left */
.den-fav-section .den-head > div{ flex:1; text-align:left; }

/* Wallpaper mode: photo is the surface — no frost bleed from Den underneath. */
.den-fav-section.has-wall{
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.den-fav-section.has-wall .fav-item-note{
  background: transparent;
}
.den-fav-section.has-wall .fav-item:active{
  background: rgba(255,255,255,.28);
}


/* fav clear force */
#page-den .den-fav-section,
#page-den .den-fav-section.has-wall{
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#page-den .den-fav-section .fav-item:active{
  background: transparent;
}