:root{--primary-dark-50: hsl(340, 22.5%, 5%);--primary-dark-100: hsl(340, 25%, 10%);--primary-dark-150: hsl(340, 27.5%, 15%);--primary-dark-200: hsl(340, 30%, 20%);--primary-dark-250: hsl(340, 32.5%, 25%);--primary-dark-300: hsl(340, 35%, 30%);--primary-dark-350: hsl(340, 37.5%, 35%);--primary-dark-400: hsl(340, 40%, 40%);--primary-dark-450: hsl(340, 42.5%, 45%);--primary-dark-500: hsl(340, 45%, 50%);--primary-dark-550: hsl(340, 47.5%, 55%);--primary-dark-600: hsl(340, 50%, 60%);--primary-dark-650: hsl(340, 52.5%, 65%);--primary-dark-700: hsl(340, 55%, 70%);--primary-dark-750: hsl(340, 57.5%, 75%);--primary-dark-800: hsl(340, 60%, 80%);--primary-dark-850: hsl(340, 62.5%, 85%);--primary-dark-900: hsl(340, 65%, 90%);--primary-dark-950: hsl(340, 67.5%, 95%);--primary-light-50: hsl(30, 22.5%, 5%);--primary-light-100: hsl(30, 25%, 10%);--primary-light-150: hsl(30, 27.5%, 15%);--primary-light-200: hsl(30, 30%, 20%);--primary-light-250: hsl(30, 32.5%, 25%);--primary-light-300: hsl(30, 35%, 30%);--primary-light-350: hsl(30, 37.5%, 35%);--primary-light-400: hsl(30, 40%, 40%);--primary-light-450: hsl(30, 42.5%, 45%);--primary-light-500: hsl(30, 45%, 50%);--primary-light-550: hsl(30, 47.5%, 55%);--primary-light-600: hsl(30, 50%, 60%);--primary-light-650: hsl(30, 52.5%, 65%);--primary-light-700: hsl(30, 55%, 70%);--primary-light-750: hsl(30, 57.5%, 75%);--primary-light-800: hsl(30, 60%, 80%);--primary-light-850: hsl(30, 62.5%, 85%);--primary-light-900: hsl(30, 65%, 90%);--primary-light-950: hsl(30, 67.5%, 95%);--text-accent-50: hsl(340, 12.5%, 25%);--text-accent-100: hsl(340, 15%, 30%);--text-accent-150: hsl(340, 17.5%, 35%);--text-accent-200: hsl(340, 20%, 40%);--text-accent-250: hsl(340, 22.5%, 45%);--text-accent-300: hsl(340, 25%, 50%);--text-accent-350: hsl(340, 27.5%, 55%);--text-accent-400: hsl(340, 30%, 60%);--text-accent-450: hsl(340, 32.5%, 65%);--text-accent-500: hsl(340, 35%, 70%);--text-accent-550: hsl(340, 37.5%, 75%);--text-accent-600: hsl(340, 40%, 80%);--text-accent-650: hsl(340, 42.5%, 85%);--text-accent-700: hsl(340, 45%, 90%);--text-accent-750: hsl(340, 47.5%, 95%);--text-accent-800: hsl(340, 50%, 100%);--text-accent-850: hsl(340, 52.5%, 105%);--text-accent-900: hsl(340, 55%, 110%);--text-accent-950: hsl(340, 57.5%, 115%);--background: var(--primary-dark-150);--border: var(--primary-dark-200);--text: var(--text-accent-950);--text-hover: var(--text-accent-900);--link-underline: var(--primary-light-700);--link-underline-hover: var(--primary-light-600);--sidebar-background: var(--primary-dark-100);--sidebar-border: var(--primary-dark-150);--sidebar-accent-1: var(--primary-dark-150);--sidebar-accent-2: var(--primary-dark-200);--sidebar-accent-3: var(--primary-dark-350);--vriish-rose: hsl(0, 100%, 75%);--orange: hsl(25, 100%, 75%);--gold: hsl(50, 100%, 75%);--emerald: hsl(130, 100%, 75%);--sky: hsl(215, 100%, 75%);--purpur: hsl(320, 100%, 75%);--white: hsl(360, 100%, 100%);--vriish-gradient: linear-gradient(
    -35deg,
    var(--primary-light-300) -50%,
    var(--primary-dark-300) 150%
  );--vriish-gradient-shadow: 2px 2px 10px var(--background);--vriish-gradient-text: var(--text-accent-800);--vriish-gradient-text-hover: var(--text-accent-850);--vriish-waves:
    radial-gradient(2.64rem at 50% calc(100% - 3.67rem), #000 99%, #0000 101%)
      calc(50% - 3rem) 0/6rem 100%,
    radial-gradient(2.64rem at 50% calc(100% + 2.17rem), #0000 99%, #000 101%)
      50% calc(100% - 1.5rem) / 6rem 100% repeat-x}@media (prefers-color-scheme: light){:root{--text-accent-50: hsl(30, 22.5%, 25%);--text-accent-100: hsl(30, 25%, 30%);--text-accent-150: hsl(30, 27.5%, 35%);--text-accent-200: hsl(30, 30%, 40%);--text-accent-250: hsl(30, 32.5%, 45%);--text-accent-300: hsl(30, 35%, 50%);--text-accent-350: hsl(30, 37.5%, 55%);--text-accent-400: hsl(30, 40%, 60%);--text-accent-450: hsl(30, 42.5%, 65%);--text-accent-500: hsl(30, 45%, 70%);--text-accent-550: hsl(30, 47.5%, 75%);--text-accent-600: hsl(30, 50%, 80%);--text-accent-650: hsl(30, 52.5%, 85%);--text-accent-700: hsl(30, 55%, 90%);--text-accent-750: hsl(30, 57.5%, 95%);--text-accent-800: hsl(30, 60%, 100%);--text-accent-850: hsl(30, 62.5%, 105%);--text-accent-900: hsl(30, 65%, 110%);--text-accent-950: hsl(30, 67.5%, 115%);--background: var(--primary-light-850);--border: var(--primary-dark-800);--text: var(--text-accent-50);--text-hover: var(--primary-dark-150);--link-underline: var(--primary-dark-700);--link-underline-hover: var(--primary-dark-600);--sidebar-background: var(--primary-light-900);--sidebar-border: var(--primary-light-850);--sidebar-accent-1: var(--primary-light-850);--sidebar-accent-2: var(--primary-light-800);--sidebar-accent-3: var(--primary-light-750);--vriish-gradient: linear-gradient(
      -35deg,
      var(--primary-light-700) -50%,
      var(--primary-dark-700) 150%
    )}}*{box-sizing:border-box;scrollbar-color:var(--vriish-rose) var(--background);scrollbar-width:thin}@media (prefers-reduced-motion: no-preference){*{scroll-behavior:smooth}}html{margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}html body{background:var(--background);color:var(--text);display:flex;font-family:system-ui, sans-serif;font-size:1.2rem;flex-direction:column;line-height:1.5;margin:0;min-height:100vh}@media (max-width: 920px){html body{font-size:1em;grid-template-areas:"header" "content" "footer";grid-template-columns:1fr}}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{line-height:1em;margin:0.8em 0}html body a{color:var(--text);text-decoration:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:3px;text-underline-offset:2px}@media (prefers-reduced-motion: no-preference){html body a{transition:text-decoration-color 0.2s}}html body a:hover{text-decoration-color:var(--link-underline-hover)}html body pre{border:1px solid var(--vriish-rose);border-radius:4px;overflow:auto;padding:10px 15px}html body p{hyphens:auto}html body p img{border-radius:1rem;display:block;margin:0 auto}html body hr{border:1px solid var(--border);color:var(--border);margin:60px 0}.global-header{align-items:center;grid-area:header;position:relative;display:flex;flex-direction:column;gap:0.5em;justify-content:center;padding:3em 0;z-index:2}.global-header h1,.global-header p{margin:0}main{grid-area:content;margin:20px auto;max-width:1000px;overflow:hidden;padding:30px;width:100%;min-height:85.6vh}main span{font-size:0.8em}p.date-published{margin-bottom:-1.5em;font-size:smaller;font-style:italic}@font-face{font-family:"playfair";src:local("Playfair"),url("../fonts/playfair/PlayfairDisplay-Regular.woff2") format(woff2);font-display:swap}@font-face{font-family:"playfair";src:local("Playfair"),url("../fonts/playfair/PlayfairDisplay-Bold.woff2") format(woff2);font-weight:bold;font-display:swap}.md-img{display:flex;flex-direction:column;margin:3rem auto}.md-img img{border-radius:0.5rem;margin:0 auto;box-shadow:rgba(0,0,0,0.25) 0 0 0.5rem;max-width:100%}.md-img.with-text img{margin-bottom:0.75rem}.md-img-text{font-size:0.8em;font-weight:300;text-align:center}#sidebar{background:var(--sidebar-background);display:flex;flex-direction:column;justify-content:space-between;gap:1em;height:calc(100vh - 1rem);padding:0.25rem;position:fixed;top:0;width:5rem;z-index:2;margin:0.5rem 0;border-radius:0 2rem 2rem 0;border:1px solid var(--sidebar-border);border-left:0}@media (max-width: 1140px){#sidebar{overflow:unset;border:0;position:unset;height:0;padding:0;margin:0;background-color:transparent}}#sidebar a.hint-text{position:relative}#sidebar a.hint-text::before{content:attr(aria-label);left:calc(100% + 0.5rem);position:absolute;top:50%;transform:translateY(-50%);background-color:var(--sidebar-accent-3);color:var(--text-accent-900);padding:0.2rem 0.5rem;border-radius:0.5rem;pointer-events:none;opacity:0%;z-index:201}@media (prefers-reduced-motion: no-preference){#sidebar a.hint-text::before{transition:opacity 0.3s ease-in-out}}#sidebar a.hint-text::after{content:"";transform:translate(-50%, -50%) rotate(45deg);transform-origin:center;background-color:var(--sidebar-accent-3);top:50%;height:1.2rem;width:1.2rem;z-index:200;border-radius:0 0 0 0.5rem;position:absolute;left:calc(100% + 0.5rem);pointer-events:none;opacity:0%}@media (prefers-reduced-motion: no-preference){#sidebar a.hint-text::after{transition:opacity 0.3s ease-in-out}}#sidebar a.hint-text:hover::before,#sidebar a.hint-text:hover::after{opacity:100%}#sidebar #avatar-wrapper{text-align:center;user-select:none;padding:inherit}#sidebar #avatar-wrapper a{display:block;width:0}#sidebar #avatar-wrapper #avatar{border-radius:300% 500% / 500% 300%;max-width:64px}@media (max-width: 1140px){#sidebar #avatar-wrapper #avatar{position:absolute;top:1rem;left:1rem}}@media (prefers-reduced-motion: no-preference){#sidebar #avatar-wrapper #avatar{transition:0.4s border-radius ease-in-out}}#sidebar #avatar-wrapper #avatar:hover{border-radius:500% 300% / 300% 500%}#sidebar #sidebar-menu{user-select:none;text-align:center}@media (max-width: 1140px){#sidebar #sidebar-menu{position:fixed;width:100vw;background-color:var(--sidebar-background);height:5rem;left:0;bottom:0;padding:0.4rem;border:1px solid var(--sidebar-border);border-bottom:0}}#sidebar #sidebar-menu ul{list-style:none;padding:0;margin:0}@media (max-width: 1140px){#sidebar #sidebar-menu ul{display:flex;flex-direction:row;justify-content:center;height:100%}}#sidebar #sidebar-menu li{border-radius:0.5rem;margin:0.5em 0;position:relative;letter-spacing:0.025rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}@media (max-width: 1140px){#sidebar #sidebar-menu li{margin:0 0.5rem}}@media (prefers-reduced-motion: no-preference){#sidebar #sidebar-menu li{transition:background-color 0.2s linear}}#sidebar #sidebar-menu li a{overflow:visible;display:flex;align-items:center;width:100%;height:100%}#sidebar #sidebar-menu li::after{background-color:var(--sidebar-accent-1);bottom:0;content:"";height:100%;position:absolute;left:-100%;top:0;width:100%;z-index:-1;opacity:1;opacity:0.5;border-radius:0.5rem}@media (max-width: 1140px){#sidebar #sidebar-menu li::after{left:0;top:100%}}@media (prefers-reduced-motion: no-preference){#sidebar #sidebar-menu li::after{transition:left 0.5s ease-out, opacity 0.5s ease-out, background-color 0.2s linear, top 0.5s ease-out}}#sidebar #sidebar-menu li.active{background-color:var(--sidebar-accent-1)}#sidebar #sidebar-menu li.active:hover{background-color:var(--sidebar-accent-2)}#sidebar #sidebar-menu li.active:active{background-color:var(--sidebar-accent-3)}#sidebar #sidebar-menu li:hover::after{left:0;opacity:1}@media (max-width: 1140px){#sidebar #sidebar-menu li:hover::after{top:0}}#sidebar #sidebar-menu li:active::after{background-color:var(--sidebar-accent-2)}#sidebar #sidebar-menu a{text-decoration:none;display:flex;place-content:center}#sidebar #sidebar-menu a svg{height:3rem;width:3rem;fill:transparent;stroke:var(--text-accent-300);stroke-width:20px}#sidebar #social-links{text-align:center}@media (max-width: 1140px){#sidebar #social-links{display:none}}#sidebar #social-links a{display:flex;padding:1rem;place-content:center}#sidebar #social-links a:hover .mastodon-icon{color:#563acc}#sidebar #social-links a .mastodon-icon{color:#6364ff}#sidebar #social-links a .icon{height:1.25rem;width:1.25rem;display:block}@media (prefers-reduced-motion: no-preference){#sidebar #social-links a .icon{transition:color 0.2s ease-in-out}}#sidebar #languages{text-align:center;border-radius:0.5rem 0.5rem 1.85rem 0.5rem}@media (max-width: 1140px){#sidebar #languages{border-radius:4rem;position:absolute;top:1rem;left:calc(100vw - 1em - 64px);font-size:1.4rem;border-radius:100%;background-color:var(--sidebar-accent-1);aspect-ratio:1 / 1;width:64px;display:flex;align-items:center;justify-content:center;overflow:hidden}}@media (prefers-reduced-motion: no-preference){#sidebar #languages{transition:background-color 0.2s ease-in-out}}#sidebar #languages:hover{background-color:var(--sidebar-accent-1)}@media (max-width: 1140px){#sidebar #languages:hover{background-color:var(--sidebar-accent-2)}}#sidebar #languages:active{background-color:var(--sidebar-accent-2)}@media (max-width: 1140px){#sidebar #languages:active{background-color:var(--sidebar-accent-3)}}#sidebar #languages #language{display:block;text-decoration:none;width:100%;height:100%;padding:1rem;pointer-events:all}footer{color:var(--text-accent-150);grid-area:footer;text-align:center;font-size:1rem}@media (max-width: 1140px){footer{margin-top:1em;margin-bottom:8em;margin-left:auto;margin-right:auto}}@media (min-width: 1141px){footer{margin-top:1em;margin-bottom:1em;margin-left:auto;margin-right:auto}}footer p{margin:0.25em}footer p span:not(:last-child)::after{content:"·";padding:0.25em}footer p span a{color:var(--text-secondary);text-decoration-color:transparent}footer p span a:hover{text-decoration:underline;text-decoration-color:var(--text-secondary)}.moreposts{hyphens:auto;margin-top:4em}.moreposts .more{font-size:0.75em;font-weight:normal;hyphens:none}.moreposts .more::after{content:"\27F6";margin-left:0.25em;transition:margin 0.5s}.moreposts .more:hover::after{margin-left:0.5em !important}.moreposts:hover .more::after{margin-left:0.35em}.moreposts .moreposts-wrapper{border-radius:0.5em;display:flex;flex-direction:row;gap:1em;overflow-x:scroll;scroll-snap-type:x proximity}.moreposts .moreposts-wrapper .post-group{color:var(--vriish-gradient-text);background:var(--vriish-gradient);border-radius:0.5em;display:flex;flex-direction:column;scroll-snap-align:start;min-width:15em;width:33.333%}.moreposts .moreposts-wrapper .post-group .title{flex:auto;margin:1em}.moreposts .moreposts-wrapper .post-group aside{margin:1em}.moreposts a{text-decoration:none}.icon{width:1.25rem;height:1.25rem;fill:currentColor}#blog-header{background:var(--vriish-gradient);font-family:"playfair";font-size:1.5rem;height:40vh;color:var(--vriish-gradient-text);mask:var(--vriish-waves);-webkit-mask:var(--vriish-waves);padding:1rem 6rem 3rem 6rem;display:flex;flex-direction:column;place-content:center;text-align:center}@media (max-width: 1140px){#blog-header{height:30vh;font-size:1rem}}#blog-header h1{letter-spacing:0.3rem;font-size:3.5rem;margin:0 auto;max-width:1000px}@media (max-width: 1140px){#blog-header h1{font-size:2.5rem}}#blog-header p{letter-spacing:0.15rem;margin:0 auto;max-width:1000px}#blog-header span:not(:first-of-type)::before{content:"·";margin:0 1rem 0 0.6rem}main{max-width:800px}main h1,main h2,main h3,main h4,main h5,main h6{margin-top:2.5rem !important}main p{margin:0 0 2rem 0}#posts-wrapper{display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 18rem));gap:1rem;justify-content:center;margin-top:2rem}#posts-wrapper .post-wrapper{hyphens:auto;padding:1rem;color:var(--vriish-gradient-text);background:var(--vriish-gradient);border-radius:0.5em;display:flex;flex-direction:column;scroll-snap-align:start;text-decoration:none;min-height:10rem;justify-content:space-between}#posts-wrapper .post-wrapper p{margin:0}