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