:root{--font-display:var(--theme-font-display,"PrimorStylish", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif);--font-serif:var(--theme-font-serif,"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif);--font-sans:var(--theme-font-sans,system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);--font-mono:var(--theme-font-mono,"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace);--paper:var(--bg-primary);--surface:var(--bg-secondary);--surface-2:color-mix(in srgb, var(--bg-secondary) 65%, var(--bg-tertiary));--surface-3:var(--bg-tertiary);--ink:var(--text-primary);--text:color-mix(in srgb, var(--text-primary) 84%, var(--text-secondary));--muted:var(--text-secondary);--faint:color-mix(in srgb, var(--text-secondary) 68%, var(--bg-primary));--line:var(--border-color);--line-2:var(--border-light);--accent:var(--primary);--accent-ink:var(--text-link);--accent-wash:color-mix(in srgb, var(--primary) 14%, var(--bg-secondary));--good:var(--success);--good-wash:color-mix(in srgb, var(--success) 16%, var(--bg-secondary));--warn:var(--warning);--warn-wash:color-mix(in srgb, var(--warning) 16%, var(--bg-secondary));--crit:var(--error);--crit-wash:color-mix(in srgb, var(--error) 16%, var(--bg-secondary));--info:var(--text-link);--info-wash:color-mix(in srgb, var(--info) 14%, var(--bg-secondary));--up:var(--success);--down:var(--error);--gold:var(--color-gold,#b0842c);--shadow:var(--shadow-default);--lift:var(--shadow-high);--border-radius-secondary:calc(var(--border-radius) - 4px);--border-radius-tertiary:calc(var(--border-radius) + 4px);--border-radius-pill:999px;--border-radius-round:50%;--display:var(--font-display);--serif:var(--font-serif);--sans:var(--font-sans);--mono:var(--font-mono);--editor:var(--editor-hue);--editor-wash:color-mix(in srgb, var(--editor-hue) 16%, var(--bg-secondary));--audio:var(--audio-hue);--audio-wash:color-mix(in srgb, var(--audio-hue) 16%, var(--bg-secondary))}[data-contrast=high] button:hover,[data-contrast=high] .MuiButton-root:hover,[data-contrast=high] .MuiButton-contained{color:#000!important;background-color:#ff0!important}[data-contrast=high] .MuiSkeleton-root,[data-contrast=high] .MuiLinearProgress-root{background-color:#333!important}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Italic.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-BoldItalic.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}[data-font=dyslexia] h1,[data-font=dyslexia] h2{letter-spacing:.03em;line-height:1.4}[data-font=dyslexia] .MuiBreadcrumbs-root,[data-font=dyslexia] .MuiPaginationItem-root{font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-motion=reduce] .MuiSkeleton-root,[data-motion=reduce] .MuiSkeleton-pulse,[data-motion=reduce] .MuiSkeleton-wave:after{animation:none!important}[data-motion=reduce] .MuiTouchRipple-root,[data-motion=reduce] .MuiButtonBase-root .MuiTouchRipple-root{display:none!important}[data-motion=reduce] a,[data-motion=reduce] button,[data-motion=reduce] .MuiButton-root,[data-motion=reduce] .MuiIconButton-root,[data-motion=reduce] .MuiLink-root,[data-motion=reduce] .MuiCard-root,[data-motion=reduce] .MuiPaper-root{transition:none!important}[data-motion=reduce] .MuiAccordion-root,[data-motion=reduce] .MuiCollapse-root,[data-motion=reduce] .MuiAccordionSummary-expandIconWrapper,[data-motion=reduce] .MuiDrawer-paper{transition:none!important}[data-motion=reduce] .MuiSnackbar-root,[data-motion=reduce] .MuiTooltip-tooltip,[data-motion=reduce] .MuiTooltip-popper,[data-motion=reduce] .MuiMenu-paper,[data-motion=reduce] .MuiPopover-paper,[data-motion=reduce] .MuiTabs-indicator,[data-motion=reduce] .MuiSwitch-thumb,[data-motion=reduce] .MuiSwitch-track,[data-motion=reduce] .MuiCheckbox-root,[data-motion=reduce] .MuiRadio-root,[data-motion=reduce] .MuiSlider-thumb,[data-motion=reduce] .MuiSlider-track,[data-motion=reduce] .MuiFab-root{transition:none!important}[data-motion=reduce] .MuiChip-root,[data-motion=reduce] .MuiAvatarGroup-root .MuiAvatar-root{transition:none!important}[data-motion=reduce] .animate-pulse,[data-motion=reduce] .animate-spin,[data-motion=reduce] .animate-ping,[data-motion=reduce] .animate-bounce,[data-motion=reduce] .loading-spinner,[data-motion=reduce] .spinner,[data-motion=reduce] [class*=spinner],[data-motion=reduce] [class*=loading]{animation:none!important}[data-font-size=small] .MuiTypography-root,[data-font-size=large] .MuiTypography-root,[data-font-size=x-large] .MuiTypography-root{font-size:inherit}body{font-family:var(--font-sans);font-size:var(--base-font-size,14.5px);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif)}:root{--font-display:var(--theme-font-display,"PrimorStylish", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif);--font-serif:var(--theme-font-serif,"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif);--font-sans:var(--theme-font-sans,system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);--font-mono:var(--theme-font-mono,"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace);--paper:var(--bg-primary);--surface:var(--bg-secondary);--surface-2:color-mix(in srgb, var(--bg-secondary) 65%, var(--bg-tertiary));--surface-3:var(--bg-tertiary);--ink:var(--text-primary);--text:color-mix(in srgb, var(--text-primary) 84%, var(--text-secondary));--muted:var(--text-secondary);--faint:color-mix(in srgb, var(--text-secondary) 68%, var(--bg-primary));--line:var(--border-color);--line-2:var(--border-light);--accent:var(--primary);--accent-ink:var(--text-link);--accent-wash:color-mix(in srgb, var(--primary) 14%, var(--bg-secondary));--good:var(--success);--good-wash:color-mix(in srgb, var(--success) 16%, var(--bg-secondary));--warn:var(--warning);--warn-wash:color-mix(in srgb, var(--warning) 16%, var(--bg-secondary));--crit:var(--error);--crit-wash:color-mix(in srgb, var(--error) 16%, var(--bg-secondary));--info:var(--text-link);--info-wash:color-mix(in srgb, var(--info) 14%, var(--bg-secondary));--up:var(--success);--down:var(--error);--gold:var(--color-gold,#b0842c);--shadow:var(--shadow-default);--lift:var(--shadow-high);--border-radius-secondary:calc(var(--border-radius) - 4px);--border-radius-tertiary:calc(var(--border-radius) + 4px);--border-radius-pill:999px;--border-radius-round:50%;--display:var(--font-display);--serif:var(--font-serif);--sans:var(--font-sans);--mono:var(--font-mono);--editor:var(--editor-hue);--editor-wash:color-mix(in srgb, var(--editor-hue) 16%, var(--bg-secondary));--audio:var(--audio-hue);--audio-wash:color-mix(in srgb, var(--audio-hue) 16%, var(--bg-secondary))}:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:2px}input:focus-visible{outline-offset:-2px}textarea:focus-visible{outline-offset:-2px}select:focus-visible{outline-offset:-2px}:root[data-contrast=high]{--font-weight-normal:500;--font-weight-medium:600;--font-weight-bold:800;--bg-primary:#000!important;--bg-secondary:#000!important;--bg-tertiary:#1a1a1a!important;--bg-input:#000!important;--bg-overlay:#000000f2!important;--text-primary:#fff!important;--text-secondary:#fff!important;--text-link:#0ff!important;--text-on-primary:#000!important;--primary:#ff0!important;--secondary:#0ff!important;--accent:#f0f!important;--error:#ff6b6b!important;--success:#0f0!important;--warning:#ff0!important;--border-color:#fff!important;--border-focus:#ff0!important;--border-error:#ff6b6b!important;--state-hover:#fff3!important;--state-active:#ffffff4d!important;--state-disabled:#ffffff1a!important;--shadow-default:0 0 0 2px #fff!important;--shadow-focus:0 0 0 3px #ff0!important}[data-contrast=high]{font-weight:500;color:#fff!important;background-color:#000!important}[data-contrast=high] *{text-shadow:none!important}[data-contrast=high] :focus-visible{outline-offset:2px!important;outline:3px solid #ff0!important}[data-contrast=high] button,[data-contrast=high] .MuiButton-root{color:#ff0!important;background-color:#000!important;border:2px solid!important}[data-contrast=high] button:hover,[data-contrast=high] .MuiButton-root:hover,[data-contrast=high] .MuiButton-contained{color:#000!important;background-color:#ff0!important}[data-contrast=high] .MuiButton-contained:hover{background-color:#fff!important}[data-contrast=high] .MuiCard-root,[data-contrast=high] .MuiPaper-root{background-color:#000!important;border:2px solid #fff!important}[data-contrast=high] input,[data-contrast=high] textarea,[data-contrast=high] select,[data-contrast=high] .MuiInputBase-root,[data-contrast=high] .MuiOutlinedInput-root{color:#fff!important;background-color:#000!important;border:2px solid #fff!important}[data-contrast=high] input:focus,[data-contrast=high] textarea:focus,[data-contrast=high] select:focus,[data-contrast=high] .MuiInputBase-root.Mui-focused,[data-contrast=high] .MuiOutlinedInput-root.Mui-focused{border-color:#ff0!important}[data-contrast=high] .MuiInputLabel-root{color:#fff!important}[data-contrast=high] .MuiInputLabel-root.Mui-focused{color:#ff0!important}[data-contrast=high] a{color:#0ff!important;text-decoration:underline!important}[data-contrast=high] a:hover{color:#ff0!important}[data-contrast=high] a:visited{color:#f0f!important}[data-contrast=high] [disabled],[data-contrast=high] .Mui-disabled{opacity:.5!important;border-style:dashed!important}[data-contrast=high] .MuiSwitch-root .MuiSwitch-track{background-color:#444!important;border:2px solid #fff!important}[data-contrast=high] .MuiSwitch-root .Mui-checked+.MuiSwitch-track{background-color:#0f0!important}[data-contrast=high] .MuiSwitch-thumb{background-color:#fff!important}[data-contrast=high] .MuiCheckbox-root,[data-contrast=high] .MuiRadio-root{color:#fff!important}[data-contrast=high] .MuiCheckbox-root.Mui-checked,[data-contrast=high] .MuiRadio-root.Mui-checked{color:#0f0!important}[data-contrast=high] .MuiSvgIcon-root{color:inherit!important}[data-contrast=high] .MuiDivider-root{border-color:#fff!important}[data-contrast=high] .MuiAlert-root{background-color:#000!important;border:2px solid!important}[data-contrast=high] .MuiAlert-standardInfo{color:#0ff!important;border-color:#0ff!important}[data-contrast=high] .MuiAlert-standardSuccess{color:#0f0!important;border-color:#0f0!important}[data-contrast=high] .MuiAlert-standardWarning{color:#ff0!important;border-color:#ff0!important}[data-contrast=high] .MuiAlert-standardError{color:#ff6b6b!important;border-color:#ff6b6b!important}[data-contrast=high] .MuiTypography-root{color:inherit!important}[data-contrast=high] h1,[data-contrast=high] h2,[data-contrast=high] h3,[data-contrast=high] h4,[data-contrast=high] h5,[data-contrast=high] h6{color:#fff!important}[data-contrast=high] .MuiTableCell-root{color:#fff!important;border-color:#fff!important}[data-contrast=high] .MuiTableHead-root .MuiTableCell-root{background-color:#1a1a1a!important;font-weight:700!important}[data-contrast=high] .MuiChip-root{color:#fff!important;background-color:#000!important;border:2px solid #fff!important}[data-contrast=high] .MuiTab-root{color:#fff!important;border-bottom:2px solid #0000!important}[data-contrast=high] .MuiTab-root.Mui-selected{color:#ff0!important;border-bottom-color:#ff0!important}[data-contrast=high] .MuiTooltip-tooltip{color:#000!important;background-color:#fff!important;border:2px solid #000!important}[data-contrast=high] .MuiMenu-paper,[data-contrast=high] .MuiPopover-paper{background-color:#000!important;border:2px solid #fff!important}[data-contrast=high] .MuiMenuItem-root{color:#fff!important}[data-contrast=high] .MuiMenuItem-root:hover,[data-contrast=high] .MuiMenuItem-root.Mui-selected{color:#000!important;background-color:#ff0!important}[data-contrast=high] .MuiDialog-paper{background-color:#000!important;border:3px solid #fff!important}[data-contrast=high] .MuiAppBar-root{background-color:#000!important;border-bottom:2px solid #fff!important}[data-contrast=high] .MuiSkeleton-root,[data-contrast=high] .MuiLinearProgress-root{background-color:#333!important}[data-contrast=high] .MuiLinearProgress-bar{background-color:#ff0!important}[data-contrast=high] .MuiCircularProgress-root{color:#ff0!important}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Italic.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-BoldItalic.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}:root[data-font=dyslexia]{--font-family-dyslexia:"OpenDyslexic", "Comic Sans MS", "Trebuchet MS", sans-serif;--font-display:"OpenDyslexic", "Comic Sans MS", "Trebuchet MS", sans-serif;--font-serif:"OpenDyslexic", "Comic Sans MS", "Trebuchet MS", sans-serif;--font-sans:"OpenDyslexic", "Comic Sans MS", "Trebuchet MS", sans-serif}[data-font=dyslexia]{letter-spacing:.05em;word-spacing:.1em;line-height:1.8;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] h1,[data-font=dyslexia] h2,[data-font=dyslexia] h3,[data-font=dyslexia] h4,[data-font=dyslexia] h5,[data-font=dyslexia] h6,[data-font=dyslexia] p,[data-font=dyslexia] span,[data-font=dyslexia] a,[data-font=dyslexia] li,[data-font=dyslexia] td,[data-font=dyslexia] th,[data-font=dyslexia] label,[data-font=dyslexia] button,[data-font=dyslexia] input,[data-font=dyslexia] textarea,[data-font=dyslexia] select,[data-font=dyslexia] .MuiTypography-root,[data-font=dyslexia] .MuiButton-root,[data-font=dyslexia] .MuiInputBase-input,[data-font=dyslexia] .MuiMenuItem-root,[data-font=dyslexia] .MuiTab-root,[data-font=dyslexia] .MuiChip-label,[data-font=dyslexia] .MuiAlert-message{font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .reader-content,[data-font=dyslexia] .chapter-content,[data-font=dyslexia] .book-content,[data-font=dyslexia] .novel-content{letter-spacing:.08em;word-spacing:.15em;font-size:1.1em;line-height:2;text-align:left!important}[data-font=dyslexia] .reader-content p,[data-font=dyslexia] .chapter-content p,[data-font=dyslexia] .book-content p,[data-font=dyslexia] .novel-content p{margin-bottom:1.5em}[data-font=dyslexia] h1,[data-font=dyslexia] h2{letter-spacing:.03em;line-height:1.4}[data-font=dyslexia] h3,[data-font=dyslexia] h4,[data-font=dyslexia] h5,[data-font=dyslexia] h6{letter-spacing:.04em;line-height:1.5}[data-font=dyslexia] ul,[data-font=dyslexia] ol{line-height:2}[data-font=dyslexia] li{margin-bottom:.5em}[data-font=dyslexia] .MuiFormLabel-root,[data-font=dyslexia] .MuiInputLabel-root{letter-spacing:.03em;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .MuiFormHelperText-root{line-height:1.6;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .MuiCard-root,[data-font=dyslexia] .MuiPaper-root{line-height:1.7}[data-font=dyslexia] .MuiTableCell-root{padding-top:12px;padding-bottom:12px;line-height:1.6;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .MuiTooltip-tooltip{font-size:.9rem;line-height:1.6;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .MuiDialogTitle-root,[data-font=dyslexia] .MuiDialogContent-root,[data-font=dyslexia] .MuiDialogContentText-root{line-height:1.7;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .MuiSnackbarContent-message{line-height:1.6;font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}[data-font=dyslexia] .MuiBreadcrumbs-root,[data-font=dyslexia] .MuiPaginationItem-root{font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,sans-serif!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-motion=reduce]{scroll-behavior:auto!important}[data-motion=reduce] .page-transition,[data-motion=reduce] .fade-enter,[data-motion=reduce] .fade-exit,[data-motion=reduce] .slide-enter,[data-motion=reduce] .slide-exit{transition:none!important;animation:none!important}[data-motion=reduce] .MuiSkeleton-root,[data-motion=reduce] .MuiSkeleton-pulse,[data-motion=reduce] .MuiSkeleton-wave:after{animation:none!important}[data-motion=reduce] .MuiTouchRipple-root,[data-motion=reduce] .MuiButtonBase-root .MuiTouchRipple-root{display:none!important}[data-motion=reduce] .MuiCircularProgress-root{animation:none!important}[data-motion=reduce] .MuiCircularProgress-circle{stroke-dasharray:80 200!important;stroke-dashoffset:0!important;animation:none!important}[data-motion=reduce] .MuiLinearProgress-root{animation:none!important}[data-motion=reduce] .MuiLinearProgress-bar{transition:none!important;animation:none!important}[data-motion=reduce] .MuiLinearProgress-bar1Indeterminate,[data-motion=reduce] .MuiLinearProgress-bar2Indeterminate{animation:none!important}[data-motion=reduce] :hover{transform:none!important}[data-motion=reduce] a,[data-motion=reduce] button,[data-motion=reduce] .MuiButton-root,[data-motion=reduce] .MuiIconButton-root,[data-motion=reduce] .MuiLink-root,[data-motion=reduce] .MuiCard-root,[data-motion=reduce] .MuiPaper-root{transition:none!important}[data-motion=reduce] .MuiCard-root:hover,[data-motion=reduce] .MuiPaper-root:hover{transform:none!important}[data-motion=reduce] .MuiAccordion-root,[data-motion=reduce] .MuiCollapse-root,[data-motion=reduce] .MuiAccordionSummary-expandIconWrapper,[data-motion=reduce] .MuiDrawer-paper{transition:none!important}[data-motion=reduce] .MuiDialog-paper,[data-motion=reduce] .MuiModal-root,[data-motion=reduce] .MuiBackdrop-root{transition:none!important;animation:none!important}[data-motion=reduce] .MuiSnackbar-root,[data-motion=reduce] .MuiTooltip-tooltip,[data-motion=reduce] .MuiTooltip-popper,[data-motion=reduce] .MuiMenu-paper,[data-motion=reduce] .MuiPopover-paper,[data-motion=reduce] .MuiTabs-indicator,[data-motion=reduce] .MuiSwitch-thumb,[data-motion=reduce] .MuiSwitch-track,[data-motion=reduce] .MuiCheckbox-root,[data-motion=reduce] .MuiRadio-root,[data-motion=reduce] .MuiSlider-thumb,[data-motion=reduce] .MuiSlider-track,[data-motion=reduce] .MuiFab-root{transition:none!important}[data-motion=reduce] .MuiFab-root:hover{transform:none!important}[data-motion=reduce] .MuiChip-root,[data-motion=reduce] .MuiAvatarGroup-root .MuiAvatar-root{transition:none!important}[data-motion=reduce] .MuiBadge-badge{transition:none!important;animation:none!important}[data-motion=reduce] .MuiZoom-root,[data-motion=reduce] .MuiFade-root,[data-motion=reduce] .MuiGrow-root,[data-motion=reduce] .MuiSlide-root{transition:none!important}[data-motion=reduce] [data-framer-component-type]{transition:none!important;animation:none!important}[data-motion=reduce] .animate-pulse,[data-motion=reduce] .animate-spin,[data-motion=reduce] .animate-ping,[data-motion=reduce] .animate-bounce,[data-motion=reduce] .loading-spinner,[data-motion=reduce] .spinner,[data-motion=reduce] [class*=spinner],[data-motion=reduce] [class*=loading]{animation:none!important}[data-motion=reduce] :focus-visible{outline-offset:2px;outline:2px solid}[data-motion=reduce] .carousel,[data-motion=reduce] .swiper,[data-motion=reduce] [class*=carousel],[data-motion=reduce] [class*=slider]{transition:none!important;animation:none!important}[data-motion=reduce] marquee,[data-motion=reduce] [class*=marquee]{animation:none!important;overflow:visible!important}:root[data-font-size=small]{--base-font-size:14px;font-size:14px}:root[data-font-size=medium]{--base-font-size:14.5px;font-size:16px}:root[data-font-size=large]{--base-font-size:18px;font-size:18px}:root[data-font-size=x-large]{--base-font-size:20px;font-size:20px}[data-font-size=small] .MuiTypography-root,[data-font-size=large] .MuiTypography-root,[data-font-size=x-large] .MuiTypography-root{font-size:inherit}[data-font-size=small] h1,[data-font-size=small] .MuiTypography-h1{font-size:2rem}[data-font-size=small] h2,[data-font-size=small] .MuiTypography-h2{font-size:1.75rem}[data-font-size=small] h3,[data-font-size=small] .MuiTypography-h3{font-size:1.5rem}[data-font-size=large] h1,[data-font-size=large] .MuiTypography-h1{font-size:2.5rem}[data-font-size=large] h2,[data-font-size=large] .MuiTypography-h2{font-size:2rem}[data-font-size=large] h3,[data-font-size=large] .MuiTypography-h3{font-size:1.75rem}[data-font-size=x-large] h1,[data-font-size=x-large] .MuiTypography-h1{font-size:2.75rem}[data-font-size=x-large] h2,[data-font-size=x-large] .MuiTypography-h2{font-size:2.25rem}[data-font-size=x-large] h3,[data-font-size=x-large] .MuiTypography-h3{font-size:2rem}[data-font-size=large] input,[data-font-size=large] textarea,[data-font-size=large] select,[data-font-size=large] .MuiInputBase-input{font-size:1.125rem}[data-font-size=x-large] input,[data-font-size=x-large] textarea,[data-font-size=x-large] select,[data-font-size=x-large] .MuiInputBase-input{font-size:1.25rem}[data-font-size=large] button,[data-font-size=large] .MuiButton-root{font-size:1rem}[data-font-size=x-large] button,[data-font-size=x-large] .MuiButton-root{font-size:1.125rem}:root[data-line-spacing=compact]{--line-height-base:1.4}:root[data-line-spacing=normal]{--line-height-base:1.6}:root[data-line-spacing=relaxed]{--line-height-base:1.8}:root[data-line-spacing=loose]{--line-height-base:2}[data-line-spacing=compact] p,[data-line-spacing=compact] li,[data-line-spacing=compact] td,[data-line-spacing=compact] th,[data-line-spacing=compact] span,[data-line-spacing=compact] .MuiTypography-body1,[data-line-spacing=compact] .MuiTypography-body2{line-height:1.4}[data-line-spacing=normal] p,[data-line-spacing=normal] li,[data-line-spacing=normal] td,[data-line-spacing=normal] th,[data-line-spacing=normal] span,[data-line-spacing=normal] .MuiTypography-body1,[data-line-spacing=normal] .MuiTypography-body2{line-height:1.6}[data-line-spacing=relaxed] p,[data-line-spacing=relaxed] li,[data-line-spacing=relaxed] td,[data-line-spacing=relaxed] th,[data-line-spacing=relaxed] span,[data-line-spacing=relaxed] .MuiTypography-body1,[data-line-spacing=relaxed] .MuiTypography-body2{line-height:1.8}[data-line-spacing=loose] p,[data-line-spacing=loose] li,[data-line-spacing=loose] td,[data-line-spacing=loose] th,[data-line-spacing=loose] span,[data-line-spacing=loose] .MuiTypography-body1,[data-line-spacing=loose] .MuiTypography-body2{line-height:2}[data-line-spacing=compact] .reader-content,[data-line-spacing=compact] .chapter-content,[data-line-spacing=compact] .book-content{line-height:1.5}[data-line-spacing=normal] .reader-content,[data-line-spacing=normal] .chapter-content,[data-line-spacing=normal] .book-content{line-height:1.7}[data-line-spacing=relaxed] .reader-content,[data-line-spacing=relaxed] .chapter-content,[data-line-spacing=relaxed] .book-content{line-height:1.9}[data-line-spacing=loose] .reader-content,[data-line-spacing=loose] .chapter-content,[data-line-spacing=loose] .book-content{line-height:2.2}[data-line-spacing=compact] p{margin-bottom:.75em}[data-line-spacing=normal] p{margin-bottom:1em}[data-line-spacing=relaxed] p{margin-bottom:1.25em}[data-line-spacing=loose] p{margin-bottom:1.5em}[data-line-spacing=compact] li{margin-bottom:.25em}[data-line-spacing=normal] li{margin-bottom:.5em}[data-line-spacing=relaxed] li{margin-bottom:.75em}[data-line-spacing=loose] li{margin-bottom:1em}[data-line-spacing=relaxed] .MuiCardContent-root,[data-line-spacing=loose] .MuiCardContent-root{padding:20px}[data-line-spacing=relaxed] .MuiTableCell-root{padding-top:16px;padding-bottom:16px}[data-line-spacing=loose] .MuiTableCell-root{padding-top:20px;padding-bottom:20px}[data-line-spacing=relaxed] .MuiDialogContent-root,[data-line-spacing=loose] .MuiDialogContent-root{line-height:inherit}[data-line-spacing=relaxed] .MuiFormHelperText-root,[data-line-spacing=loose] .MuiFormHelperText-root{line-height:inherit;margin-top:8px}.notification-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:var(--bg-secondary)}.notification-item:last-child{border-bottom:none}.notification-item.unread,.notification-item.unread:hover{background-color:var(--bg-tertiary)}.notification-item.high-priority{border-left:3px solid var(--error)}.notification-icon{width:40px;min-width:40px;height:40px;color:var(--text-on-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.notification-icon svg{stroke-width:2px;width:20px;height:20px}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.notification-title-button{all:unset;cursor:pointer;color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.notification-title-button:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.notification-title-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.notification-message{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-time{color:var(--text-muted);margin-top:4px;font-size:12px}.notification-unread-indicator{background-color:var(--primary);border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:6px}.notification-delete-btn{cursor:pointer;color:var(--text-muted);opacity:0;z-index:1;background:0 0;border:none;border-radius:4px;margin-top:4px;padding:4px;transition:opacity .2s,color .2s;position:relative}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:focus-visible{opacity:1;outline:2px solid var(--primary);outline-offset:2px}.notification-delete-btn:hover{color:var(--error);background-color:color-mix(in srgb, var(--error) 10%, transparent)}.notification-dropdown{background:var(--bg-primary);width:380px;max-height:600px;box-shadow:var(--shadow-default);z-index:1000;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-dropdown-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-dropdown-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.notification-dropdown-actions{align-items:center;gap:8px;display:flex}.notification-filter-btn,.notification-mark-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:background-color .2s}.notification-filter-btn:hover,.notification-mark-all-btn:hover{background-color:var(--hover-overlay-primary)}.notification-filter-btn:disabled,.notification-mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notification-settings-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.notification-settings-btn:hover{background-color:var(--hover-overlay-subtle)}.notification-dropdown-content{flex:1;min-height:100px;max-height:500px;overflow-y:auto}.notification-list{flex-direction:column;display:flex}.notification-loading,.notification-error,.notification-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.notification-empty{flex-direction:column;align-items:center;gap:12px;display:flex}.notification-empty svg{color:var(--text-muted)}.notification-empty p{margin:0;font-size:14px}.notification-error{color:var(--error)}.notification-dropdown-footer{border-top:1px solid var(--border-color);padding:12px 16px}.notification-view-all-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:10px;font-size:14px;font-weight:500;transition:background-color .2s}.notification-view-all-btn:hover{background-color:var(--hover-overlay-primary)}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.notification-dropdown-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:relative}.notification-bell-button:hover{background-color:var(--state-hover)}.notification-bell-button:focus{outline:2px solid var(--primary);outline-offset:2px}.notification-bell-icon{color:var(--text-primary);transition:color .2s}.notification-bell-button:hover .notification-bell-icon{color:var(--primary)}.notification-badge{background-color:var(--error);color:var(--text-on-primary);text-align:center;min-width:18px;box-shadow:var(--shadow-default);border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1;position:absolute;top:4px;right:4px}.notification-badge--unknown{background:var(--text-secondary,#6b7280);color:var(--bg-primary,#fff);font-weight:600}.admin-tray-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:relative}.admin-tray-toggle:hover{background-color:var(--state-hover)}.admin-tray-toggle-icon{color:var(--warning);fill:currentColor;transition:filter .2s}.admin-tray-toggle:hover .admin-tray-toggle-icon{filter:brightness(1.15)}.admin-tray-toggle.active{background-color:var(--warning)}.admin-tray-toggle.active .admin-tray-toggle-icon{color:var(--text-on-primary)}.admin-tray-backdrop{background:var(--bg-overlay);z-index:1200;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0}.admin-tray-backdrop.visible{opacity:1;pointer-events:auto}.admin-tray-panel{z-index:1300;background:var(--bg-primary);border-bottom:2px solid var(--warning);box-shadow:var(--shadow-default);flex-direction:column;max-height:85vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.admin-tray-panel.open{transform:translateY(0)}.admin-tray-panel-header{background:var(--warning);color:var(--text-on-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.admin-tray-panel-header h2{letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.admin-tray-panel-header-right{align-items:center;gap:12px;display:flex}.admin-tray-close-btn{background:color-mix(in srgb, var(--text-on-primary) 20%, transparent);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s}.admin-tray-close-btn:hover{background:color-mix(in srgb, var(--text-on-primary) 35%, transparent)}.admin-tray-panel-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:0;padding:0 24px;display:flex;overflow-x:auto}.admin-tray-panel-tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.admin-tray-panel-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.admin-tray-panel-tab.active{color:var(--warning);border-bottom-color:var(--warning);font-weight:600}.admin-tray-panel-body{flex:1;grid-template-columns:1fr 1fr;gap:24px;min-height:0;padding:24px;display:grid;overflow-y:auto}.admin-tray-panel-body.single-column{grid-template-columns:1fr}.admin-tray-nav-pills{flex-wrap:wrap;gap:6px;display:flex}.admin-tray-nav-pill{background:color-mix(in srgb, var(--text-on-primary) 20%, transparent);border:1px solid color-mix(in srgb, var(--text-on-primary) 30%, transparent);color:var(--text-on-primary);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.admin-tray-nav-pill:hover{background:color-mix(in srgb, var(--text-on-primary) 35%, transparent)}.admin-tray-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.admin-tray-section h4{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:600}@media (max-width:900px){.admin-tray-panel-body{grid-template-columns:1fr;gap:16px;padding:16px}.admin-tray-panel-header{padding:12px 16px}.admin-tray-panel-tabs{padding:0 16px}.admin-tray-nav-pills{display:none}}.analytics-chart{background:var(--bg-secondary);box-shadow:var(--shadow-default);border-radius:8px;padding:24px}.chart-legend{flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color{border-radius:3px;width:16px;height:16px}.legend-label{color:var(--text-primary);font-size:14px;font-weight:500}.chart-container{gap:16px;min-height:300px;display:flex}.chart-y-axis{flex-direction:column;justify-content:space-between;padding-bottom:24px;display:flex}.y-axis-label{color:var(--text-muted);text-align:right;width:40px;font-size:12px}.chart-content{flex:1;position:relative}.chart-grid{position:absolute;top:0;bottom:24px;left:0;right:0}.grid-line{background-color:var(--bg-tertiary);height:1px;position:absolute;left:0;right:0}.chart-bars{align-items:flex-end;gap:2px;display:flex;position:absolute;top:0;bottom:24px;left:0;right:0}.bar-group{flex:1;min-width:0;position:relative}.bar{cursor:pointer;border-radius:4px 4px 0 0;width:30%;transition:opacity .2s;position:absolute;bottom:0}.bar:hover{opacity:.8}.chart-x-axis{justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0}.x-axis-label{color:var(--text-muted);text-align:center;flex:1;font-size:11px}.chart-empty{text-align:center;color:var(--text-muted);padding:60px 24px;font-size:14px}.chart-summary{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:32px;margin-top:24px;padding-top:24px;display:flex}.summary-item{flex-direction:column;gap:4px;display:flex}.summary-label{color:var(--text-muted);font-size:13px}.summary-value{color:var(--text-primary);font-size:18px;font-weight:600}.top-books-table{background:var(--bg-secondary);box-shadow:var(--shadow-default);border-radius:8px;overflow:hidden}.top-books-table table{border-collapse:collapse;width:100%}.top-books-table thead{background-color:var(--bg-tertiary)}.top-books-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);padding:16px;font-size:13px;font-weight:600}.top-books-table tbody tr{border-bottom:1px solid var(--border-color-light);transition:background-color .2s}.top-books-table tbody tr:last-child{border-bottom:none}.top-books-table td{color:var(--text-primary);padding:16px;font-size:14px}.rank-cell{width:60px}.rank{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.rank-1{background-color:var(--color-gold);color:var(--text-on-primary)}.rank-2{background-color:var(--color-silver);color:var(--text-on-primary)}.rank-3{background-color:var(--color-bronze);color:var(--text-on-primary)}.rank:not(.rank-1):not(.rank-2):not(.rank-3){background-color:var(--bg-quaternary);color:var(--text-muted)}.title-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.number-cell{text-align:right;font-variant-numeric:tabular-nums}.earnings-cell{text-align:right;color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:600}.rating-cell{text-align:center}.rating{font-size:14px;font-weight:500}.no-rating{color:var(--text-muted);font-size:13px}@media (max-width:768px){.top-books-table{overflow-x:auto}.top-books-table table{min-width:600px}.top-books-table th,.top-books-table td{padding:12px 8px}}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--bg-tertiary)}.clickable-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.top-books-table .top-books-note{color:var(--muted);margin:10px 2px 0;font-size:12px}.demographics-chart{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.demographics-section{background:var(--bg-secondary);box-shadow:var(--shadow-default);border-radius:8px;padding:24px}.demographics-section h3{color:var(--text-primary);margin:0 0 20px;font-size:16px;font-weight:600}.bar-chart{flex-direction:column;gap:16px;display:flex}.bar-item{flex-direction:column;gap:8px;display:flex}.bar-label{color:var(--text-primary);font-size:13px;font-weight:500}.bar-container{background-color:var(--bg-secondary);border-radius:6px;height:32px;position:relative;overflow:hidden}.bar-fill{border-radius:6px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.bar-value{color:var(--text-primary);z-index:1;font-size:13px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (max-width:768px){.demographics-chart{grid-template-columns:1fr}}.export-button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex}.export-button.default{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.export-button.default:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-color)}.export-button.primary{background-color:var(--primary);color:var(--text-on-primary);border:1px solid var(--primary)}.export-button.primary:hover:not(:disabled){background-color:var(--primary-dark)}.export-button:active:not(:disabled){transform:scale(.98)}.export-button:disabled{opacity:.6;cursor:not-allowed}.export-button svg{stroke-width:2px}.spinner{border:2px solid color-mix(in srgb, var(--text-on-primary) 30%, transparent);border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analytics-dashboard{max-width:1400px;margin:0 auto;padding:24px}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.header-content h1{color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:700}.header-content p{color:var(--text-muted);margin:0;font-size:16px}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.analytics-loading{text-align:center;color:var(--text-muted);padding:60px 24px;font-size:16px}.analytics-controls{background:var(--bg-primary);box-shadow:var(--shadow-default);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:20px 24px;display:flex}.date-range-controls{align-items:center;gap:16px;display:flex}.date-range-controls label{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.date-range-controls input[type=date]{border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.date-range-controls input[type=date]:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.granularity-controls{background-color:var(--bg-tertiary);border-radius:6px;gap:8px;padding:4px;display:flex}.granularity-controls button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.granularity-controls button:hover{background-color:var(--hover-overlay);color:var(--primary)}.granularity-controls button.active{background-color:var(--primary);color:var(--text-on-primary)}.analytics-dashboard section{margin-bottom:32px}.analytics-dashboard section h2{color:var(--text-primary);margin:0 0 20px;font-size:24px;font-weight:600}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.real-time-stats{background:var(--gradient-primary);color:var(--text-on-primary);border-radius:12px;padding:32px}.real-time-stats h2{color:var(--text-on-primary);margin-bottom:24px}.real-time-stats .metric-card{background:var(--bg-secondary)}.milestones-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.milestone-card{background:var(--bg-primary);box-shadow:var(--shadow-default);border-radius:8px;align-items:flex-start;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.milestone-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.milestone-icon{font-size:48px;line-height:1}.milestone-content{flex:1}.milestone-content h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.milestone-content p{color:var(--text-muted);margin:0 0 8px;font-size:14px;line-height:1.5}.milestone-date{color:var(--text-muted);font-size:13px}@media (max-width:1024px){.analytics-header{flex-direction:column}.header-actions{width:100%}.analytics-controls,.date-range-controls{flex-direction:column;align-items:stretch}}@media (max-width:768px){.analytics-dashboard{padding:16px}.header-content h1{font-size:24px}.metrics-grid,.milestones-list{grid-template-columns:1fr}}.analytics-error-banner{border:1px solid var(--border-error);border-left:4px solid var(--error);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;margin-bottom:20px;padding:14px 18px;line-height:1.5}.chapterWrapper{margin:0;padding:0}.chapterTitle{color:inherit;margin-top:0;margin-bottom:1rem;font-size:1.875rem;font-weight:600}.chapterContent{color:inherit;margin:0;padding:0;line-height:1.6}.chapterContent>:first-child{margin-top:0}.chapterContent>:last-child{margin-bottom:0}.chapterContent p,.chapterContent h1,.chapterContent h2,.chapterContent h3,.chapterContent ul,.chapterContent ol,.chapterContent blockquote{margin-top:0;margin-bottom:1em}.chapterContent img{max-width:100%;height:auto}.notification-preferences-page{max-width:800px;margin:0 auto;padding:24px}.preferences-container{background:var(--bg-primary);box-shadow:var(--shadow-default);border-radius:8px;overflow:hidden}.preferences-header{border-bottom:1px solid var(--border-color);padding:32px 32px 24px}.preferences-header h1{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:600}.preferences-header p{color:var(--text-muted);margin:0;font-size:14px}.preferences-loading{text-align:center;color:var(--text-muted);padding:48px}.preferences-section{border-bottom:1px solid var(--border-color);padding:32px}.preferences-section:last-of-type{border-bottom:none}.preferences-section h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.section-description{color:var(--text-muted);margin:0 0 24px;font-size:14px}.preference-item{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.preference-item:last-child{border-bottom:none}.preference-info{flex:1}.preference-info label{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:500;display:block}.preference-description{color:var(--text-muted);font-size:13px;display:block}.toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-tertiary);border-radius:26px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background-color:var(--bg-primary);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-option{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:flex-start;padding:16px;transition:border-color .2s,background-color .2s;display:flex}.radio-option:hover{border-color:var(--primary);background-color:var(--bg-secondary)}.radio-option input{cursor:pointer;flex-shrink:0;margin-top:2px;margin-right:12px}.radio-content{flex:1}.radio-label{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:500}.radio-description{color:var(--text-muted);font-size:13px}.notification-types-list{flex-direction:column;gap:16px;display:flex}.notification-type-item{justify-content:space-between;align-items:center;display:flex}.notification-type-info{flex:1}.notification-type-info label{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:500;display:block}.notification-type-description{color:var(--text-muted);font-size:13px;display:block}.quiet-hours-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-group input[type=time]{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.input-group input[type=time]:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.preferences-actions{background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.unsaved-changes-notice{color:var(--warning);font-size:14px;font-weight:500}.save-preferences-btn{background-color:var(--primary);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:6px;padding:12px 32px;font-size:15px;font-weight:500;transition:background-color .2s,opacity .2s}.save-preferences-btn:hover:not(:disabled){background-color:var(--primary-dark)}.save-preferences-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{background-color:var(--bg-success);color:var(--text-success);border-top:1px solid var(--border-success);text-align:center;padding:16px 32px;font-size:14px}@media (max-width:768px){.notification-preferences-page{padding:16px}.preferences-header,.preferences-section,.preferences-actions{padding:24px 20px}.quiet-hours-inputs{grid-template-columns:1fr}.preferences-actions{flex-direction:column;align-items:stretch;gap:16px}.save-preferences-btn{width:100%}}