@font-face{font-family:Pea;src:url(/fonts/peagretchie.ttf)}@font-face{font-family:kingthings_trypewriter_2;src:url(/fonts/kingthings_trypewriter_2-webfont.woff),url(/fonts/kingthings_trypewriter_2-webfont.woff2);font-weight:400;font-style:normal;font-display:swap}:root{--page-width:464px;--white:#e2d8ca;--black:#201c10;--accent:#f69cac;--gradient-color:rgb(from var(--accent) r g b / 15%);--border-color:rgb(from color-mix(in srgb, var(--black), var(--accent) 75%) r g b / 75%)}body{background:url() no-repeat calc(50% - var(--page-width) + 12px) calc(53% + 0px) / 480px, url(/img/page.webp) no-repeat calc(37% - var(--page-width) + 10px) calc(53% + 0px) / 350px, url(/img/page2a.webp) no-repeat calc(63% + var(--page-width) - 50px) center / 350px, url(/img/typewriterb.webp);justify-content:center;align-items:center;min-height:100vh;font-family:kingthings_trypewriter_2,Verdana,"sans-serif";display:flex;overflow:hidden}.floating-page{top:51%;left:calc(36% + var(--page-width) - 50px);z-index:0;width:450px;transition:all .3s;position:fixed;transform:translateY(-50%)}.floating-page:hover{left:calc(49% + var(--page-width) - 30px);z-index:0;top:51%}.title{width:500px;padding:15px;position:absolute;top:1%;left:31%;overflow-y:scroll}.notes{width:280px;height:500px;padding:15px;position:relative;top:50px;left:47px;overflow-y:scroll;transform:rotate(5.2deg)}.note-page{z-index:2;background-size:contain;width:210px;height:215px;padding:15px 20px;position:absolute}.note-inner{letter-spacing:1px;height:90%;padding:8px 10px 8px 8px;font-family:indie flower;font-size:13px;overflow-y:scroll}#note1{background-image:url(/img/note1.png);top:80px;left:110px;transform:rotate(4deg)}#note2{background-image:url(/img/note2.png);top:270px;left:45px;transform:rotate(-8deg)}#index{color:var(--black);width:470px;height:calc(var(--page-width) * 1.456);box-sizing:border-box;contain:size;transform-origin:100%;z-index:1;background:url(/img/nb1.webp) 0/auto 100%;flex-direction:column;padding-block:64px;padding-inline:46px 48px;display:flex;overflow:hidden auto;rotate:-1deg}#content{transform-origin:0;width:500px;height:calc(var(--page-width) * 1.456);color:var(--black);box-sizing:border-box;contain:size;background:url(/img/pcc2.webp) 100%/auto 100%;padding-block:64px;padding-inline:20px;rotate:-1deg}#post,#post2{hyphens:auto;box-sizing:border-box;width:390px;height:100%;line-height:1.6;overflow:hidden auto;rotate:0deg}#navi{color:var(--black);text-align:center;background:linear-gradient(to bottom, var(--white) 70%, #e2d8cae6);border:1px solid var(--border-color);z-index:100;border-top:none;border-radius:0 0 8px 8px;gap:8px;width:fit-content;padding:12px 24px 16px;font-size:1em;position:fixed;top:0;left:47%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a,0 4px 8px #0000000d}h1{font:10px / .75;letter-spacing:-.05em;margin:4px -.05em 26px;rotate:-1deg}#statuscafe{padding:.5em}#statuscafe-username{margin-bottom:.5em}#statuscafe-content{margin:.5em .5em 1em}header{text-align:center;hyphens:none;margin-bottom:1em;padding-bottom:.2em;& desc{color:color-mix(in srgb, var(--black), var(--accent));letter-spacing:.1em}}h2{word-break:break-word;flex:1;margin-block:-.125em .125em;font-size:1.5em;font-weight:400;line-height:1.2}a{color:color-mix(in srgb, currentcolor, var(--accent));text-decoration:none}#post :is(p,ul,ol,figcaption){text-shadow:0 0 4px #e6dede}h3,h4{font:italic 1.25em / 1;text-align:left;hyphens:none;margin-block:1.5em 1em;padding-bottom:.25em}h4{font-size:1em}ul,ol{padding-left:1.5em}ul{list-style-type:"✩ "}li{padding-left:1em;&::marker{color:color-mix(in srgb, var(--black), var(--accent));font-size:.75em}}aside{background-color:#c4452620;border-radius:4px;margin-block:2rem;padding:1em;font-size:.75em}blockquote{color:color-mix(in srgb, var(--black), var(--accent) 25%);margin-block:1.5em;font-style:italic}pre{color:var(--white);tab-size:4;background-color:var(--black);border:1em solid var(--black);border-radius:4px;margin-block:2em;overflow:auto hidden}aside,details{&>:first-child{margin-top:0}&>:last-child{margin-bottom:0}}dl{margin-block:2em}dt{margin-top:1em;font:700 .9em sans-serif}dd{margin-left:1em}hr{background-image:radial-gradient(farthest-side at top, var(--gradient-color), transparent);border-top:1px dotted var(--border-color);height:1em;margin-block:2em 1em}img,audio,video{max-width:100%}audio{border-radius:8px;width:100%}.photo{margin:auto;margin-top:1em;position:relative;&:before{content:url(/img/tape.webp);opacity:.9;pointer-events:none;z-index:1;position:absolute;top:-14px;left:50%;translate:-50%}&:nth-of-type(2n):before{transform:scaleX(-1)}& img,& video,& iframe{box-sizing:border-box;box-shadow:1px 2px 8px -4px rgb(from var(--black) r g b / 50%), 0 8px 16px var(--gradient-color);image-rendering:auto;background-color:#f6f1e7;border-radius:2px;padding:.5em .5em 1em}& iframe{height:64px}&:is(.float-left,.float-right,.flex &):before{scale:.75}}.photo2{text-align:center;&:nth-of-type(2n):before{transform:scaleX(-1)}& img,& video,& iframe{box-sizing:border-box;image-rendering:auto}& iframe{height:64px}}.caption{color:color-mix(in srgb, var(--black), var(--accent));text-align:center;font-size:.875em}.emote{vertical-align:40%;image-rendering:pixelated;margin-block:-10px;display:inline}.float-left,.float-right{z-index:1;max-width:calc(50% - 1em);margin:1em 0;position:relative}.float-right2{z-index:1;max-width:calc(50% - 1em);margin:auto}.float-left{float:left;clear:left;margin-right:2em}.float-right{float:right;clear:right;margin-left:1em;margin-right:1em}.float-right2{float:right;clear:right;margin:auto}.art2,.art3{float:right}.center{text-align:center}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.grid{grid-template-columns:1fr 1fr;display:grid}.flex{align-items:center;gap:1em;display:flex;& .photo{min-width:40%;margin-inline:unset}}.scroll-x{margin-inline:-2em;padding-inline:2em;overflow:auto hidden}.columned{columns:2;column-gap:1em}.sig{font-family:Pea;font-size:25px}.red{box-decoration-break:clone;background:linear-gradient(104deg,#f6a5eb00 .9%,#f06d6d 2.4%,#f58e9a80 5.8%,#f58e9a4d 93%,#f58e9ab3 96%,#f6a5eb00 98%),linear-gradient(183deg,#f6a5eb00 0%,#f6a5eb4d 7.9%,#f6a5eb00 15%);padding:1px 10px;display:inline}.orange{box-decoration-break:clone;background:linear-gradient(104deg,#fabd8100 .9%,#fabd81 2.4%,#fabd8180 5.8%,#fabd814d 93%,#fabd81b3 96%,#fabd8100 98%),linear-gradient(183deg,#fabd8100 0%,#fabd814d 7.9%,#fabd8100 15%);padding:1px 12px;display:inline}.yellow{box-decoration-break:clone;background:linear-gradient(104deg,#fddf7e00 .9%,#fddf7e 2.4%,#fddf7e80 5.8% 93%,#fddf7eb3 96%,#fddf7e00 98%),linear-gradient(183deg,#fddf7e00 0%,#fddf7e4d 7.9%,#fddf7e00 15%);padding:1px 7px;display:inline}.green{box-decoration-break:clone;background:linear-gradient(104deg,#519d6f00 .9%,#548e5f 2.4%,#519d6f4d 5.8% 93%,#519d6f4d 96%,#9dfbc300 98%),linear-gradient(183deg,#519d6f00 0%,#519d6f4d 7.9%,#519d6f00 15%);padding:1px 5px;display:inline}.teal{box-decoration-break:clone;background:linear-gradient(104deg,#519d6f00 .9%,#548e83 2.4%,#519b9d4d 5.8%,#519d9c4d 93%,#519d954d 96%,#9dfbc300 98%),linear-gradient(183deg,#519d6f00 0%,#519d934d 7.9%,#519d6f00 15%);padding:1px 5px;display:inline}.blue{box-decoration-break:clone;background:linear-gradient(104deg,#67ebfa00 .9%,#678afa 2.4%,#6790fa80 5.8%,#6795fa4d 93%,#67ebfa00 96% 98%),linear-gradient(183deg,#67ebfa00 0%,#6790fa80 7.9%,#67ebfa00 15%);padding:1px 9px;display:inline}.purple{box-decoration-break:clone;background:linear-gradient(104deg,#ce97fb00 .9%,#da97fb 2.4%,#ce97fb80 5.8%,#ce97fb4d 93%,#ce97fbb3 96%,#ce97fb00 98%),linear-gradient(183deg,#ce97fb00 0%,#ce97fb4d 7.9%,#ce97fb00 15%);padding:1px 11px;display:inline}.lightpink{box-decoration-break:clone;background:linear-gradient(104deg,#feb5c000 .9%,#feb5c0 2.4%,#feb5c080 5.8%,#feb5c04d 93%,#feb5c0b3 96%,#feb5c000 98%),linear-gradient(183deg,#feb5c000 0%,#feb5c04d 7.9%,#feb5c000 15%);padding:1px 8px;display:inline}.fireorange{box-decoration-break:clone;background:linear-gradient(104deg,#feb5c000 .9%,#ff8873 2.4%,#ff887380 5.8%,#ff88734d 93%,#ff8873b3 96%,#ff887300 98%),linear-gradient(183deg,#ff887300 0%,#ff88734d 7.9%,#ff887300 15%);padding:1px 8px;display:inline}.mobile-only{display:none}@media (width<=1000px){body{contain:inline-size;margin:unset;background:url() no-repeat calc(50% + var(--page-width) - 50px) center, url() no-repeat center calc(50% + 35px) / calc(var(--page-width) * 2.55), url() no-repeat calc(50% - var(--page-width) + 10px) calc(50% + 185px), url() no-repeat calc(20% + var(--page-width) - 12px) calc(98% - 5px) / 48px, url(/img/typewriterb.webp);flex-direction:column;justify-content:flex-start;overflow-y:auto}#index,.floating-page,#post{display:none}#content{transform-origin:0;width:464px;max-width:95vw;height:calc(var(--page-width) * 1.456);color:var(--black);box-sizing:border-box;contain:size;background:url(/img/pcc2.webp) 100%/auto 100%;padding-block:64px;padding-inline:30px 70px;rotate:-1deg}#post2{hyphens:auto;box-sizing:border-box;width:340px;max-width:100%;height:100%;line-height:1.6;overflow:hidden auto;rotate:0deg}#navi{text-align:center;border:1px solid var(--border-color);border-radius:8px;width:auto;max-width:90%;margin:1em auto;padding:10px 20px;position:static;transform:none;box-shadow:0 2px 4px #0000001a}.mobile-only{display:inline}.title{display:none}}@media (height<=700px){body{overflow-y:auto}}@media (width<=480px){#content{width:380px;max-width:95vw;padding-block:48px;padding-inline:10px 70px}#post2{width:290px;max-width:100%;font-size:.95em;line-height:1.5}#navi{max-width:95%;padding:8px 16px;font-size:.9em}h2{font-size:1.3em;line-height:1}h3,h4{font-size:1.1em}.photo{&:before{top:-10px;scale:.6}}.float-left,.float-right{float:none;max-width:100%;margin:1em auto}.grid{grid-template-columns:1fr}.flex{flex-direction:column}.columned{columns:1}}@media (width<=360px){#content{width:340px;max-width:98vw;padding-block:40px;padding-inline:5px 70px}#post2{width:260px;max-width:100%;font-size:.9em;line-height:1.45}#navi{max-width:98%;padding:6px 12px;font-size:.85em}h2{font-size:1.2em;line-height:1}h3,h4{font-size:1em}.photo{&:before{top:-12px;scale:.5}}}