@layer reset,foundation,base,catalogue,post,cards,components,book;@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeLegibility;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer foundation{@font-face{font-family:urbanist;font-style:normal;font-weight:300;src:url(/fonts/Urbanist-Light.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:italic;font-weight:300;src:url(/fonts/Urbanist-LightItalic.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:normal;font-weight:400;src:url(/fonts/Urbanist-Regular.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:italic;font-weight:400;src:url(/fonts/Urbanist-Italic.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:normal;font-weight:500;src:url(/fonts/Urbanist-Medium.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:italic;font-weight:500;src:url(/fonts/Urbanist-MediumItalic.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:normal;font-weight:600;src:url(/fonts/Urbanist-SemiBold.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:italic;font-weight:600;src:url(/fonts/Urbanist-SemiBoldItalic.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:normal;font-weight:700;src:url(/fonts/Urbanist-Bold.ttf)format("truetype")}@font-face{font-family:urbanist;font-style:italic;font-weight:700;src:url(/fonts/Urbanist-BoldItalic.ttf)format("truetype")}:root{--black:hsl(0deg 0% 0%);--white:hsl(0deg 0% 100%);--bg-color:hsl(280deg 30% 97%);--bg-color-darker:hsl(280deg 25% 90%);--bg-color-darkest:hsl(280deg 20% 75%);--mid-gray:hsl(0deg 0% 50%);--primary-color:hsl(270deg 70% 50%);--secondary-color:hsl(320deg 85% 55%);--accent-color:var(--primary-color);--info-post-color:hsla(0deg 0% 100% / 40%);--info-color:hsl(280deg 40% 92%);--warning-color:hsl(45deg 90% 85%);--admonitions-link-color:var(--primary-color);--font-san-serif:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:'Urbanist', sans-serif;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-base:clamp(1.125rem, 0.9375rem + 0.5vw, 1.35rem);--font-size-xs:calc(var(--font-size-base) * 0.6);--font-size-sm:calc(var(--font-size-base) * 0.75);--font-size-md:var(--font-size-base);--font-size-lg:calc(var(--font-size-base) * 1.2);--font-size-xl:calc(var(--font-size-base) * 1.44);--font-size-2xl:calc(var(--font-size-base) * 1.728);--font-size-3xl:calc(var(--font-size-base) * 2.074);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-base:1.5rem;--spacing-xs:calc(var(--spacing-base) * 0.25);--spacing-sm:calc(var(--spacing-base) * 0.5);--spacing-md:var(--spacing-base);--spacing-lg:calc(var(--spacing-base) * 1.5);--spacing-xl:calc(var(--spacing-base) * 2);--spacing-2xl:calc(var(--spacing-base) * 3);--spacing-3xl:calc(var(--spacing-base) * 4);--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;color-scheme:light dark}body.dark-theme{--black:hsl(0deg 0% 94%);--white:hsl(0deg 0% 6%);--bg-color:hsl(270deg 50% 12%);--bg-color-darker:hsl(270deg 45% 20%);--bg-color-darkest:hsl(270deg 40% 30%);--mid-gray:hsl(0deg 0% 70%);--primary-color:hsl(280deg 85% 65%);--secondary-color:hsl(45deg 100% 60%);--info-post-color:hsla(0deg 0% 0% / 40%);--accent-color:var(--primary-color);--info-color:hsl(270deg 45% 25%);--warning-color:hsl(45deg 60% 25%);--admonitions-link-color:var(--primary-color);color-scheme:dark}@media(prefers-color-scheme:dark){:root{--black:hsl(0deg 0% 94%);--white:hsl(0deg 0% 6%);--bg-color:hsl(270deg 50% 12%);--bg-color-darker:hsl(270deg 45% 20%);--bg-color-darkest:hsl(270deg 40% 30%);--mid-gray:hsl(0deg 0% 70%);--primary-color:hsl(280deg 85% 65%);--secondary-color:hsl(45deg 100% 60%);--info-post-color:hsla(0deg 0% 0% / 40%);--accent-color:var(--primary-color);--info-color:hsl(270deg 45% 25%);--warning-color:hsl(45deg 60% 25%);--admonitions-link-color:var(--primary-color)}body.light-theme{--black:hsl(0deg 0% 0%);--white:hsl(0deg 0% 100%);--bg-color:hsl(280deg 30% 97%);--bg-color-darker:hsl(280deg 25% 90%);--bg-color-darkest:hsl(280deg 20% 75%);--mid-gray:hsl(0deg 0% 50%);--primary-color:hsl(270deg 70% 50%);--secondary-color:hsl(320deg 85% 55%);--accent-color:var(--primary-color);--info-post-color:hsla(0deg 0% 100% / 40%);--info-color:hsl(280deg 40% 92%);--warning-color:hsl(45deg 90% 85%);--admonitions-link-color:var(--primary-color);color-scheme:light}}}@layer base{@view-transition{navigation: auto;
    }body{display:grid;grid-template:"header header header" 72px "Lmargin content Rmargin" auto "footer footer footer" auto/10% 1fr 10%;gap:1rem;background-color:var(--bg-color);font-family:var(--font-serif);color:var(--black)}a{text-decoration:none;color:var(--accent-color)}h1{margin-bottom:.5em}h1,h2,h3,h4{line-height:var(--line-height-tight)}h1{letter-spacing:var(--letter-spacing-tighter)}h2{letter-spacing:var(--letter-spacing-tight)}h3,h4{letter-spacing:var(--letter-spacing-normal)}.sidebar{grid-column:1/4;grid-row:1;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;align-items:center;padding:2px 2em;background:linear-gradient(var(--bg-color-darker),transparent)}.mobile-nav{display:none}.logo{align-self:center;margin:0}.container-main{grid-column:2;grid-row:2}footer{grid-column:1/4;grid-row:2;grid-area:footer;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;font-family:var(--font-san-serif);font-size:var(--font-size-sm);background-color:var(--bg-color-darker);padding-top:var(--spacing-sm)}#footer-buttons{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;min-height:31px}.social{display:flex;justify-content:space-between;gap:1rem}.social-column{display:none;flex-direction:column;align-items:center;gap:1rem;margin-block-start:1rem;filter:grayscale(100%)opacity(.5)}.navbar-wrapper{display:inline;flex-grow:2}.navbar{display:flex;flex-direction:row;list-style-type:none;padding:0;text-align:center;justify-content:space-evenly;text-shadow:1px 1px 2px var(--bg-color);li{font-family:var(--font-mono);a{text-decoration:none;color:var(--black);&:hover{color:var(--accent-color)}}}}.mobile-navbar{display:none}.text-justify{text-align:justify;hyphens:auto}main{font-size:var(--font-size-md)}time{font-family:var(--font-mono)}figcaption{font-family:var(--font-mono)}blockquote{margin-block:1em;margin-inline:0;padding:.5em 1em;border-left:.25em solid var(--accent-color);color:var(--mid-gray);font-style:italic}.card-title{font-family:var(--font-mono)}.card-footer,.card-button{font-family:var(--font-mono)}img{display:block;max-width:100%}.highlight{overflow-x:scroll;font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-bottom:0!important;code > span{width:1px}}.invisible{visibility:hidden}table{border-collapse:collapse;border-spacing:0;margin:25px 0;width:100%;font-size:var(--font-size-xs);line-height:var(--line-height-normal);box-shadow:0 0 20px rgb(0 0 0/15%);border-radius:5px;overflow:hidden;thead{background-color:var(--primary-color);color:var(--white);text-align:left;font-weight:var(--font-weight-bold);th:first-child{border-top-left-radius:5px}th:last-child{border-top-right-radius:5px}}th, td{padding:12px 15px;text-align:left}tbody{tr{border-bottom:1px solid var(--mid-gray)}tr:nth-of-type(even){background-color:var(--bg-color-darker)}tr:last-of-type{border-bottom:2px solid var(--primary-color);td:first-child{border-bottom-left-radius:5px}td:last-child{border-bottom-right-radius:5px}}}}div.highlight{color:#000}@media only screen and (width <= 768px){body{display:grid;grid-template:auto auto auto auto/1fr;grid-template-areas:none;gap:0}.mobile-nav{grid-row:1;grid-column:1/2;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20;padding-block:.5em;padding-inline:1em;background-color:var(--bg-color-darker)}.sidebar{display:none}.navbar{text-align:left;flex-direction:column}footer{grid-row:4;grid-column:1/2;gap:.5em;flex-direction:column;align-items:center; #footer-social { order: 1; height: 20px; align-items: center; } #privacy-policy { order: 2; height: 20px; } #footer-copyright { order: 3; height: 20px; }}.social-column{display:none}.container-main{grid-column:1/2;grid-row:2;margin-left:.5em;margin-right:.5em}.nav-toggle{display:block;width:30px;height:30px;cursor:pointer;transition:background-color .5s ease-in-out}#mobile-navbar{position:absolute;width:100%;min-height:calc(100dvh - 100%);top:100%;left:-100%;z-index:20;font-size:var(--font-size-2xl);transition:.3s;background-color:var(--bg-color-darker)}#nav-toggle{opacity:0}#nav-toggle+#nav-toggle-label::before{font-size:var(--font-size-2xl);content:"🍔";transition:.5s;cursor:pointer}#nav-toggle:checked+#nav-toggle-label::before{font-size:var(--font-size-2xl);content:"🍟";transition:.5s;cursor:pointer}#nav-toggle:checked~#mobile-navbar{display:block;visibility:visible;left:0}}body.dark-theme{.social-column{filter:grayscale(100%)invert(100%)brightness(3)opacity(50%)} #footer-social { filter: grayscale(100%) invert(100%) brightness(3); } .container-main img { filter: brightness(.8) contrast(1.2); } .logo { filter: brightness(1.2); }}@media(prefers-color-scheme:dark){.social-column{filter:grayscale(100%)invert(100%)brightness(3)opacity(50%)}#footer-social{filter:grayscale(100%)invert(100%)brightness(3)}.container-main img{filter:brightness(.8)contrast(1.2)}.logo{filter:brightness(1.2)}body.light-theme{.social-column{filter:grayscale(100%)opacity(.5)} #footer-social { filter: grayscale(100%) opacity(0.5); } .container-main img { filter: none; } .logo { filter: none; }}}}@layer catalogue{.catalogue{max-width:700px;margin:auto;text-decoration:none;color:var(--black);h1{color:var(--black);margin-bottom:.2rem}}.catalogue-line{display:block;width:2rem}.catalogue-item{display:block;padding:1rem 0}.catalogue-item:hover .catalogue-line,.catalogue-item:focus .catalogue-line{width:5rem}.catalogue-item:last-child{border:0}.catalogue-time{letter-spacing:var(--letter-spacing-wide);color:var(--accent-color);font-family:var(--font-mono);font-size:var(--font-size-sm)}.catalogue-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tighter)}.catalogue-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);color:var(--mid-gray)}.catalogue-image{margin-top:.5rem;margin-bottom:1rem;object-fit:cover;background-color:var(--bg-color-darker);color:transparent}.catalogue-summary{font-size:var(--font-size-md);line-height:var(--line-height-snug)}.catalogue-content{font-size:var(--font-size-sm);line-height:var(--line-height-snug);p{margin-block-end:.5em;line-height:var(--line-height-relaxed)}}.catalogue-metadata{display:flex;align-items:baseline;gap:1rem;font-size:var(--font-size-sm)}.catalogue-category{text-decoration:none}.catalogue-category-text{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--mid-gray)}.catalogue-item-link,.catalogue-item-byte{display:flex;gap:.5rem;margin-bottom:1rem}.catalogue-ribbon{writing-mode:vertical-rl;text-orientation:mixed;font-family:courier new,Courier,monospace;color:#fff;padding-top:.5rem;width:20px;vertical-align:middle;font-size:var(--font-size-sm);img{display:inline;margin-bottom:.4rem}}.catalogue-ribbon-link{background-color:rgba(255 0 0/.6)}.catalogue-ribbon-byte{background-color:rgba(111 0 254/.6)}.pagination{ul{display:flex;justify-content:center;gap:1rem;list-style-type:none;padding-left:0;a{color:var(--black)}}}}@layer post{.post{font-size:var(--font-size-md);margin-block-start:1rem;width:100%;h1{font-size:var(--font-size-3xl);margin-bottom:1em;text-wrap:balance}h2{font-size:var(--font-size-2xl);margin-bottom:.5em;margin-block-start:1em;text-wrap:balance}h3{font-size:var(--font-size-xl);margin-bottom:.5em;margin-block-start:1em;text-wrap:balance}figure{margin-block:1em;margin-left:-2em;margin-right:-2em;text-align:center;img{margin:auto}figcaption{margin-top:1rem;font-size:var(--font-size-xs)}}video{margin:auto;display:block;max-width:100%}a{color:var(--accent-color)}h2.post-subtitle{font-size:var(--font-size-lg);font-style:oblique;margin-bottom:2em;color:var(--mid-gray);margin-top:-1.5em!important}span{font-family:var(--font-mono)}p{margin-block-end:.5em;line-height:var(--line-height-relaxed);text-align:left;orphans:3;widows:3;word-break:break-word;overflow-wrap:break-word;text-wrap:pretty}footer{display:flex;flex-direction:column;justify-content:center;gap:1rem;.post-line{border-bottom:2px dotted var(--mid-gray)}.post-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5em;margin-bottom:1em;font-family:var(--font-mono);> a{text-decoration:none;color:var(--mid-gray);background-color:var(--bg-color-darker);border-radius:10%;padding:0 10px}}}.page-title{margin-bottom:.5em}}.post-info{display:flex;gap:1rem;font-size:var(--font-size-sm);color:var(--mid-gray);background-color:var(--info-post-color)}.post-categories{display:flex;align-content:flex-start;gap:1em;font-family:var(--font-mono);> a{text-decoration:none;color:var(--primary-color)}}.post-body{margin-left:5em;max-width:65ch;margin-bottom:2rem}.post.backdropped{padding-top:300px}.photocredit{border-radius:15px;background:var(--bg-color-darker);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:3px;margin:1rem 0 1rem -1rem;p{margin-block-end:0;margin-left:10px}}@media only screen and (width <= 768px){.post-body{margin-left:0;max-width:100%;margin-bottom:2rem}.post figure{margin-block:1em;margin-left:.5em;margin-right:.5em;text-align:center}.photocredit{margin-left:0}}.alert{margin-left:-2rem;margin-top:1rem;margin-bottom:1rem;a{color:var(--admonitions-link-color)}}.alert-info,.alert-warning{color:#000;padding:1rem;h4{margin-block-end:.25rem}}.alert-info{background-color:var(--info-color)}.alert-warning{background-color:var(--warning-color)}@media only screen and (width <= 768px){.alert{margin-left:0}}.backdrop-container{height:675px;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1;.backdrop-wrapper{height:490px;overflow:hidden;left:50%;position:absolute;top:0;transform:translateX(-50%);width:1200px;z-index:0;.backdrop-image{height:137.75%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;width:100%;transition:opacity .75s cubic-bezier(.165,.84,.44,1)}.backdrop-mask{padding-top:500px;position:relative}.backdrop-mask::before{background-image:linear-gradient( 0deg,var(--bg-color) 0%,transparent 70% ),linear-gradient(90deg,var(--bg-color) 0%,transparent 15%),linear-gradient( 270deg,var(--bg-color) 0%,transparent 15% );background-repeat:no-repeat;content:"";display:block;height:490px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1200px;z-index:0}}}#progress-bar{--scroll-amount:0%;background-image:linear-gradient(120deg,var(--primary-color) 0%,var(--secondary-color) 100%);width:var(--scroll-amount);height:5px;position:fixed;top:0;left:0;z-index:10}}@layer cards{.related{display:flex;gap:.5rem;margin-block-start:1rem;margin-block-end:1rem;font-size:var(--font-size-xs);.card{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:8px;background-color:var(--bg-color-darker)}}.related .card-image{border-radius:1%;box-shadow:2px 2px 2px #00000050;height:100px;width:100%;object-fit:cover}.related .card-body{color:unset}.related .card-title{font-size:var(--font-size-lg)}.related .card-text{text-align:justify;hyphens:auto;overflow-block:hidden}.related .card-footer{font-size:var(--font-size-sm)}@media only screen and (width <= 768px){.related{flex-direction:column;gap:1rem;.card{flex:1;padding:0}}.related .card-image{height:200px}.related .card-body{padding:.5rem}.related .card-title{font-size:var(--font-size-xl)}.related .card-text{font-size:var(--font-size-md)}.related .card-footer{font-size:var(--font-size-md)}}.card-columns{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));margin-top:.5em;.card{display:flex;flex-direction:column;align-content:flex-start;background-color:var(--bg-color-darker);padding:1em}}.card-columns .card-title{margin:0}.card-columns .card-subtitle{font-family:var(--font-serif);margin:0}.card-columns .card-text{font-family:var(--font-san-serif);font-size:var(--font-size-xs);flex-grow:2}.card-columns .card-button{font-size:var(--font-size-md);margin-top:10px;font-weight:var(--font-weight-bold);text-align:right;color:var(--primary-color)}}@layer components{.dark-theme-toggle-wrapper{--toggle-height:50px;--toggle-width:calc(var(--toggle-height) * 9 / 5);--margin:10px;--handler-radius:calc(var(--toggle-height) - var(--margin));--dark-theme-bg-color:hsl(190deg 100% 36%);--light-theme-bg-color:hsl(199deg 100% 76%);--moon-color:hsl(39deg 100% 85%);--sun-color:hsl(0deg 0% 95%);display:flex;justify-content:center;overflow:hidden;padding:2em 0;input{opacity:0;display:none}.dark-theme-toggle{cursor:pointer;display:inline-block;position:relative;width:var(--toggle-width);height:var(--toggle-height);background-color:var(--light-theme-bg-color);border-radius:var(--handler-radius);transition:background-color 200ms cubic-bezier(.445,.05,.55,.95);overflow:hidden}.toggle-handler{display:inline-block;position:relative;z-index:1;top:calc(var(--margin)/2);left:calc(var(--margin)/2);width:var(--handler-radius);height:var(--handler-radius);background-color:var(--sun-color);border-radius:var(--toggle-height);box-shadow:0 0 20px #fff;transition:all 400ms cubic-bezier(.68,-.55,.265,1.55)}.star{position:absolute;background-color:#fff;transition:all 300ms cubic-bezier(.445,.05,.55,.95);border-radius:50%;z-index:0;width:0;height:0}.star-1{top:calc(var(--toggle-height)/5);left:calc(var(--toggle-height)/2 + var(--toggle-height)/5)}.star-2{top:calc(var(--toggle-height)/3 + 2px);left:calc(var(--toggle-height)/2 + 3px)}.star-3{top:calc(var(--toggle-height) * .7);left:0}.star-4{top:var(--toggle-height);left:0}.star-5{top:calc(var(--toggle-height)/5 * 2);left:calc(var(--toggle-height)/4)}.shadow{position:absolute;background-color:var(--light-theme-bg-color);transition:all 300ms cubic-bezier(.445,.05,.55,.95);border-radius:50%;z-index:1;width:var(--handler-radius);height:var(--handler-radius);top:calc(var(--toggle-height)/10 * -1);left:var(--toggle-width)}input:checked{+ .dark-theme-toggle{background-color:var(--dark-theme-bg-color);.toggle-handler{background-color:var(--moon-color);transform:translate3d(calc(var(--toggle-height) - 20%),0,0);box-shadow:0 2px 6px rgba(0 0 0/.3)}.shadow{background-color:var(--dark-theme-bg-color);left:calc(var(--toggle-width) - 30%)}.star-1, .star-5{width:2px;height:2px}.star-3{width:2px;height:2px;left:calc(var(--toggle-height)/3 + 2px)}.star-2{width:3px;height:3px}.star-4{left:calc(var(--toggle-height)/2 - 2px);width:4px;height:4px}}}}.tagbullet{display:flex;flex-flow:row wrap;gap:10px;.tag{font:.75em var(--font-mono);padding:.25em .5em;color:var(--white)}}.tagbullet .tag-key{background-color:var(--bg-color-darkest);color:var(--white);border-radius:5px 0 0 5px;padding:.25em .5em;text-shadow:0 1px 2px rgb(0 0 0/.2)}.tagbullet .tag-val{background-color:var(--primary-color);color:var(--white);border-radius:0 5px 5px 0;padding:.25em .5em;text-shadow:0 1px 2px rgb(0 0 0/.2)}.spoiler{filter:blur(10px)}.spoiler:hover,.spoiler:focus,.spoiler:active{filter:blur(0)}form.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1rem;label{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}fieldset{display:flex;flex-direction:column;border:0;padding:0;margin:0;min-width:0;legend{font-family:var(--font-mono);font-size:var(--font-size-lg);margin-left:-.5em}div{label{display:block}}}input, textarea{border:1px solid var(--black);border-radius:.5em;padding:.5em;font-size:var(--font-size-xs);background-color:var(--white);color:var(--black);width:100%}textarea{resize:vertical}input#submit{border:1px solid var(--mid-gray);border-radius:.5em;padding:.5em;font-size:var(--font-size-lg);background-color:var(--white);color:var(--black);cursor:pointer}}.comment-section{h2{font-family:var(--font-mono);margin-bottom:15px}.comment-intro{font-size:var(--font-size-md);margin-bottom:15px}.button-link{display:inline-block;padding:4px 12px;font-weight:var(--font-weight-bold);text-align:center;text-decoration:none;border-radius:4px;background-color:var(--primary-color);color:var(--white);transition:background-color .3s;&:hover{filter:brightness(1.1)}}.comment-container{font-size:var(--font-size-md);display:flex;align-items:flex-start;margin-bottom:15px;padding:15px;background-color:var(--bg-color-darker);border-radius:10px;box-shadow:0 4px 6px rgba(0 0 0/15%);border:1px solid var(--bg-color-darkest);transition:all .3s ease}.child-comments{margin-left:30px;border-left:2px solid var(--bg-color-darkest);padding-left:15px;margin-top:10px}.comment-avatar{width:50px;height:50px;border-radius:50%;margin-right:10px}.comment-details{max-width:calc(100% - 60px)}.comment-header{font-weight:var(--font-weight-bold);margin-bottom:5px}.comment-header span{font-size:var(--font-size-sm);color:gray}.comment-text{margin-bottom:10px}.comment-timestamp{font-size:var(--font-size-xs);color:gray}.username-link{font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--primary-color);text-decoration:none;&:hover{text-decoration:underline}}.comment-meta{display:flex;gap:15px;margin-top:10px;font-size:var(--font-size-sm);color:gray}.meta-item{display:flex;align-items:center;gap:5px}}}@layer book{.book-cover .img-wrapper{display:table;position:relative;border-radius:5px;height:100%}.book-cover .img-wrapper::after{content:'';top:0;left:0;width:100%;height:100%;position:absolute;background:linear-gradient(to right,rgb(60 13 20/.2) .75%,rgb(255 255 255/.5) 1.25%,rgb(255 255 255/25%) 1.75%,rgb(255 255 255/25%) 2.5%,rgb(0 0 0/5%) 3%,transparent 4%,rgb(255 255 255/25%) 4.25%,rgb(255 255 255/5%) 5.5%)}.book-cover figcaption{width:100%}book-gallery{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;aspect-ratio:16/9;width:100%;padding:25px;figure{flex:0 0 25%;display:table;margin:10px!important}img{max-height:max-content;box-shadow:5px 5px 5px rgb(0 0 0/.2)}.book-cover{height:max-content}.book-cover:nth-child(1n){transform:rotate(-1deg)}.book-cover:nth-child(2n){transform:rotate(3deg)}.book-cover:nth-child(3n){transform:rotate(-3deg)}.book-cover:nth-child(4n){transform:rotate(1deg)}}}