/* Reading is the default surface. Sound, habits, and data have their own places. */
.settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px;border-bottom:1px solid var(--line);flex:none}
.settings-tabs button{min-height:48px;font:13px var(--interface);color:var(--muted);border-bottom:2px solid transparent}
.settings-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
.settings-dialog .dialog-heading{padding:23px 28px 19px}
.settings-dialog .settings-section h3{margin-bottom:18px}
.settings-panel>.settings-section:first-child{padding-top:22px}
.settings-panel .setting-row select{max-width:174px;min-height:40px}
.settings-panel .setting-hint{font-size:11px;line-height:1.8;margin:8px 0 0}
.settings-panel .size-row{margin-bottom:20px}
.settings-panel .font-choices{margin-bottom:23px}
.settings-paper-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px;color:var(--muted)}
.settings-paper-heading span:last-child{font-size:10px}
.settings-panel .theme-swatches{justify-content:space-between;gap:8px;margin-bottom:8px}
.settings-panel .theme-swatches button{width:34px;height:34px}
.settings-details{margin:18px 0 0}
.settings-details>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);cursor:pointer;list-style:none}
.settings-details>summary::after{content:'＋'}.settings-details[open]>summary::after{content:'−'}
.settings-details>div{padding:14px 0 2px}
.settings-panel .parallel-preview{margin:15px 0 0;padding:15px 12px}
.settings-panel .parallel-preview p{font-size:14px}
.settings-panel .parallel-preview-label{margin:18px 0 0}
.settings-panel .style-description{font-size:11px;line-height:1.8;color:var(--muted);margin:4px 0 0}
.settings-panel .parallel-preview>.parallel-pair{gap:14px}
.settings-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 28px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;background:var(--panel)}
.settings-footer button{font-size:12px;min-height:36px;color:var(--accent)}
.settings-panel .reset-appearance{margin-top:20px}
.settings-action{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 0;text-align:left;font-size:13px;color:var(--ink);text-decoration:none}
.settings-action span{color:var(--muted);font-size:11px;flex:none}
.settings-panel .settings-action:hover{color:var(--accent)}
.settings-panel .settings-actions{display:grid;gap:3px}
.settings-panel .voice-settings-shortcut{margin-top:4px;align-items:flex-start;flex-direction:column;gap:9px;padding:10px 0;min-height:54px}
.settings-panel .voice-settings-shortcut span{font-size:11px;line-height:1.6}
.settings-sound-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.settings-sound-heading h3{margin:0!important}.settings-sound-heading button{font-size:12px;min-height:40px;color:var(--accent);padding:8px 0 8px 8px}
.settings-sound-summary{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 8px}
.settings-volume{display:grid;grid-template-columns:1fr 108px 36px;gap:8px;align-items:center;font-size:12px;min-height:48px}
.settings-volume input{width:100%;min-height:36px;accent-color:var(--accent)}.settings-volume output{font-size:10px;text-align:right;color:var(--muted)}
.settings-panel .book-details{margin-top:0;padding-bottom:20px}
.settings-habit{padding:23px 0;border-bottom:1px solid var(--line)}.settings-habit .setting-row{margin-bottom:0}.settings-habit label{color:var(--ink)}
@media(max-width:390px){.settings-tabs{padding:0 14px}.settings-footer{padding-left:22px;padding-right:22px}.settings-panel .theme-swatches{gap:6px}.settings-panel .theme-swatches button{width:32px;height:32px}.settings-volume{grid-template-columns:1fr 96px 32px}}