:root{color:#3d3229;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f0e8;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}#root{height:100%;overflow:hidden}.root{z-index:0;position:relative}.Backdrop{-webkit-backdrop-filter:blur(6px);background:#00000059;transition:opacity .4s;position:fixed;inset:0}.Backdrop[data-ending-style],.Backdrop[data-starting-style]{opacity:0}.Backdrop[data-open]{opacity:1}.AlertDialogPopup{background:var(--reader-glass-surface,#fffcf5f2);-webkit-backdrop-filter:blur(var(--reader-glass-blur,20px));border:1px solid var(--reader-glass-border,#ffffff59);border-radius:16px;outline:none;width:100%;max-width:400px;padding:28px 32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000001f,0 0 0 1px #0000000a}.DrawerPanel{background:var(--reader-glass-surface,#fffcf5f2);width:320px;max-width:85vw;-webkit-backdrop-filter:blur(var(--reader-glass-blur,20px));box-shadow:-8px 0 32px #00000014, -1px 0 0 var(--reader-glass-border,#ffffff59);border-left:none;outline:none;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0}.DrawerPanel[data-ending-style],.DrawerPanel[data-starting-style]{transform:translate(100%)}.DrawerPanel[data-open]{transform:translate(0)}.DrawerPanelWide{width:360px;max-width:85vw}.DrawerPanelWider{width:380px;max-width:90vw}.DrawerHeader{opacity:0;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:18px 24px;transition:opacity .3s .1s,transform .3s cubic-bezier(.16,1,.3,1) .1s;display:flex;transform:translate(20px)}.DrawerPanel[data-open] .DrawerHeader{opacity:1;transform:translate(0)}.DrawerTitle{letter-spacing:.02em;color:var(--reader-text-secondary,#6b6375);text-transform:uppercase;margin:0;font-size:15px;font-weight:600}.DrawerClose{cursor:pointer;color:var(--reader-text-secondary,#6b6375);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;font-size:22px;line-height:1;display:flex}.DrawerBody{opacity:0;flex:1;padding:24px 24px 28px;transition:opacity .3s .18s,transform .3s cubic-bezier(.16,1,.3,1) .18s;overflow-y:auto;transform:translate(20px)}.DrawerPanel[data-open] .DrawerBody{opacity:1;transform:translate(0)}.DrawerFooter{opacity:0;border-top:1px solid #0000000f;justify-content:flex-end;gap:8px;padding:12px 20px;transition:opacity .25s .25s,transform .25s cubic-bezier(.16,1,.3,1) .25s;display:flex;transform:translateY(8px)}.DrawerPanel[data-open] .DrawerFooter{opacity:1;transform:translateY(0)}.SliderRoot{flex:1;align-items:center;gap:12px;display:flex}.SliderControl{cursor:pointer;flex:1;align-items:center;height:20px;display:flex}.SliderTrack{background:#0000000f;border-radius:1.5px;width:100%;height:3px;position:relative}.SliderIndicator{background:var(--reader-text,#3d3229);border-radius:1.5px;height:100%;position:absolute;top:0;left:0}.SliderThumb{background:var(--reader-text,#3d3229);cursor:pointer;border:2px solid var(--reader-surface,#fffefa);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0000001f}.ToggleGroup{background:#0000000a;border-radius:12px;gap:4px;padding:4px;display:flex}.ToggleItem{cursor:pointer;color:var(--reader-text-secondary,#8a7e72);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.ToggleItem[data-pressed]{-webkit-backdrop-filter:blur(8px);color:var(--reader-text,#3d3229);background:#ffffffbf;box-shadow:0 1px 4px #0000000f}.SwitchRoot{cursor:pointer;background:#0000001f;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .3s cubic-bezier(.4,0,.2,1);position:relative}.SwitchRoot[data-checked]{background:var(--reader-accent,#b8864e)}.SwitchThumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000001a}.SwitchRoot[data-checked] .SwitchThumb{left:23px}.CollapsibleTrigger{-webkit-backdrop-filter:blur(8px);cursor:pointer;width:100%;color:var(--reader-text,#3d3229);background:#fff6;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.CollapsibleTrigger:hover{background:#fff9}.CollapsibleArrow{color:var(--reader-text-tertiary,#b0a090);font-size:12px;transition:transform .2s;display:inline-block}.CollapsibleTrigger[data-panel-open] .CollapsibleArrow{transform:rotate(180deg)}.CollapsiblePanel{max-height:500px;padding:16px 0 0;overflow-y:auto}.TabsList{border-bottom:1px solid #0000000f;display:flex}.TabTrigger{color:var(--reader-text-secondary,#8a7e72);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:14px;font-weight:400;transition:color .25s,border-color .25s}.TabTrigger[data-active]{color:var(--reader-accent,#b8864e);border-bottom-color:var(--reader-accent,#b8864e);font-weight:600}.SelectTrigger{color:var(--reader-text,#3d3229);appearance:none;cursor:pointer;background:#ffffff80 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a7e72' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #00000014;border-radius:10px;outline:none;flex:1;padding:8px 32px 8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.SelectTrigger:focus{border-color:var(--reader-accent,#b8864e);box-shadow:0 0 0 3px #b8864e1a}.Input{width:100%;color:var(--reader-text,#3d3229);box-sizing:border-box;background:#ffffff80;border:1px solid #00000014;border-radius:10px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.Input:focus{border-color:var(--reader-accent,#b8864e);box-shadow:0 0 0 3px #b8864e1a}@keyframes spin{to{transform:rotate(360deg)}}