.settings-page{padding:24px 16px 36px}.settings-card{max-width:680px;margin:0 auto;padding:24px;background:var(--white,#fffdf5);border:2px solid var(--ink,#17263a);box-shadow:4px 4px 0 var(--ink,#17263a);font-size:15px}.settings-card [hidden]{display:none!important}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-heading h1{font-size:28px;margin:0 0 18px}.settings-heading a{font-size:13px;min-height:44px;display:flex;align-items:center}.settings-tabs{display:flex;gap:4px;border-bottom:2px solid var(--ink,#17263a);margin-bottom:18px}.settings-tabs button{flex:1;min-height:48px;padding:8px 4px;background:transparent;border:0;font:inherit;font-weight:700;font-size:13px;line-height:1.3;cursor:pointer;color:inherit}.settings-tabs button[aria-selected=true]{background:var(--ink,#17263a);color:#fffdf5}.settings-card :focus-visible{outline:3px solid #bb6638;outline-offset:3px}.settings-card label{font-weight:700}.settings-card input:not([type=checkbox]):not([type=range]){min-width:0;width:100%;min-height:44px;font:inherit;padding:8px;border:2px solid var(--ink,#17263a);background:#fffdf5}.settings-card .button{min-height:44px;padding:10px 14px;white-space:normal;font-size:12px}.settings-inline{display:flex;gap:10px;margin-top:8px}.settings-inline input{flex:1}.settings-inline button{flex:0 0 135px}.settings-card form{margin:20px 0}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #c9c5b8}.settings-note{font:13px/1.5 Arial,sans-serif;margin:8px 0;overflow-wrap:anywhere}.settings-row .settings-note{margin:6px 0 0}.settings-check{cursor:pointer;min-height:64px}.settings-check small{display:block;font:13px/1.5 Arial,sans-serif;margin-top:6px}.settings-check input{width:24px;height:24px;flex-shrink:0;accent-color:#17263a;margin:10px}.settings-volume{display:block;margin:20px 0}.settings-volume output{float:right}.settings-volume input{display:block;width:100%;height:44px;accent-color:#17263a}.settings-card #settings-message:empty{display:none}.settings-card #settings-message{font:14px/1.5 Arial,sans-serif;background:#e7eddf;padding:10px;overflow-wrap:anywhere}.settings-card #settings-message[data-error=true]{background:#f9e1d8}@media(max-width:420px){.settings-card{padding:16px}.settings-tabs button{font-size:12px}.settings-row{gap:10px}.settings-inline button{flex-basis:100px}.settings-heading h1{font-size:26px}}