.theme-settings{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:35;color:var(--theme-control-fg,#e7dfd0);font-family:var(--sans);line-height:1.7}
.theme-toggle{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--theme-control-border,#9a875952);border-radius:24px;background:var(--theme-control-bg,#111925f5);color:var(--theme-control-fg,#e7dfd0);font-size:11px;letter-spacing:1px;box-shadow:var(--theme-control-shadow,0 6px 24px #0003);transition:border-color .2s,background .2s}
.theme-toggle svg{width:16px;height:16px;color:var(--theme-control-accent,#cbb17c)}
.theme-toggle:hover,.theme-toggle[aria-expanded=true]{border-color:var(--theme-control-accent,#cbb17c)}
.theme-settings button:focus-visible,.theme-option:has(input:focus-visible){outline:2px solid var(--theme-control-accent,#cbb17c);outline-offset:4px}
.theme-panel{position:absolute;bottom:53px;right:0;width:310px;max-width:calc(100vw - 32px);padding:23px 21px 17px;border:1px solid var(--theme-control-border,#9a875952);border-radius:8px;background:var(--theme-control-bg,#111925f5);box-shadow:var(--theme-control-shadow,0 12px 50px #0005);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
.theme-panel[hidden],.theme-save-status[hidden]{display:none!important}
.theme-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.theme-panel-heading p{color:var(--theme-control-muted,#9ba6b7);font-size:7px;letter-spacing:1.6px;line-height:1.6;margin:0 0 7px}
.theme-panel-heading h2{font:400 19px/1.8 var(--serif);letter-spacing:1px;color:var(--theme-control-fg,#e7dfd0);margin:0}
.theme-close{font:22px/1 var(--sans);display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--theme-control-border,#9a875952);background:transparent;color:var(--theme-control-muted,#9ba6b7);flex-shrink:0;margin-top:-3px}
.theme-close:hover{color:var(--theme-control-fg,#e7dfd0)}
.theme-options{border:0;padding:0;margin:20px 0 0;display:grid;gap:9px;min-width:0}
.theme-option{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--theme-control-border,#9a875952);border-radius:5px;cursor:pointer;color:var(--theme-control-fg,#e7dfd0)}
.theme-option:has(input:checked){border-color:var(--theme-control-accent,#cbb17c)}
.theme-option:hover{border-color:var(--theme-control-accent,#cbb17c)}
.theme-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.theme-option-copy{flex:1;min-width:0;pointer-events:none}
.theme-option-copy strong{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.7px;font-weight:500;line-height:1.8}
.theme-option-copy>span{display:block;font-size:10px;line-height:1.8;color:var(--theme-control-muted,#9ba6b7);margin-top:2px}
.theme-default{font:8px/1.5 var(--sans);letter-spacing:0;color:var(--theme-control-muted,#9ba6b7);border:1px solid var(--theme-control-border,#9a875952);padding:0 4px;border-radius:2px}
.theme-swatch{display:grid;place-items:center;position:relative;width:36px;height:43px;flex-shrink:0;border-radius:18px 18px 2px 2px;border:1px solid #baa16a70;font:17px/1 var(--serif);pointer-events:none;overflow:hidden}
.theme-option--night .theme-swatch{color:#d2b986;background:radial-gradient(circle at 25% 24%,#a6b5cb 0 .6px,transparent 1px),radial-gradient(circle at 77% 77%,#b7c7dc 0 .6px,transparent 1px),#090c12}
.theme-option--blue .theme-swatch{color:#aecfea;background:radial-gradient(circle at 70% 22%,#d0e3ef 0 .8px,transparent 1px),radial-gradient(circle at 22% 73%,#b8d4eb 0 .6px,transparent 1px),linear-gradient(145deg,#1c3555,#091a30)}
.theme-option--paper .theme-swatch{color:#765c37;background:repeating-linear-gradient(0deg,transparent 0 9px,#a48b6220 9px 10px),#f4eedf;border-color:#b7a4848c;font-style:italic;font-size:15px}
.theme-check{font-size:13px;color:var(--theme-control-accent,#cbb17c);opacity:0;pointer-events:none}
.theme-option:has(input:checked) .theme-check{opacity:1}
.theme-memory{font-size:10px;line-height:1.9;color:var(--theme-control-muted,#9ba6b7);margin:15px 0 0}
.theme-save-status{font-size:10px;line-height:1.9;color:var(--theme-control-accent,#cbb17c);padding-top:8px;margin:0}
body.rn-drawer-open .theme-settings{visibility:hidden}
@media(max-width:600px){.theme-settings{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}.theme-toggle{min-height:40px;padding:8px 12px;font-size:10px;gap:6px}.theme-panel{padding:21px 18px 17px;bottom:51px}.theme-option{padding:12px;min-height:69px}.theme-panel-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.theme-settings *{transition:none!important}}
@media print{.theme-settings{display:none!important}}