#access{padding:20px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));box-shadow:none}
#access-panel{--settings-line:#ffffff1a;width:min(560px,100%);max-height:min(740px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff2e;border-radius:6px;background:linear-gradient(135deg,#17151ce8,#090a10f5 48%);box-shadow:0 28px 90px #0009;color:#dedbe4;font:14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.015em;text-align:left}
.settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px 9px}
.settings-header p{margin:0;font:12px/1.4 ui-monospace,monospace;letter-spacing:.17em;color:#b5afc1}
#access-close{display:grid;place-items:center;min-width:44px;min-height:44px;font:26px/1 Arial;color:#d7d1e0;margin:-7px -10px -6px 0}
.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 22px;border-bottom:1px solid var(--settings-line)}
.settings-tabs button{min-height:46px;padding:10px 4px;border-bottom:1px solid transparent;margin-bottom:-1px;font:12px/1.3 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#a6a0b1}
.settings-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#d8c9f0}
#access-panel button:focus-visible,#access-panel select:focus-visible,#access-panel input:focus-visible,#access-panel summary:focus-visible{outline:2px solid #c7b5e2;outline-offset:3px}
.settings-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#544b63 transparent;touch-action:pan-y;scroll-padding:16px}
.settings-tab{padding:12px 24px 22px}
#options-access{padding:38px 24px 24px}
#access #password-form{margin:4px auto 32px;max-width:280px}
.settings-access-note{text-align:center;margin:0 0 18px;color:#a9a3b5;font-size:14px}
.settings-note{margin:4px 0 12px;color:#a9a3b5;font-size:14px;line-height:1.6}
.settings-limit{margin-top:14px;font-size:13px}
.setting-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--settings-line)}
.setting-row label,.setting-row>span:first-child{flex:1;min-width:0}
.setting-row select{width:46%;max-width:210px;min-width:115px;min-height:38px;padding:5px 9px;border:1px solid #ffffff28;border-radius:3px;background:#15131c;color:#e9e4f0;font:16px/1.3 Arial,sans-serif;cursor:pointer}
.setting-row option{background:#15131c}
.settings-details{margin:14px 0 0;border-top:1px solid var(--settings-line)}
.settings-details summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;color:#d7cee3;list-style-position:inside}
.settings-details summary::marker{color:#9e91b0;font-size:11px}
.settings-group{border:0;margin:8px 0 22px;padding:0;min-width:0}
.settings-group legend{padding:0;margin:4px 0 7px;font:12px/1.6 ui-monospace,monospace;letter-spacing:.06em;color:#b5a9c6;text-transform:uppercase}
.setting-switch{flex-shrink:0;appearance:none;-webkit-appearance:none;position:relative;margin:0;width:40px;height:24px;border:1px solid #ffffff45;border-radius:14px;background:#17151c;cursor:pointer;touch-action:manipulation}
.setting-switch:before{content:'';position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#7e768b;transition:transform .15s,background .15s}
.setting-switch:checked{border-color:#c4b2da;background:#665177}
.setting-switch:checked:before{transform:translateX(16px);background:#eee5f9}
.setting-switch:disabled{cursor:not-allowed;opacity:.4}
.setting-range{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0 18px}
.setting-range output{font:13px/1.5 ui-monospace,monospace;color:#bcaecc;font-variant-numeric:tabular-nums}
.setting-range input{grid-column:1/-1;min-width:0;width:100%;min-height:28px;margin:0;accent-color:#bca6d2;cursor:pointer;touch-action:pan-y}
.setting-audio{margin:12px 0 0;border-top:1px solid var(--settings-line);border-bottom:0;color:#aaa3b6}
.setting-audio small{display:block;color:#82798e;font-size:12px;font-weight:400}
.settings-footer{border-top:1px solid var(--settings-line);padding:10px 22px 14px;flex-shrink:0;display:flex;gap:7px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#settings-reset{min-height:40px;font-size:13px;padding:4px 0;color:#d6cadd;text-decoration:underline;text-underline-offset:4px}
#settings-save-status{margin:0;color:#9b92a9;font-size:12px;flex:1;text-align:right}
#settings-reload{width:100%;min-height:42px;border:1px solid #b8a4cf66;border-radius:3px;background:#42334e55;font-size:14px}
@media(max-width:440px){#access-panel{max-height:calc(100dvh - 28px)}#access{padding-top:14px;padding-bottom:14px}.settings-tab{padding-left:18px;padding-right:18px}.settings-header,.settings-footer{padding-left:18px;padding-right:18px}.settings-tabs{padding:0 18px}.settings-tabs button{font-size:11px}.setting-row{gap:12px}.setting-row select{max-width:46%;min-width:108px}.settings-footer{gap:3px 12px}#settings-save-status{font-size:11px}}
@media(prefers-reduced-motion:reduce){.setting-switch:before{transition:none}}