.theme-toggle-container{--toggle-width: 3.5em;--toggle-height: 1.75em;--border-radius: calc(var(--toggle-height) / 2);--handle-width: calc(var(--toggle-height) * .65);--handle-radius: calc(var(--handle-width) / 2);--handle-margin: calc((var(--toggle-height) / 2) - var(--handle-radius));--handle-translation: calc(var(--toggle-width) - var(--handle-width) - (var(--handle-margin) * 2));cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:1em}@keyframes toggle-slide-right{0%{width:var(--handle-width);transform:translate(0)}50%{width:calc(var(--toggle-width) * .5)}90%{width:var(--handle-width)}to{transform:translate(var(--handle-translation))}}@keyframes toggle-slide-left{0%{width:var(--handle-width);transform:translate(calc(var(--handle-translation) - ((var(--toggle-width) * .33) - var(--handle-width))))}70%{width:calc(var(--toggle-width) * .5)}to{width:var(--handle-width);transform:translate(0)}}@keyframes toggle-expand-right{0%{width:var(--handle-width)}to{width:calc(var(--toggle-width) * .33)}}@keyframes toggle-expand-left{0%{width:var(--handle-width);transform:translate(var(--handle-translation))}to{width:calc(var(--toggle-width) * .33);transform:translate(calc(var(--handle-translation) - ((var(--toggle-width) * .33) - var(--handle-width))))}}.theme-toggle-input{display:none;z-index:1000}.toggle-background{position:relative;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--border-radius);background-color:var(--background-modifier-border, var(--toggle-bg));transition:background-color var(--color-fade-speed);z-index:1000;animation-duration:.2s}.toggle-background:before{content:"";position:absolute;left:var(--handle-margin);top:var(--handle-margin);height:var(--handle-width);width:var(--handle-width);border-radius:var(--handle-radius);background-color:var(--text-normal, var(--text));box-shadow:inset 0 1px 1px #0003;animation:toggle-slide-left ease-in-out normal both;animation-duration:inherit;z-index:1000}.theme-toggle-input:checked~.toggle-background:before{animation:toggle-slide-right ease-in-out normal both;animation-duration:inherit}.theme-toggle-input:active~.toggle-background:before{animation:toggle-expand-right ease-in-out normal both;animation-duration:inherit}.theme-toggle-input:active:checked~.toggle-background:before{animation:toggle-expand-left ease-in-out normal both;animation-duration:inherit}.toggle-background:after{content:"";position:absolute;right:var(--handle-margin);top:calc(var(--handle-margin));height:var(--handle-width);width:var(--handle-width);transition:transform .3s;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>') no-repeat center center;transform:scale(.9)}.theme-toggle-input:checked~.toggle-background:after{transform:translate(calc(var(--handle-translation) * -1)) scale(.9);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>') no-repeat center center}*{box-sizing:border-box}:root,body.theme-light{--bg: #faf9f7;--text: #1a1a1a;--text-muted: #5c5c5c;--text-muted-2: #8a8a8a;--card-bg: #fff;--card-border: #ebe9e6;--card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--toggle-bg: #e5e3e0;--background-modifier-border: #e5e3e0;--text-normal: #1a1a1a;--color-fade-speed: .2s}body.theme-dark{--bg: #1a1a1a;--text: #f5f5f4;--text-muted: #a8a8a8;--text-muted-2: #737373;--card-bg: #262626;--card-border: #404040;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--toggle-bg: #404040;--background-modifier-border: #404040;--text-normal: #f5f5f4;--color-fade-speed: .2s}body{margin:0;padding:2rem 1.5rem;font-family:"Source Sans 3",system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background-color .2s ease,color .2s ease}main{max-width:72rem;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400;margin:0;letter-spacing:-.02em}.grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}.book-card{display:block;text-decoration:none;color:inherit;background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease}.book-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.book-card h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.25rem;font-weight:400;margin:0;line-height:1.35}