.settings-dialog{width:min(95vw,960px);max-height:92vh;padding:30px;background:#19160f;border:1px solid #776032;border-radius:20px;color:#f4edde}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.settings-heading h1{font:700 30px Outfit,sans-serif;margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #4b4029;background:#252115;padding:20px;border-radius:12px;margin:10px 0;font-size:14px}.settings-row>span,.settings-row>div>span,.settings-row label{font-weight:600;color:#c8baa0;margin:0}.settings-row small{display:block;max-width:460px;font-size:12px;color:#a99b7e;line-height:1.6;margin-top:6px}.settings-row strong{font-weight:700;text-align:right;overflow-wrap:anywhere}.settings-row-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.settings-row button{font-size:12px;white-space:nowrap}.settings-row select{padding:12px;border:1px solid #8e7034;background:#17140e;color:#f5ead1;border-radius:9px;max-width:100%}.settings-row .danger{color:#ff9e90;border-color:#744035}.settings-nav{display:flex;justify-content:center;gap:12px;border-top:1px solid #4a3c25;padding-top:22px;margin-top:20px}.settings-nav button{padding:15px 24px;background:#292317;color:#d0bb8f;border:1px solid #65522d;border-radius:10px;font-weight:700}.settings-nav button.active,.settings-nav button:hover{background:#775923;color:#fff}.settings-dialog #settings-message{min-height:20px;font-size:13px;color:#d9bc80;line-height:1.6}.settings-dialog #settings-message.error{color:#ff9e90}.settings-heading .eyebrow{margin:0 0 5px}.settings-dialog #diagnostics-result h2{font:700 19px Outfit,sans-serif;margin:28px 0 15px}.settings-open{font-size:17px;padding:8px 11px}.settings-dialog button:focus-visible,.settings-dialog select:focus-visible{outline:2px solid #d8b96a;outline-offset:3px}.parental-dialog{width:min(94vw,440px);max-height:92vh;overflow:auto}.parental-dialog p{line-height:1.6;font-size:13px}.settings-dialog:modal{display:block}
@media(max-width:650px){.settings-dialog{padding:20px 14px;max-height:95vh}.settings-row{align-items:flex-start;padding:15px;gap:14px;flex-wrap:wrap}.settings-row strong{margin-left:auto}.settings-row-actions{justify-content:flex-start}.settings-row select{width:100%}.settings-nav{gap:6px}.settings-nav button{flex:1;padding:12px 6px;font-size:12px}.settings-heading h1{font-size:25px}.user-actions{gap:8px}.settings-open{padding:7px 9px}}
