*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}ul{margin:0;padding:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--color-accent-500: #F0C105;--color-accent-300: #FFDA47;--color-neutral-900: #1E1C15;--color-neutral-700: #272621;--color-neutral-600: #413F3A;--color-neutral-500: #878478;--color-neutral-300: #BCBAB3;--color-neutral-100: #E2E2DF;--color-neutral-0: #FEFDFB;--color-bg: var(--color-neutral-700);--color-bg-box: var(--color-neutral-900);--color-bg-postitem: var(--color-neutral-100);--color-bg-article: var(--color-neutral-0);--color-text: var(--color-neutral-0);--color-text-article: var(--color-neutral-600);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-600);--color-border: var(--color-neutral-600);--color-bookside: var(--color-neutral-600);--color-accent: var(--color-accent-500);--color-accent-hover: var(--color-accent-300);--width-article: 64em}body{background-color:var(--color-bg);color:var(--color-text)}section{max-width:var(--width-article);margin:auto}article{padding:10rem 8rem;background-color:var(--color-bg-article);color:var(--color-text-article);border-radius:4px;box-shadow:12px 12px 0 rgba(0,0,0,.5),24px 24px 0 rgba(0,0,0,.25)}@media only screen and (max-width: 50em){article{padding:6rem 4rem;border-radius:0;box-shadow:none}}@media only screen and (max-width: 32em){article{padding-inline:2rem}}body,.badge{font-family:"Sono",monospace;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"MONO" 1}h1,.collection-cover h2,.postslist,article{font-family:"Literata",serif;font-optical-sizing:auto;font-weight:350;font-style:normal}h1{font-size:1.75rem;font-weight:600;color:var(--color-accent)}h2{font-size:1.5rem;font-weight:400}@media only screen and (max-width: 32em){h2{font-size:1.25rem}}h3{font-size:2.5rem;font-weight:600;margin-bottom:3em}@media only screen and (max-width: 50em){h3{margin-bottom:2em}}@media only screen and (max-width: 50em){h3{font-size:2rem}}h4{font-size:1.5rem;font-weight:400;line-height:1.75rem}h5{font-size:1.25rem;font-weight:400}p,li{font-size:1.5rem;line-height:2}p strong,li strong{font-weight:650}p+*,li+*{margin-top:2em}@media only screen and (max-width: 50em){p,li{font-size:1.25rem}}.intro{font-size:1rem;font-weight:200;padding-inline:3rem;max-width:50em}@media only screen and (max-width: 32em){.intro{padding-inline:1.5rem}}.collection p{font-size:1.125rem}@media only screen and (max-width: 50em){.collection p{font-size:1rem}}ul li{list-style-type:none}.badge{display:inline-block;font-size:.75rem;letter-spacing:.5px;line-height:1.5rem;padding:0 .5em;border-radius:3px;text-transform:uppercase;border:1px solid var(--color-border)}a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:inherit}::selection{background:var(--color-accent);color:var(--color-bg)}.omissis{background-color:var(--color-bg);color:rgba(0,0,0,0);border-radius:3px;line-height:1.5em;padding:0 .5rem;user-select:none;display:inline-block}header{max-width:var(--width-article);margin:auto;margin-bottom:2rem;padding-inline:3rem;display:flex;gap:1rem}header h1{flex-grow:1;padding-block:2rem}@media only screen and (max-width: 50em){header{margin-bottom:1rem}}@media only screen and (max-width: 32em){header{padding-inline:1.5rem}}a.logo-main{color:var(--color-accent);transition:color .2s ease}a.logo-main svg{width:6em;height:8.125em;display:block;translate:0 -1em;transition:translate .3s ease-in-out,filter .3s ease-in-out}@media(hover: hover){a.logo-main:hover{color:var(--color-accent-hover)}a.logo-main:hover svg{translate:0 0;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--color-accent) 40%, var(--color-bg)))}}@media only screen and (max-width: 32em){a.logo-main svg{font-size:.75rem}}footer{max-width:var(--width-article);margin:6rem auto;padding:2rem;text-align:center;color:var(--color-text-secondary)}footer h5{padding-block:.75em;color:var(--color-text)}@media only screen and (max-width: 50em){footer{margin-block:2rem}}.footer-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:3rem;background-color:var(--color-bg-box);text-align:center;transition:color .2s ease}@media(hover: hover){.footer-btn:hover{color:var(--color-accent-hover)}}@media only screen and (max-width: 50em){.footer-btn{padding:2rem}}.collection-list{display:flex;flex-wrap:wrap}.collection-paper{background-color:var(--color-bg-box);border-left:1rem solid var(--color-bookside);border-radius:.5rem}.collection-cover{flex:1 1 20em;min-height:24em;padding:4rem 2.5rem;margin:1rem;box-shadow:6px 6px 0 rgba(0,0,0,.24),12px 12px 0 rgba(0,0,0,.16),18px 18px 0 rgba(0,0,0,.08);transition:all .2s ease}.collection-cover.featured{flex-basis:100%}.collection-cover h2{font-size:2.5rem;line-height:1.25;font-weight:700;margin-block:.75em}.collection-cover p{font-size:1.125rem}@media(hover: hover){.collection-cover:is(a):hover{color:var(--color-accent-hover);transform:translate(-6px, -6px);box-shadow:8px 8px 0 hsla(0,0%,100%,.24),16px 16px hsla(0,0%,100%,.16),24px 24px 0 hsla(0,0%,100%,.08)}}.collection-container{margin-inline:3rem;overflow:hidden}@media only screen and (max-width: 50em){.collection-container{margin-inline:1rem}}@media only screen and (max-width: 32em){.collection-container{margin-inline:4px}}.collection-content{padding:2rem 6rem 2rem 5rem}@media only screen and (max-width: 50em){.collection-content{padding:1.5rem 3rem}}@media only screen and (max-width: 32em){.collection-content{padding:1.5rem}}.collection .collection-content+.collection-content{padding-top:0 !important}.collection-header{display:flex;align-items:center;gap:1rem;background-color:var(--color-bg-box)}.collection-header.openable{cursor:pointer;transition:color .2s ease}@media(hover: hover){.collection-header.openable:hover{color:var(--color-accent-hover)}.collection-header.openable:hover .toggle-btn{opacity:1}}.collection-title{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-grow:1}.collection-storyheader{border-radius:.5rem .5rem 0 0}.toggle-btn{width:32px;height:32px;opacity:.5;flex-shrink:0;transition:all .25s ease}.openable+.collection-body{display:grid;grid-template-rows:0fr;overflow:hidden;padding-block:0;transition:grid-template-rows .35s ease,padding-block .3s ease}.openable+.collection-body .collection-body-inner{overflow:hidden;min-height:0}.openable+.collection-body p{opacity:0;transition:opacity .3s ease}.open{border-radius:.5rem}.open .toggle-btn{transform:rotate(180deg)}.open .collection-body{grid-template-rows:1fr;padding-block:0 3rem}.open .collection-body p{opacity:1}@media only screen and (max-width: 50em){.open .collection-body{padding-block:0 2rem}}@media only screen and (max-width: 32em){.open .collection-body{padding-block:0 1.5rem}}.open+.article-wrapper{margin-top:3rem}@media only screen and (max-width: 32em){.open+.article-wrapper{margin-top:4px}}.article-wrapper{transition:margin-top .35s cubic-bezier(0.4, 0, 0.2, 1)}.postslist{margin-top:2rem}.postslist a,.postslist .current{display:block;font-size:1.5rem;font-weight:600;padding:1.5rem 1.5rem 1.5rem 2.5rem;border-top:3px dotted var(--color-border);transition:color .1s ease;position:relative}@media only screen and (max-width: 32em){.postslist a,.postslist .current{padding:1.5rem 0}}.postslist .current{color:var(--color-accent-hover);cursor:default}.postslist a,.postslist .current{padding-right:5rem}.postslist a .badge,.postslist .current .badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:500;border-color:currentColor}.postslist a .badge-read,.postslist .current .badge-read{color:var(--color-text-tertiary)}.postslist a .badge-new,.postslist .current .badge-new{color:var(--color-accent)}@media only screen and (max-width: 32em){.postslist a,.postslist .current{padding-right:0;padding-block:3rem 1rem}.postslist a .badge,.postslist .current .badge{top:2rem;left:0;right:auto}}.postslist a::before{position:absolute;left:.5rem;top:50%;line-height:1.5rem;transform:translate(-0.25rem, -0.5rem);content:"➻";font-family:"Segoe UI Symbol","Apple Symbols",sans-serif;color:var(--color-accent-hover);opacity:0;transition:opacity .1s ease,transform .2s ease}@media only screen and (max-width: 32em){.postslist a::before{display:none}}@media(hover: hover){.postslist a:hover{color:var(--color-accent-hover)}.postslist a:hover::before{opacity:1;transform:translate(0, -0.5rem)}}