:root{color-scheme:light;--bg:linear-gradient(160deg, #eaf2ff, #a8ccff);--accent:#1f5bff;--accent-hover:#3d8bff;--heading:#101f5b;--panel:#eef3ff;--tb:#fff;--pop:#ffb020;--text:#1e1e1e;--surface:#fff;--tile:#1f5bff;--strength:.1;--btn-default:linear-gradient(to bottom, #4a8fff, #1f5bff);--btn-hover:linear-gradient(to bottom, #274caf, #3381ff);--btn-muted:linear-gradient(to bottom, #f9f9f9, #d3d3d3);--btn-muted-hover:linear-gradient(to bottom, #acacac, #f9f9f9);--btn-muted-border:#cacaca;--btn-muted-text:#1e1e1e;--nav-height:22px;--nav-bar:linear-gradient(to top, var(--accent), #99c2ff);--nav-text:var(--tb);--nav-hover:linear-gradient(to top, #1a5dc1, #2d5ee3);--nav-hover-border:#274caf;--nav-active:linear-gradient(to top, #59f, #04f);--nav-active-border:var(--accent);--header-height:27px;--header-bg:#385cbd;--header-text:#fff;--header-block:#ffffff63;--tag-bg:#e6eeff;--tag-fg:var(--accent);--tag-border:var(--accent);--footer-bg:color-mix(in srgb, var(--bg2) 35%, transparent);--footer-text:var(--text);--status-bubble:linear-gradient(to bottom, #006aff 12%, #2eb6ff);--status-name:linear-gradient(to bottom, #1f93ff 12%, #7ed2ff);--paper-bg:#fafafa;--paper:#fff}.page{background:var(--paper-bg);border-radius:14px;width:100%;min-width:400px;height:fit-content;min-height:1000px;margin-top:20px;padding:10px 20px;box-shadow:0 4px 9px #0000004d}.pageHeader{width:100%;height:fit-content;display:flex}.pageHeader p{text-align:right;flex-direction:column;flex:1 0 0;justify-content:center;align-self:stretch;margin:0;display:flex}.comicHeader{flex-direction:row;align-items:flex-start;width:100%;height:fit-content;display:flex}.comicHeader p{text-align:center;flex-direction:column;flex:1 0 0;justify-content:center;align-self:stretch;margin:0;display:flex}.comicContent p{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.comicContent img{width:80%;height:80%}#post-content{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}@media (width<=900px){.page{margin-top:20px}}@media (width<=670px){.post-header{flex-wrap:wrap}.pageContainer,.page{min-width:0;margin:5px}.postTitle{word-break:break-word;flex:1;white-space:normal!important}.postDate{white-space:nowrap;flex-shrink:0}.comicContent img{width:100%;height:100%}}.archiveShelf{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px;display:grid}.postTitle{text-align:left;white-space:nowrap;flex:1;min-width:0;margin:0}.post-header{flex-direction:row;justify-content:center;align-items:center;padding:5px;display:flex}.postDate{white-space:nowrap;flex-shrink:0;justify-content:flex-end;margin:0;display:flex}.post{background:var(--content-bg);text-align:left;border-radius:15px;flex:1;height:95%;padding:10px;display:flex}.post:hover{background:var(--content-bg-hover)}.shelf{background:var(--paper);border-radius:14px;height:fit-content;padding:20px;box-shadow:0 4px 9px #0000004d}.blogpost{height:fit-content;margin-bottom:10px}#topbar{z-index:999;position:relative}#nav-header{background:var(--header-bg);border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;gap:1px;padding:0 11px;display:flex}#nav-header p{letter-spacing:-1px;color:#fff;margin:10px 0;font-family:Manrope;font-size:23px;font-style:normal;font-weight:400}nav{background:var(--nav-bar);color:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:1px;height:36px;padding:0 10px;display:flex}nav a{height:100%}#visitors{color:#fff}.nb_left,.nb_right{justify-content:start;align-items:center;width:fit-content;height:100%;display:flex}.nb_right{justify-content:end;gap:10px}.themeToggle{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;height:100%;margin:0;padding:0 10px;display:flex}.nav-btn{height:100%;color:var(--color-tb,#fff);text-align:center;text-shadow:0 -.5px 0 var(--shadow-text,#00000040);border:none;border-right:0px solid var(--btn-hover-from,#274caf);border-left:0px solid var(--btn-hover-from,#274caf);background:0 0;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:10px;padding:0 5px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;transition:all .5s ease-in-out;display:flex}.nav-btn:hover,.themeToggle:hover{border-right:1px solid var(--btn-hover-from,#274caf);border-left:1px solid var(--btn-hover-from,#274caf);background:linear-gradient(343deg,#1a5dc1 9.96%,#2d5ee3 100.49%)}.nav-btn.active{border-right:1px solid var(--btn-default-to,#1f5bff);border-left:1px solid var(--btn-default-to,#1f5bff);background:linear-gradient(343deg,#59f 9.96%,#04f 100.49%)}footer{justify-content:space-between;align-items:center;width:100%;min-height:fit-content;padding:10px;display:flex}.footer-text{letter-spacing:-.5px;font-family:Manrope;font-size:15px;font-style:normal;font-weight:500}footer p{margin:0}.footer-left{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.footer-right{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.footer-item{align-items:center;gap:5px;display:flex}.button,.button-muted{border-radius:3px;justify-content:center;align-items:center;gap:3px;width:fit-content;height:22px;padding:12px 10px;display:flex}.button{border:1px solid var(--accent);background:var(--btn-default);color:#fff}.button:hover{background:var(--btn-hover)}.button-muted,.dropdown{background:var(--btn-muted);border:1px solid var(--btn-muted-border);color:var(--btn-muted-text)}.dropdown{border-radius:4px;justify-content:center;align-items:center;gap:10px;width:fit-content;height:fit-content;padding:5px 8px}.drift{z-index:-99999;pointer-events:none;background:linear-gradient(160deg, var(--bg,#eaf2ff), var(--bg2,#a8ccff));position:fixed;inset:0;overflow:hidden}.rot{transform:rotate(var(--drift-tilt));position:absolute;inset:-40%;overflow:hidden}.mv{inset:calc(var(--drift-size) * -1);background:var(--accent,#1f5bff);opacity:var(--drift-strength);-webkit-mask:var(--drift-tile) 0 0/var(--drift-size) var(--drift-size) repeat;mask:var(--drift-tile) 0 0/var(--drift-size) var(--drift-size) repeat;animation:drift var(--drift-duration) linear infinite;will-change:transform;position:absolute}.still .mv{animation:none}@keyframes drift{to{transform:translate(var(--drift-size), var(--drift-size))}}@media (prefers-reduced-motion:reduce){.mv{animation:none}}.grid{flex-wrap:wrap;justify-content:center;gap:5px;width:fit-content;margin:0 auto;display:flex}.thumb{background:var(--bg);border:1px solid var(--accent);cursor:pointer;border-radius:5px;width:200px;height:200px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}@media (width<=800px){.grid{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.thumb{aspect-ratio:1;width:100%;height:auto}}@media (width<=1200px){.sidebar{width:100%!important}}#art-content{justify-content:center;align-items:center;width:80%;display:flex}#art-content img{object-fit:contain;border-radius:15px;width:100%;max-width:500px}.sidebar{justify-content:flex-end;align-items:top;flex-direction:row;width:30%;display:flex}.warn{background:linear-gradient(2deg,#fff9e8 0%,#fff291 100%);border:1px solid #c3af00;border-radius:10px;margin-bottom:10px;padding:5px;display:none;color:#000!important}.warn p{color:#000!important}#count{font-family:JetBrains Mono;font-style:italic}.comment{border-left:3px solid var(--accent);border-radius:5px;gap:5px;min-width:0;padding-left:5px;display:flex}.comment:hover{background-color:var(--content-bg-hover)}.comment p{overflow-wrap:anywhere;word-break:break-word;width:100%;margin:0}.write{background:var(--panel);border:1px solid var(--accent);border-radius:3px;flex-direction:column;gap:5px;padding:15px;display:flex}.write.textbox{background-color:none;color:var(--text);border:none;border-bottom:1px solid gray;border-radius:0;padding:10px;font-family:JetBrains Mono;font-size:12px}#box{flex-direction:column-reverse;gap:10px;width:100%;min-width:0;display:flex}html{cursor:url(/img/cursor.webp),auto;background:var(--bg);min-height:100%}*,:before,:after{box-sizing:border-box}body:before{background:var(--bg);content:"";z-index:-99999;position:fixed;inset:0}body{margin:0;position:relative;background-image:none!important}main{z-index:2;width:80%;max-width:900px;margin:0 auto;padding-top:20px}.content{background:var(--container-bg);z-index:10;border-radius:0 0 15px 15px;flex-direction:column;gap:3px;padding:15px;display:flex;position:relative}.section{border:2px solid var(--accent);background:var(--panel);padding:15px}.subsection{border:1px solid var(--accent);background:var(--bg);border-radius:3px;padding:15px}.caption{color:var(--heading);letter-spacing:-1.5px;word-spacing:.08em;font-family:JetBrains Mono;font-size:20px;font-style:normal;font-weight:700}h3.caption{margin:0 0 10px}body,.bg-layer,.bg-layer:after{transition:background-color .4s,background .4s,--bg .4s}.navBtn,.navBtn.active,.navBtn:hover,.post,.navHeader,span,div,button,a{transition:color .2s,background-color .2s,border-color .2s,opacity .2s}body>:not(.navContainer){animation:.18s ease-out zoomIn}html.no-transition,html.no-transition *,html.no-transition :before,html.no-transition :after{-o-transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}h1{letter-spacing:-2.5px;word-spacing:.08em;color:var(--heading);font-family:Manrope;font-size:32px;font-style:normal;font-weight:800}h2{letter-spacing:-2px;word-spacing:.08em;margin:6px 0;font-family:Manrope;font-size:24px;font-style:normal;font-weight:700}h3{letter-spacing:-1px;word-spacing:.08em;font-family:Manrope;font-size:20px;font-style:normal;font-weight:500}p,li,.links{color:var(--text);word-spacing:.05em;letter-spacing:-.5px;margin:1px 0;font-family:JetBrains Mono;font-size:15px;font-style:normal;font-weight:500}a,.link{color:var(--accent);font-family:JetBrains Mono,inherit;text-decoration:none;font-weight:700!important}small{flex-wrap:nowrap;font-size:10px!important}code{color:var(--font);overflow-wrap:break-word;word-break:break-all;background:var(--container-bg);border-radius:10px;padding:3px;font-family:DM Mono;font-size:12px;line-height:normal;text-align:left!important}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.heading{border-bottom:solid 1px var(--accent);align-items:center;gap:5px;margin-bottom:10px;padding-bottom:5px;display:flex}.mobileSupportBtn{display:none}.mood-wrapper{position:relative}.mood-title{color:#fff;text-align:center;white-space:nowrap;z-index:1;background:linear-gradient(#1f93ff 12%,#7ed2ff 100%);border-radius:150px;width:fit-content;padding:4px 10px;font-family:Cabin;font-size:11px;font-weight:400;position:absolute;top:-14px;left:0;box-shadow:0 4px 3px #0000004d}.mood-tiny{background:linear-gradient(#ddf0ff 0%,#b4deff 100%);border:1.5px solid #96d2ff;border-radius:150px;justify-content:center;gap:10px;padding:3px;display:flex;position:relative}.mood{color:#fff;text-align:center;background:linear-gradient(#006aff 12%,#2eb6ff 100%);border-radius:150px;justify-content:center;gap:10px;width:fit-content;padding:10px;font-family:Cabin;font-size:15px;font-weight:400;display:flex;position:relative}@media (width<=1000px){.archiveShelf{flex-direction:column;gap:10px;display:flex}.mobileSupportBtn{justify-content:center;align-items:center;margin-top:70px;display:flex}}@media (width<=800px){.field{display:none}.bg-layer{-webkit-mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--bg) 10%, transparent 300px);mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--bg) 10%, transparent 300px)}}@media (width<=670px){.welcome{display:none}.subwelcome{flex-direction:column}main{margin:0!important}.bg-layer{-webkit-mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--bg) 10%, transparent 200px);mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--bg) 10%, transparent 200px)}}@media (width<=300px){#canvas{display:none}#warn{display:flex}}.status-widget{padding:0!important}.welcome{background:var(--paper-welcome);border-radius:14px;height:fit-content;min-height:170px;padding:10px;box-shadow:0 4px 3px #0000004d}.index-grid{grid-template-columns:3fr 1fr;grid-template-areas:"main button""main marquee";gap:15px;display:grid}.index-main{grid-area:main}.index-button{grid-area:button}.index-marquee{grid-area:marquee}.field{object-fit:cover;z-index:-1;width:100vw;max-width:none;height:auto;position:fixed;bottom:0;left:0;transform:translateY(clamp(0px,8vw,150px))}@media (width<=800px){.index-grid{grid-template-columns:1fr;grid-template-areas:"main""button""marquee"}}