:root{--font:system-ui,sans-serif;--background:#1e1e2e;--container:#313244;--container-low:#12121c;--foreground:#cdd6f4;--primary:#89b5fa;--foreground-subtle:#7f849c;--stroke:#454759;--warning:#f9e2af;--transition-bezier:0.35s cubic-bezier(0.17,0.89,0.32,1.28);--breathing-space:1rem;--radius:0.3rem;--viewport:980px;color-scheme:dark}body{margin-inline:auto;max-width:var(--viewport);outline:1px solid var(--stroke)}.toolbar{background:var(--container-low);border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between}.toolbar a{align-self:stretch;color:var(--foreground);display:block;font-size:.9em;padding:.4rem var(--breathing-space);text-decoration:none}.toolbar a:hover{background:var(--container)}.navbar{display:flex;flex-wrap:wrap;justify-content:stretch;position:relative}.navbar>details{flex:1 1 auto}.navbar details>summary{all:unset;align-items:center;display:flex;flex-shrink:0;gap:.5em;height:28px;justify-content:center;padding:.5rem var(--breathing-space);-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar details summary{border-bottom:1px solid var(--stroke);flex-basis:100%;transition:all 125ms ease-out}.navbar:has(details[open]) details:not([open])>summary:not(:hover){opacity:.7}.navbar details[open] summary{background:var(--container);border-color:var(--primary);margin:0;opacity:1;outline:1px dashed var(--stroke)}.navbar details section{overflow:hidden}.navbar details summary:hover{background:rgba(0,0,0,.3);opacity:1;outline:1px dashed var(--stroke)}.navbar:has(summary:hover) summary:not(:hover){opacity:.7}.navbar details[open] section{background:var(--container-low);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 2px 5px 0 rgba(0,0,0,.5);left:0;margin:1rem;padding:var(--breathing-space);position:absolute;right:0;width:calc(100% - 2rem);z-index:10}.navbar hr{margin:1rem 0}.navbar-list{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}.navbar .navbar-list li a{align-items:flex-start;border-bottom:1px solid var(--stroke);border-left:1px solid var(--stroke);border-right:1px solid var(--stroke);color:var(--foreground);display:flex;flex-direction:column;padding:.75rem;text-decoration:none;transition:background 125ms ease-in-out}.navbar .navbar-list :first-child a{border-top:1px solid var(--stroke);border-top-left-radius:calc(var(--radius)/2);border-top-right-radius:calc(var(--radius)/2)}.navbar .navbar-list :last-child a{border-bottom-left-radius:calc(var(--radius)/2);border-bottom-right-radius:calc(var(--radius)/2)}.navbar .navbar-list li a:hover{background:var(--container)}.navbar-list a:hover img,.navbar-list a:not(:hover) img{transition:scale var(--transition-bezier)}.navbar-list a:hover img{scale:1.25}.navbar-list .link-header{align-items:center;display:flex;gap:.5em}.navbar-list .link-header img.icon{height:1.25em;width:1.25em}.navbar-list .link-header{color:var(--primary);font-size:1.025rem}.navbar-list p{color:var(--foreground-subtle);font-size:.95rem}.hero{border-bottom:1px solid var(--stroke);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--breathing-space)*2) var(--breathing-space)}.hero p:not(.hero-meta p){font-size:1.15rem}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem 2rem}.hero-meta p{align-items:center;display:flex;gap:.3em}.hero-meta p svg{height:1em;width:1em}main{min-height:20rem;padding:var(--breathing-space)}main.has-aside,main.home{max-width:none;padding:0}main.has-aside>article,main.home article{padding:var(--breathing-space)}main.has-aside>nav.breadcrumb{grid-area:breadcrumb;padding:var(--breathing-space) var(--breathing-space) 0 var(--breathing-space)}nav.breadcrumb{padding-bottom:var(--breathing-space)}nav.breadcrumb ol{display:flex;list-style:none;padding:0}nav.breadcrumb li+li:before{content:"-";display:inline-block;margin-inline:.5em .25em}@media (min-width:48rem){main.has-aside{display:grid;grid-template-areas:"breadcrumb aside" "article aside";grid-template-columns:1fr 18rem;grid-template-rows:auto 1fr}main.home{grid-template-areas:"article aside";grid-template-rows:1fr}main>article{margin:0 auto;max-width:77ch}main.has-aside article,main.home article{grid-area:article;padding:var(--breathing-space)}aside.page-aside{border-left:1px solid var(--stroke);grid-area:aside}}@media (max-width:48rem){main.has-aside aside{border-top:1px solid var(--stroke)}}@media (max-width:34rem){.mobile{display:none}}.main-footer{border-top:1px dashed var(--stroke);padding:1rem}.aside-block{border-bottom:1px solid var(--stroke);padding:var(--breathing-space)}.aside-block>*+*{margin-top:.5rem}.aside-block h2,.aside-block h3{font-weight:lighter}.lastfm-widget img{border:1px solid var(--foreground);margin:1rem auto}.lastfm-widget h2 span#loadingStatus{background:#6c7086;height:.8em;width:.8em}.card{border:1px solid var(--stroke);padding:var(--breathing-space)}.card,.label{border-radius:var(--radius)}.label{background:var(--container-low);color:var(--foreground);display:inline-block;font-size:.9rem;font-weight:400;line-height:1;padding:.5em .75rem}.notice{align-items:center;border-radius:4px;display:flex;gap:.5em;margin:0 auto;overflow:hidden;padding:.5rem var(--breathing-space);width:-moz-max-content;width:max-content}.notice--warning{background:var(--container-low);border:1px solid var(--warning);border-radius:var(--radius)}.secondary{color:var(--foreground-subtle);font-size:1em}.flex-h{align-items:center;display:flex;gap:.5em}.auto-flex{display:flex;flex-wrap:wrap;gap:.5rem}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.signature{transition:all 1.5s cubic-bezier(.18,.91,.66,.8)}.signature:hover{rotate:1turn;scale:1.2}.icon{--_size:var(--icon-size,24px);height:var(--_size);width:var(--_size)}a:has(svg){align-items:center;display:inline-flex;gap:.25em}[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.button-grid a{image-rendering:pixelated;transition:all .2s,transform var(--transition-bezier)}.button-grid a:hover{background:transparent;rotate:-8deg;transform:scale(1.25);z-index:2}.button-grid:has(a:hover) a:not(:hover){filter:blur(2px) saturate(0);opacity:.25}.scroll{border:1px solid var(--stroke);max-height:15rem;overflow:auto;padding:1rem}webring-container{display:block;height:-moz-max-content;height:max-content;width:100%}.banner{border-radius:var(--radius);box-shadow:0 2px 5px 0 rgba(0,0,0,.5);margin:0 auto}a:has(.classic-btn){display:block}