:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{min-width:320px}body{margin:0}body,button{line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{padding:0}.comic-page{--page-stripe-one:#70aeff;--page-stripe-two:#88bcff;--circle-color:#ff7cb0;--button-color:#fb7995;--button-pattern:#ff6d99;--button-glow:#ff96c0;--button-border:#f64e91;background:repeating-linear-gradient(90deg, var(--page-stripe-one), var(--page-stripe-one) 12px, var(--page-stripe-two) 12px, var(--page-stripe-two) 24px);min-height:100vh}.comic-theme--girls{--page-stripe-one:#ffa9ba;--page-stripe-two:#ffb6c4;--circle-color:#45d1d3;--button-color:#45d1d3;--button-pattern:#53dadc;--button-glow:#51f3f6;--button-border:#236f70}.comic-main{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:44rem;margin:0 auto;display:flex}.scroll-prompt{color:#fff;text-align:center;-webkit-text-fill-color:transparent;background:#acacac linear-gradient(90deg,#acacac,#fff,#acacac) -4rem 0/4rem 100% no-repeat;-webkit-background-clip:text;background-clip:text;padding:.5rem 0;font-size:min(36px,6vw);font-weight:900;animation:1.5s infinite shimmer;position:sticky;top:0}.comic-strip{z-index:10;width:100%;max-width:650px;margin:0 auto;position:relative;overflow:hidden}.comic-strip img{width:100%}.read-circle,.read-button{background-color:var(--button-color);background-image:linear-gradient(45deg, var(--button-pattern) 25%, transparent 25%, transparent 75%, var(--button-pattern) 75%), linear-gradient(-45deg, var(--button-pattern) 25%, transparent 25%, transparent 75%, var(--button-pattern) 75%);color:#fff;text-align:center;background-size:25px 25px;font-weight:800}.read-circle{z-index:20;background-color:var(--circle-color);border-radius:9999px;justify-content:center;align-self:flex-end;align-items:center;width:100px;height:100px;margin-top:-7rem;margin-bottom:1rem;margin-right:2.5rem;padding:1.5rem;font-size:min(18px,5vw);line-height:1;display:flex;position:sticky;bottom:10px}.read-button-area{justify-content:center;align-items:center;width:100%;max-width:650px;height:11rem;margin:0 auto;padding:0 1rem;display:flex;position:sticky;bottom:0;overflow:hidden}.creator-name{z-index:12;color:#636363;text-align:right;width:100%;max-width:28rem;position:absolute;top:0;right:.25rem}.read-button{z-index:2;border:0 solid var(--button-border);width:min(300px,100%);box-shadow:0 12px 24px var(--button-glow);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;margin:50px 0;padding:.6rem;font-size:min(30px,8vw);transition:transform .3s;animation:1.5s step-end infinite button-border;display:flex;position:absolute}.read-button:before{border:6px solid var(--button-glow);width:calc(100% + 12px);height:calc(100% + 12px);box-shadow:0 0 60px var(--button-glow);content:"";opacity:0;border-radius:1000px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.read-button:hover,.read-button:focus-visible{animation:none;transform:translateY(-6px)}.read-button:hover:before,.read-button:focus-visible:before{opacity:1}@keyframes shimmer{0%{background-position:-4rem 0}70%,to{background-position:16rem 0}}@keyframes button-border{0%,to{border-bottom-width:4px;border-right-width:4px}50%{border-bottom-width:8px;border-right-width:8px}}@media (width<=700px){.read-circle{margin-right:1.5rem;bottom:6.5rem}}@media (width<=670px){.read-circle{margin-right:.5rem}}@media (prefers-reduced-motion:reduce){.scroll-prompt,.read-button{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}