.settings-root{width:min(1120px,100%);margin:0 auto;color:#eef6ff}.settings-shell{min-width:0;padding:clamp(18px,3vw,30px)}
.settings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.settings-header h2{margin:0 0 6px;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.settings-header p{max-width:620px;margin:0;color:#9eb5cc;font-size:14px;line-height:1.5}.settings-save{min-width:72px;padding:5px 9px;border:1px solid rgba(117,215,173,.28);border-radius:999px;background:rgba(22,65,59,.46);color:#8ce0ba;text-align:center;font-size:.82rem}.settings-save[hidden]{display:none}.settings-save.saving{border-color:rgba(247,198,106,.32);background:rgba(79,55,18,.5);color:#f7c66a}.settings-save.error{border-color:rgba(255,141,156,.35);background:rgba(77,25,38,.58);color:#ff9dac}
.settings-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:7px;border:1px solid #203a55;border-radius:17px;background:#091727}.settings-root button{width:auto;height:auto;min-height:44px;box-shadow:none}.settings-category{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;width:100%!important;min-height:66px;padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#a9bfd4;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.settings-category:hover{border-color:#31597e;background:#10233b;color:#fff}.settings-category.active{border-color:#78d7ff;background:#78d7ff;color:#06111f}.settings-category strong{font-size:.96rem}.settings-category span{font-size:.76rem;color:inherit;opacity:.78}
.settings-detail{max-width:900px}.settings-page{padding:clamp(18px,3vw,28px);border:1px solid #213a53;border-radius:20px;background:linear-gradient(145deg,rgba(13,31,53,.96),rgba(8,23,41,.96));box-shadow:0 18px 46px rgba(0,0,0,.16)}.settings-page h3{margin:0 0 5px;font-size:1.65rem}.settings-page-intro{margin:0 0 20px;color:#91aac3;font-size:13px}.settings-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:18px;align-items:center;min-height:70px;padding:12px 0;border-bottom:1px solid #20384f}.settings-control:last-child{border-bottom:0}.settings-control label{font-weight:700}.settings-control small{display:block;margin-top:4px;color:#91aac3;font-size:12px;line-height:1.45;font-weight:400}.settings-control select{width:100%;min-width:0;min-height:44px;padding:8px 11px;border:1px solid #36536d;border-radius:11px;background:#071522;color:#eef6ff;font:inherit}.settings-control input[type="checkbox"]{width:24px;height:24px;margin:0;justify-self:end;accent-color:#3b82f6}.settings-control select:focus-visible,.settings-control input:focus-visible,.settings-category:focus-visible{outline:3px solid #78d7ff;outline-offset:2px}
html[data-settings-text="large"]{font-size:18px}html[data-settings-text="extra-large"]{font-size:20px}html[data-settings-contrast="high"]{--muted:#e4eefb;--line:rgba(224,237,255,.72);--blue:#78b6ff}html[data-settings-contrast="high"] .settings-page,html[data-settings-contrast="high"] .settings-hub,html[data-settings-contrast="high"] .settings-control{border-color:rgba(224,237,255,.68)}html[data-settings-motion="reduced"] *,html[data-settings-motion="reduced"] *::before,html[data-settings-motion="reduced"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.settings-category{transition:none}}
@media(max-width:700px){.settings-shell{padding:14px 12px 26px}.settings-header{align-items:flex-start}.settings-hub{grid-template-columns:1fr}.settings-category{min-height:58px}.settings-control{grid-template-columns:1fr;gap:10px;align-items:start}.settings-control select{max-width:100%}.settings-control input[type="checkbox"]{justify-self:start}.settings-page{border-radius:16px}}