.settings-page{max-width:820px;padding:64px 0 96px}.settings-head{border-bottom:1px solid var(--line,#e6ebef);padding-bottom:26px}.settings-eyebrow{font:10px var(--font-mono,monospace);letter-spacing:.16em;color:#8d97a0;margin:0 0 12px}.settings-head h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:350}.settings-sub{color:#6c7780;max-width:46ch;margin:12px 0 0;font-size:13.5px;line-height:1.8}.settings-section{padding-top:34px}.settings-section h2{letter-spacing:-.015em;align-items:center;gap:9px;margin:0 0 12px;font-size:19px;font-weight:450;display:flex}.settings-text{color:#59646c;max-width:62ch;margin:0 0 22px;font-size:13.5px;line-height:1.85}.settings-keys{border-top:1px solid #eceff2;margin:0}.settings-row{border-bottom:1px solid #eceff2;grid-template-columns:minmax(90px,160px) minmax(0,1fr);align-items:center;gap:16px;padding:10px 0;display:grid}.settings-row dt{color:#2c343a;font-size:13.5px}.settings-row dd{flex-wrap:wrap;gap:8px;margin:0;display:flex}.settings-key{min-width:64px;min-height:36px;font:500 13px var(--font-mono,monospace);color:#2c343a;background:#fbfcfc;border:1px solid #d9e0e5;border-bottom-width:2px;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.settings-key:hover{background:#f3f6f8;border-color:#c4ced5}.settings-key.is-arrow{font-family:inherit;font-size:17px;font-weight:400}.settings-key.is-empty{color:#8d97a0;background:0 0;border-style:dashed;border-bottom-width:1px;font-family:inherit;font-size:12.5px;font-weight:400}.settings-key[data-listening]{color:#8a6d2f;background:#fbf7ee;border-color:#b99a5c;font-family:inherit;font-weight:400}.settings-status{color:#8a6d2f;min-height:22px;margin:12px 0 0;font-size:12.5px}.settings-reset{color:#4d585f;border:1px solid #d9e0e5;border-radius:7px;align-items:center;gap:7px;margin:6px 0 24px;padding:8px 14px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}.settings-reset:hover{background:#f3f6f8;border-color:#c4ced5}.settings-note{color:#8d97a0;align-items:flex-start;gap:8px;max-width:62ch;margin:0 0 10px;font-size:12.5px;line-height:1.8;display:flex}.settings-note svg{flex:none;margin-top:4px}.dark .settings-head{border-color:#1c262e}.dark .settings-sub,.dark .settings-text{color:#9aa4ac}.dark .settings-keys,.dark .settings-row{border-color:#1c262e}.dark .settings-row dt{color:#d5dde3}.dark .settings-key{color:#e2e8ec;background:#121a20;border-color:#2a353d}.dark .settings-key:hover{background:#172129;border-color:#3a4852}.dark .settings-key.is-empty{color:#7d878f;background:0 0}.dark .settings-key[data-listening]{color:#e6c98a;background:#1f1a10;border-color:#d8b56a}.dark .settings-status{color:#d8b56a}.dark .settings-reset{color:#b3bdc5;border-color:#2a353d}.dark .settings-reset:hover{background:#172129;border-color:#3a4852}.dark .settings-note{color:#7d878f}@media (max-width:560px){.settings-page{padding:40px 0 72px}.settings-row{grid-template-columns:minmax(0,1fr);gap:8px}}.settings-toggles{gap:4px;margin:4px 0 14px;display:grid}.settings-toggle{color:#2c343a;cursor:pointer;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.settings-toggle input{accent-color:#a3854d;width:16px;height:16px}.settings-toggle[data-disabled]{opacity:.5;cursor:default}.dark .settings-toggle{color:#d5dde3}.settings-slider{color:#2c343a;grid-template-columns:minmax(150px,220px) minmax(0,1fr) 52px;align-items:center;gap:14px;padding:8px 0;font-size:13.5px;display:grid}.settings-slider input{accent-color:#a3854d;width:100%}.settings-slider output{color:#6c7985;text-align:right;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace}.dark .settings-slider{color:#d5dde3}@media (max-width:560px){.settings-slider{grid-template-columns:1fr 52px}.settings-slider span{grid-column:1/-1}}