@import "https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&family=Cabin:ital,wght@0,400..700;1,400..700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";html.blog{--accent:#479878;--accent-bg-light:#d1ffed;--accent-bg-dark:#132f24}html.canvas{--accent:#ff4e65;--accent-bg-light:#fdb3b3;--accent-bg-dark:#2f1313}html.comics{--accent:#c081ff;--accent-bg-light:#d1c0fb;--accent-bg-dark:#2a1843}html.index{--accent:#005dff;--accent-bg-light:#b5caff;--accent-bg-dark:#13192f}html.guestbook{--accent:#ff8630;--accent-bg-light:#ffe5d1;--accent-bg-dark:#422816}html.default{--accent-bg-light:#eaeaea;--accent-bg-dark:#131313}html.light{color-scheme:light;--html-bg:var(--accent-bg-light);--font:#000;--content-bg:linear-gradient(to bottom, var(--accent-bg-light) 0%, #fff9 50%);--content-bg-hover:#ffffffbf;--html-img:url(/img/bg.webp);--nav-bg:#fffc;--page-bg:#fff;--btn-bg:linear-gradient(180deg, #fff 0%, #d8d5d5 100%);--btn-border:1px solid #a9a9a9;--link:#0869fa;--container-bg:radial-gradient(circle, #fff0 0%, #fff 150%);--alt-bg:#f9f9f9;--page-bg-welcome:linear-gradient(75deg, #88c6fc 1%, #ead6ff 35%, #ffe2de 59%, #ccffef 81%)}html.dark{color-scheme:dark;--html-bg:var(--accent-bg-dark);--font:#fff;--page-bg-welcome:linear-gradient(74deg, #1560ab 1%, #30164d 35%, #3b0d09 58%, #0d2b29 81%);--content-bg:linear-gradient(to bottom, var(--accent) 0%, #1e1e1e77 75%);--content-bg-hover:#ffffff25;--html-img:url(/img/bg-dark.webp);--nav-bg:#1b1b1bcc;--page-bg:#000;--btn-bg:linear-gradient(180deg, #444 0%, #000 100%);--btn-border:1px solid #2e2e2e;--link:#a4d6ff;--alt-bg:#171717;--container-bg:radial-gradient(circle, #ffffff1a 0%, #00000080 100%)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.index-nav{height:100%}.index-nav.active{background:linear-gradient(90deg,#005dffcc 11.9%,#2eb27ecc 35.39%,#ff4e65cc 71.2%,#a754facc 97.55%) 0 0/200% 200%;width:fit-content;animation:20s infinite gradientShift;display:block}.index-nav:hover{background:linear-gradient(90deg,#005dff80 11.9%,#2eb27e80 35.39%,#ff4e6580 71.2%,#a754fa80 97.55%) 0 0/200% 200%;animation:20s infinite gradientShift}.about-nav.active{color:#fff;background:linear-gradient(180deg, var(--accent) 0%, #81a7ff 100%);border:2px solid #0080d5;min-width:80px;padding:0 12px;box-shadow:0 4px 4px #00000040}.about-nav:hover{color:#fff;background:#0073ffbf;border:none;box-shadow:0 4px 4px #00000040}.guestbook-nav.active{color:#fff;background:linear-gradient(180deg, var(--accent) 0%, #ffbe81 100%);border:2px solid #a76d2b;min-width:80px;padding:0 12px;box-shadow:0 4px 4px #00000040}.guestbook-nav:hover{color:#fff;background:#ff4d00bf;border:none;box-shadow:0 4px 4px #00000040}.comics-nav.active{color:#fff;background:linear-gradient(#952bff 0%,#e2c5ff 100%);border:2px solid #c081ff;min-width:80px;padding:0 12px;box-shadow:0 4px 4px #00000040}.comics-nav:hover{color:#fff;background:#952bffbf;border:none;box-shadow:0 4px 4px #00000040}.blog-nav.active{color:#fff;background:linear-gradient(#23ab75 0%,#a6efd2 100%);border:2px solid #479878;min-width:80px;padding:0 12px;box-shadow:0 4px 4px #00000040}.blog-nav:hover{color:#fff;background:#0ea566bf;border:none;box-shadow:0 4px 4px #00000040}.canvas-nav.active{color:#fff;background:linear-gradient(#ff4e65 0%,#f593a0 100%);border:2px solid #a32233;min-width:80px;padding:0 12px;box-shadow:0 4px 4px #00000040}.canvas-nav:hover{color:#fff;background:#ff1635bf;border:none;box-shadow:0 4px 4px #00000040}.donate-nav:hover{background:#ffffff80;border:none;box-shadow:0 4px 4px #00000040}@property --accent{syntax:"<color>";inherits:true;initial-value:#005dff}@property --accent-bg-light{syntax:"<color>";inherits:true;initial-value:#eaeaea}@property --accent-bg-dark{syntax:"<color>";inherits:true;initial-value:#131313}@property --html-bg{syntax:"<color>";inherits:true;initial-value:#13192f}@property --font{syntax:"<color>";inherits:true;initial-value:#fff}@property --nav-bg{syntax:"<color>";inherits:true;initial-value:#1b1b1bcc}.grid{flex-wrap:wrap;justify-content:center;gap:5px;width:fit-content;margin:0 auto;display:flex}.thumb{background:var(--content-bg);cursor:pointer;border-radius:15px;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%}.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}.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(--page-bg);border-radius:14px;height:fit-content;padding:20px;box-shadow:0 4px 9px #0000004d}.blogpost{height:fit-content;margin-bottom:10px}.comicBtn{text-align:center;color:#fff;background:linear-gradient(#e2c5ff 0%,#a851ff 100%);border:1px solid #952bff;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:3px;width:fit-content;height:fit-content;padding:10px 15px;display:flex;font-family:Cabin,sans-serif!important}.comicBtn:hover{background:linear-gradient(#a54cff 0%,#e2c5ff 100%);border:1px solid #7f00ff}.comicBtn.disabled{background:linear-gradient(#b89dd1 0%,#e8dff0 100%);border:1px solid #837491}#count{font-family:Cabin;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(--alt-bg);border:var(--btn-border);border-radius:10px;flex-direction:column;gap:5px;padding:15px;display:flex}.write.textbox{background-color:none;color:var(--font);border:none;border-bottom:1px solid gray;border-radius:0;padding:10px;font-family:Cabin}#box{flex-direction:column-reverse;gap:10px;width:100%;min-width:0;display:flex}.page{background:var(--page-bg);border-radius:14px;min-width:400px;height:fit-content;min-height:1000px;margin:7vw 5vw 30px;padding:10px 20px;box-shadow:0 4px 9px #0000004d}.errContainer{text-align:center;justify-content:center;align-items:center;width:100%;height:fit-content;display:flex}.errSubtitle{text-align:center;align-self:center;align-items:center;margin-top:20px}.err404{font-family:DM Mono}.err404 p{font-size:12px}.nav-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}nav{background:var(--nav-bg);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 5px;display:flex;position:relative}.nav-left{flex-direction:row;align-items:center;gap:10px;width:100%;height:100%;display:flex}.nav-links{flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;height:80%;display:flex}.nav-links>a{align-items:center;height:100%;display:flex}.navBtn{height:100%;color:var(--font);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;min-width:80px;padding:0 13px;font-family:Cabin;font-size:15px;font-weight:500;display:flex}.nav-right-stats{flex-direction:row-reverse;align-items:center;gap:5px;min-width:fit-content;display:flex}.stats-counter{justify-content:center;align-items:center;gap:10px;display:flex}.themeToggle{min-width:45px;min-height:45px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:100%;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.themeToggle:hover{background:#ffffff80}.combinedNav{border-radius:0!important}.menu-toggle{color:var(--font);cursor:pointer;background:0 0;border:none;padding:5px;display:none}.menu-toggle span{font-size:32px}@media (width<=750px){.menu-toggle{display:block}.nav-links{background:var(--nav-bg);box-sizing:border-box;z-index:1000;border-radius:0 0 15px 15px;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:10px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #00000026;height:auto!important}.nav-links.show{display:flex}.nav-links>a{width:100%;height:auto}.navBtn{justify-content:flex-start;width:100%;height:44px;padding:0 15px}}.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%}body{margin:0}@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}.post-header{flex-direction:row;align-items:center;display:flex}.postDate{white-space:nowrap;flex-shrink:0;justify-content:flex-end;margin-bottom:0;display:flex}html{cursor:url(/img/cursor.webp),auto;min-height:100%;transition:--html-bg .4s cubic-bezier(.4,0,.2,1),--accent .4s cubic-bezier(.4,0,.2,1),--font .4s cubic-bezier(.4,0,.2,1),--accent-bg-light .4s cubic-bezier(.4,0,.2,1),--accent-bg-dark .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}body{margin:0;position:relative;background:var(--html-bg)!important;background-image:none!important}main{z-index:2;margin:0 20%;padding-top:0}.content{background:var(--container-bg);-webkit-backdrop-filter:blur(2px);border-radius:0 0 10px 10px;padding:15px}body,.bg-layer,.bg-layer:after{transition:background-color .4s,background .4s,--html-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;transition:none!important}.pulse:before{content:"";aspect-ratio:1;background:radial-gradient(circle at center, var(--accent) 0%, #fff0 70%);z-index:-2;will-change:transform;border-radius:50%;width:100%;animation:none;position:absolute;transform:translate(-50%,-50%)}.bg-layer{pointer-events:none;z-index:-2;will-change:transform;background-color:var(--html-bg);position:fixed;inset:0;transform:translate(0,0)}.bg-layer:before{content:"";background-image:var(--html-img);opacity:.7;will-change:transform;background-repeat:repeat;background-size:200px 200px;width:200%;height:200%;animation:20s linear infinite scrollBackground;position:absolute;top:-50%;left:-50%}.bg-layer:after{content:"";background:radial-gradient(circle at 50vw 50vh, transparent 0%, var(--html-bg) 575px);pointer-events:none;position:absolute;inset:0}body.is-index .bg-layer:before{filter:none;opacity:1}@keyframes scrollBackground{0%{transform:translate(0,0)}to{transform:translate(-200px,-200px)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}h1{color:var(--font);font-family:Cabin Condensed;font-size:30px;font-weight:800}h2{color:var(--font);margin-bottom:3px;font-family:Cabin Condensed;font-size:25px;font-weight:800}h3{color:var(--font);font-family:Cabin Condensed;font-size:20px;font-weight:600}p,li{color:var(--font);margin:0 0 5px;font-family:Cabin;font-size:17px;font-weight:400;line-height:20px}a{color:var(--link);font-family:Cabin;font-style:normal;font-weight:800;line-height:normal;text-decoration:none}small{font-size:11px!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}.heading{border-bottom:solid 1px var(--font);align-items:center;gap:5px;margin-bottom:10px;padding-bottom:5px;display:flex}.mobileSupportBtn{display:none}.generic-btn,.dropdown{border:var(--btn-border);background:var(--btn-bg);width:fit-content;height:fit-content;color:var(--font);border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:5px 8px;font-family:Cabin}.generic-btn:hover{color:#fff;background:linear-gradient(#0a53ff 0%,#81a7ff 100%);border:1px solid #1b6fff}.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<=1200px){main{margin:0 5%}}@media (width<=800px){.field{display:none}.bg-layer{-webkit-mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--html-bg) 10%, transparent 300px);mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--html-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(--html-bg) 10%, transparent 200px);mask-image:radial-gradient(circle 1px at 50vw 50vh, var(--html-bg) 10%, transparent 200px)}}@media (width<=300px){#canvas{display:none}#warn{display:flex}}.status-widget{padding:0!important}.welcome{background:var(--page-bg-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"}}footer{text-align:center;background:var(--container-bg);-webkit-backdrop-filter:blur(2px);border-radius:10px;flex-direction:column;justify-content:start;align-items:center;gap:15px;width:100%;height:fit-content;margin-top:45px;margin-bottom:20px;padding:10px;display:flex}