:root{--bg-1: #f6f3e1;--text-1: #b4ebcb;--bg-2: hsl(224, 100%, 11%);--bg-3: hsl(206, 20%, 80%);--fg-1: hsl(0, 0%, 0%);--fg-2: hsl(0, 0%, 20%);--fg-3: hsl(0, 0%, 30%);--link: #b4ebcb;--link-hover: #cd7f32;--link-active: #b4ebcb;--line: #41413B;--border-radius: 4px;--font: "BerkeleyMono", Garamond, serif;--font-extre: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--bronze-gradient: linear-gradient( to right, #b87333 0%, #cd7f32 20%, #e6a85c 40%, #cd7f32 60%, #b87333 80%, #966919 100% );--bg-dark: #1e1e1e}body.dark{--bg-1: hsl(0, 0%, 18%);--bg-2: hsl(0, 0%, 30%);--bg-3: hsl(0, 0%, 40%);--fg-1: hsl(0, 0%, 90%);--fg-2: hsl(0, 0%, 70%);--fg-3: hsl(0, 0%, 60%);--link: hsl(206, 96%, 72%);--link-hover: hsl(206, 96%, 78%);--link-active: hsl(206, 96%, 64%)}@font-face{font-family:BerkeleyMono;src:url(../../../fonts/BerkeleyMonoTrial-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}html{background-color:var(--bg-dark)!important;background:var(--bg-dark)!important;margin:0;padding:0}body{background:var(--bg-dark);background-color:var(--bg-dark)!important;font-family:var(--font);line-height:1.5;margin:0!important;padding:1rem;min-height:100vh;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6,p,span,li,td,th,a,label,button,input:not([type=image]),textarea,select,.book-title,.book-author,.book-date{position:relative;background:var(--bronze-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.05em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}h1{padding-bottom:0}h5,h6{font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1}p{font-size:.8em;font-color:var(--link)}:is(h1,h2,h3,h4,h5,h6,p){margin:1rem .1rem}label{margin:.5rem .1rem;display:flex;gap:.5rem;align-items:center}label input{margin:0}:is(h1,h2,h3,h4,h5,h6,p,label):first-child{margin-top:0}:is(h1,h2,h3,h4,h5,h6,p,label):last-child{margin-bottom:0}a{color:var(--link);text-decoration-color:#b4ebcb;-webkit-text-decoration-color:#b4ebcb}a:hover{color:var(--link-hover);text-decoration-color:#e6a85c;-webkit-text-decoration-color:#e6a85c}a:active{color:var(--link-active)}u{color:var(--link)}div,body,img,svg,canvas,video,iframe,input[type=image],.book-card img{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:unset!important;filter:unset!important}div{background-color:transparent!important;background:transparent!important}code{background:var(--bg-2);font-family:var(--font-mono);font-size:.9em;padding:.15rem .3rem;border-radius:var(--border-radius)}hr.solid{border-top:3px solid var(--line)}progress{margin:.5rem 0}progress:first-child{margin-top:0}progress:last-child{margin-bottom:0}form{display:flex;flex-direction:column;gap:1rem;align-items:baseline}ul:has(li):has(form){list-style:none;padding:0}li form{flex-direction:row;gap:.5rem;margin:.5rem 0}ul:has(form){list-style:none;padding:0}ul.todos{padding:0}ul.todos li:not(:has(>form)),ul.todos li form{position:relative;display:flex;align-items:center;padding:.5em .5em .5em 1em;margin:0 0 .5em;gap:.5em;border-radius:5px;-webkit-user-select:none;user-select:none;background:var(--bg-1);filter:drop-shadow(2px 3px 6px rgba(0,0,0,.1));transition:filter .2s,opacity .2s}ul.todos .done{filter:none;opacity:.4}ul.todos button{border:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:1rem 1rem;cursor:pointer;width:3em;height:3em;margin:-.5em -.5em -.5em 0;aspect-ratio:1;opacity:.5;transition:opacity .2s}ul.todos button:hover{opacity:1}.error{color:red}:global(.telescopic-text){margin:1em 0;line-height:1.6}:global(.telescopic-text span){cursor:pointer;color:#558f6d;text-decoration:underline;text-decoration-style:dotted}:global(.telescopic-text span:hover){color:#3a6049}button,input,select{font-family:inherit;font-size:inherit}button{background:var(--link-hover);color:var(--bg-1);padding:.5rem 1rem;border:none;border-radius:var(--border-radius)}button:hover,button:active{background:var(--link)}:is(button,button:hover,button:active):disabled{background:var(--link);filter:grayscale(1);opacity:.4}input,textarea,select{padding:.5rem;border:1px solid var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box}input,textarea{background:var(--bg-1);color:inherit}select:not([multiple]){background:var(--bg-2)}textarea{font-family:var(--font-mono);font-size:.9rem}nav{position:relative;display:flex;align-items:center;justify-content:center;gap:1em;font-size:1.5em;padding-top:.2em;padding-bottom:.7em;background-color:var(--bg-dark);background:var(--bg-dark);z-index:2;margin:0 0 1em;border-radius:5}nav a{text-decoration:none}nav a[aria-current=true]{border-bottom:2px solid var(--link-hover);border-bottom-color:var(--link-hover)!important}navbar-h1{font-size:2rem;background-color:var(--bg-1);align-items:center;justify-content:center}
