:root{--main-body:#e7e7e7c7;--l1: #E9DFD9;--l2: #CBCACC;--m1: #A7B7C9;--m2: #859ABE;--d1: #625D6F;--d2: #48485C;--bar: #8C99BFE0;--face: #e7e7e7}@font-face{font-family:"departure";src:url("/assets/fonts/DepartureMono-Regular.woff2");font-display:swap}@font-face{font-family:"cordata";src:url("/assets/fonts/Cordata_PPC-400.woff");font-display:swap}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none;background-color:var(--main-body);font-family:"departure", monospace;font-size:16px}body{margin:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;font-size:var(--pane-text);line-height:1.5}.side a,.main a{color:var(--d1)}.page{box-sizing:border-box;display:flex;width:100%;max-width:90rem;flex:1 1 auto;min-height:0;max-height:100vh;margin:1em auto 4rem 1em}.side{flex:none;width:10rem;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid}.site-title h1{font-family:'cordata', monospace;font-size:30px;letter-spacing:10px}.side{flex:1 1 auto;min-height:0;overflow-y:auto;font-family:'cordata', monospace}.here{font-weight:bold}.main{flex:1 1 auto;min-width:0;overflow-y:auto;overflow-wrap:break-word;height:90vh;width:75rem;margin-left:5rem}.box .body h1,.box .body h2,.box .body h3{color:#000;font-size:30px;font-family:'cordata', monospace;margin:1.2em 0 0.5em}.box .album{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--album-thumb), 1fr));gap:var(--album-gap)}.box .album img,.box .album video{width:100%;aspect-ratio:1;object-fit:cover;display:block;cursor:zoom-in;opacity:var(--album-opacity)}@media (max-width: 40rem){.box body{height:auto;min-height:100dvh;overflow:visible}.box .page{display:block;flex:none;max-height:none;margin:var(--gap) auto}.box .side,.box .main{width:100%;overflow:visible}.box .side{display:block}.box .bar{overflow:visible}.box .side{border-right:none;border-bottom:1px solid var(--rule)}.box .bar{padding:0 var(--pad)}.box .main iframe{height:80dvh}}