.settings-heading{ min-width:0; }
.settings-heading p{
  margin:0 0 2px; color:var(--text-faint); font-size:10px;
  font-family:var(--font-en),var(--font-cn); letter-spacing:.14em;
}
.settings-heading h2{
  margin:0; color:var(--text); font-size:17px; font-weight:500;
  font-family:var(--font-en),var(--font-cn);
}
.settings-scroll{
  width:100%; max-width:760px; margin:0 auto; gap:16px;
  padding-bottom:calc(96px + env(safe-area-inset-bottom));
}
.settings-intro{ padding:4px 4px 8px; }
.settings-kicker{
  margin:0; color:var(--text-faint); font-size:10px; letter-spacing:.15em;
  font-family:var(--font-en),var(--font-cn);
}
.settings-intro h1{
  max-width:18em; margin:8px 0 9px; color:var(--text);
  font-family:var(--font-en),var(--font-cn); font-size:clamp(27px,5vw,38px);
  font-weight:500; line-height:1.18;
}
.settings-intro>p:last-child{
  max-width:44em; margin:0; color:var(--text-soft); font-size:12.5px; line-height:1.7;
}
.settings-section{ display:flex; flex-direction:column; gap:13px; }
.settings-source-list{ display:grid; gap:8px; }
.settings-source-list .action-row{ min-height:58px; border-radius:14px; }
.settings-source-mark{
  display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%;
  background:var(--seg-track); color:var(--accent); font:9px/1 var(--font-en),var(--font-cn);
  letter-spacing:.04em;
}
.settings-gateway-status{ cursor:default; }
.settings-gateway-dot{ flex:none; width:7px; height:7px; border-radius:50%; background:var(--status-dot); box-shadow:0 0 0 4px color-mix(in srgb,var(--status-dot) 12%,transparent); }
.settings-card-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.settings-card-heading p{
  margin:0 0 2px; color:var(--text-faint); font-family:var(--font-en),var(--font-cn);
  font-size:9.5px; letter-spacing:.14em;
}
.settings-card-heading h3{ margin:0; color:var(--text); font-size:16px; font-weight:500; }
.settings-card-heading>span{
  flex:none; padding:4px 8px; border-radius:999px; background:var(--seg-track);
  color:var(--text-faint); font-size:10px;
}
.settings-control-copy{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.settings-control-copy>span{ color:var(--text); font-size:13.5px; }
.settings-control-copy>small{ color:var(--text-faint); font-size:10.5px; text-align:right; }
.settings-sound-list{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.settings-sound-choices{ display:grid; gap:8px; }
.settings-sound-choice,.settings-preview{
  min-height:48px; border:1px solid var(--card-line); border-radius:14px;
  background:var(--seg-track); color:var(--text); font:inherit; cursor:pointer;
  transition:background .2s ease,transform .14s ease,box-shadow .2s ease;
}
.settings-sound-choice{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px;
  padding:9px 12px; text-align:left;
}
.settings-sound-choice.active{ background:var(--seg-thumb); box-shadow:var(--seg-thumb-shadow); }
.settings-sound-choice:active,.settings-preview:active{ transform:scale(.985); }
.settings-sound-mark{
  display:grid; place-items:center; width:30px; height:30px; border-radius:50%;
  background:var(--card-bg); color:var(--accent); font-size:22px;
}
.settings-sound-choice b,.settings-sound-choice small{ display:block; }
.settings-sound-choice b{ font-size:13.5px; font-weight:500; }
.settings-sound-choice small{ margin-top:2px; color:var(--text-faint); font-size:10px; }
.settings-sound-choice i{ color:var(--text-faint); font-size:10px; font-style:normal; }
.settings-preview{ min-width:72px; padding:0 15px; font-size:12px; }
.settings-download-actions{ display:flex; flex-wrap:wrap; gap:8px; }
.settings-download-actions button{
  min-height:44px; padding:0 14px; border:1px solid var(--card-line); border-radius:13px;
  background:var(--seg-track); color:var(--text); font:12px/1 var(--font-cn); cursor:pointer;
}
.settings-download-actions button:first-child{ background:var(--seg-thumb); box-shadow:var(--seg-thumb-shadow); }
.settings-download-actions button:active{ transform:scale(.985); }
.settings-download-actions button:disabled{ opacity:.52; cursor:default; }
.settings-account-row{ margin-top:2px; }
.settings-footnote{
  margin:2px 6px 0; color:var(--text-faint); font-size:10.5px; line-height:1.65; text-align:center;
}
.settings-panel .settings-scroll>*{
  opacity:0; transform:translateY(8px);
  transition:opacity .28s ease,transform .34s var(--ease-soft);
}
.settings-panel.open .settings-scroll>*{ opacity:1; transform:none; }
.settings-panel.open .settings-scroll>*:nth-child(2){ transition-delay:35ms; }
.settings-panel.open .settings-scroll>*:nth-child(3){ transition-delay:70ms; }
.settings-panel.open .settings-scroll>*:nth-child(4){ transition-delay:105ms; }
.settings-panel.open .settings-scroll>*:nth-child(5){ transition-delay:140ms; }
.settings-panel.open .settings-scroll>*:nth-child(6){ transition-delay:175ms; }
@media (min-width:1000px){
  .settings-scroll{ padding-top:18px; padding-bottom:36px; }
}
@media (max-width:520px){
  .settings-control-copy{ align-items:flex-start; flex-direction:column; gap:3px; }
  .settings-control-copy>small{ text-align:left; }
  .settings-sound-list{ grid-template-columns:1fr; }
  .settings-preview{ min-height:44px; }
  .settings-download-actions{ display:grid; grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  .settings-panel .settings-scroll>*{ opacity:1; transform:none; transition:none; }
}