body .story-page.seorin-story{--story-paper:#efe5d7;--story-ink:#4a3936;background:var(--story-paper);color:var(--story-ink);padding-bottom:0;overflow-x:clip}body:has(.seorin-story){background:#ece6df}body:has(.seorin-story) .site-header{color:#493b39;background:#fbf6eef2;border-bottom-color:#d6c5b754}body:has(.seorin-story) .brand>span{color:#493b39}body:has(.seorin-story) .site-header nav{color:#82675e}body:has(.seorin-story) .site-header nav a{color:#82675e}body:has(.seorin-story) .site-footer{color:#6f5551;background:#fcf7ed}.seorin-story p{word-break:keep-all;overflow-wrap:break-word}.seorin-scene{isolation:isolate;--scene-fade:clamp(16px,5cqw,24px);margin:0;position:relative;overflow:visible;container-type:inline-size}.seorin-scene+.seorin-scene{margin-top:calc(-1 * var(--scene-fade))}.scene-art-frame{-webkit-mask-image:linear-gradient(transparent,#000 var(--scene-fade),#000 calc(100% - var(--scene-fade)),transparent);mask-image:linear-gradient(transparent,#000 var(--scene-fade),#000 calc(100% - var(--scene-fade)),transparent);position:relative;overflow:hidden}.seorin-art{transform-origin:50% 45%;width:100%;height:auto;display:block}.seorin-scene[data-beat=playing] .seorin-art{animation:3s ease-out both sceneCamera}@keyframes sceneCamera{0%{transform:scale(1.025)}to{transform:scale(1)}}.seorin-narration,.seorin-reader-line,.seorin-short{text-align:center;font:14px/2.05 var(--serif);color:#78665f;margin:0;padding:28px 24px}.seorin-reader-line{color:#54403c;padding:30px 20px;font-size:16px}.seorin-voice{font:18px/1.9 var(--serif);text-align:center;color:#62413e;margin:0}.seorin-short{padding:28px 22px 34px;font-size:17px}.seorin-speech{--bubble-paper:#fffaf1;z-index:3;background:var(--bubble-paper);isolation:isolate;border:1px solid #b49c8199;border-radius:24px;width:max-content;max-width:76%;position:absolute;box-shadow:0 3px 12px #2b1f1812}.seorin-speech.side-left{left:5%}.seorin-speech.side-right{right:5%}.seorin-speech p{z-index:1;font:500 clamp(13px,3.5cqw,15px)/1.75 var(--sans);color:#493b3b;text-align:center;word-break:keep-all;overflow-wrap:break-word;margin:0;padding:15px 19px;position:relative}.seorin-speech:after{content:"";background:var(--bubble-paper);z-index:-1;border-top:1px solid #b49c8199;border-left:1px solid #b49c8199;width:12px;height:12px;position:absolute;top:-7px;right:25%;transform:rotate(45deg)}.seorin-speech.tail-left:after{left:25%;right:auto}.seorin-speech[data-tail=down]:after{top:auto;bottom:-7px;transform:rotate(225deg)}.seorin-speech.speech-reply{--bubble-paper:#f4e9da}.seorin-speech.speech-reply p{font-family:var(--serif)}.seorin-speech.speech-thought{--bubble-paper:#f4e9da;border-style:dashed}.seorin-speech.speech-thought:after{display:none}.seorin-speech.speech-thought p{font-family:var(--serif)}.seorin-sfx{z-index:2;pointer-events:none;font:italic 800 clamp(19px,6cqw,27px)/1.2 var(--serif);color:#fff6df;letter-spacing:.05em;text-shadow:0 2px 2px #302323,2px 0 2px #302323,-1px -1px 2px #302323;opacity:.86;position:absolute;transform:rotate(-9deg)}[data-beat=playing]>.seorin-sfx{animation:1.2s ease-out both seorinLetter}.seorin-effect{z-index:1;pointer-events:none;opacity:0;position:absolute;inset:0;overflow:clip}.seorin-effect svg{width:100%;height:100%;display:block}.effect-rays polygon{fill:#fff3d6;opacity:.5}[data-beat=playing] .effect-rays{animation:.8s ease-out both seorinRays}[data-beat=playing] .effect-page,[data-beat=playing] .effect-dust{animation:2.7s ease-out both seorinAtmosphere}.effect-page i,.effect-dust i{left:var(--x);top:var(--y);opacity:0;background:#fff3d0;border-radius:50%;width:3px;height:3px;position:absolute}[data-beat=playing] .effect-dust i{animation:seorinDust 2s calc(var(--i)*70ms) ease-out both}.effect-page i{border-radius:50%;width:22px;height:1px;top:70%;box-shadow:0 0 6px #fff3d0}[data-beat=playing] .effect-page i{animation:seorinPage 1.7s calc(var(--i)*60ms) ease-out both}.effect-ink svg{mix-blend-mode:multiply;height:80%;position:absolute;inset:15% 0 0}.effect-ink path{stroke:#52392e;stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;opacity:.6}[data-beat=playing] .effect-ink{animation:2.4s both seorinAtmosphere}[data-beat=playing] .effect-ink path{animation:1.5s ease-out both seorinInk}.effect-crease svg{height:80%;position:absolute;inset:15% 0 0}.effect-crease path{stroke:#f7e4b8;fill:none;stroke-width:1.6px;stroke-dasharray:330;stroke-dashoffset:330px}[data-beat=playing] .effect-crease{animation:2.4s both seorinAtmosphere}[data-beat=playing] .effect-crease path{animation:1.6s ease-out both seorinInk}.effect-rain{inset:0 0 0 48%;-webkit-mask-image:linear-gradient(#0000,#000 15% 80%,#0000);mask-image:linear-gradient(#0000,#000 15% 80%,#0000)}.effect-rain i{left:var(--x);opacity:0;background:linear-gradient(#0000,#e9eeffb0);width:1px;height:24px;position:absolute;top:-15%}[data-beat=playing] .effect-rain{opacity:.65}[data-beat=playing] .effect-rain i{animation:seorinRain .7s calc(var(--i)*80ms) 3 linear}.seorin-ending{text-align:center;background:linear-gradient(var(--story-paper),#fcf7ed);color:#59423e;padding:45px 28px 40px}.seorin-ending>img{margin:0 auto 22px}.seorin-ending h2{font:24px/1.7 var(--serif);margin:0}.seorin-ending p{font:13px/2 var(--sans);color:#8b756a;margin:24px 0}.seorin-ending small{color:#a48e81;margin-top:17px;font-size:10px;display:block}.seorin-start{color:#fff5e9;background:#6b4c4f;border-radius:30px;justify-content:space-between;align-items:center;padding:19px 22px;font-size:13px;display:flex;box-shadow:0 6px 20px #5a38341a}.seorin-start span{font-size:20px}@keyframes seorinLetter{0%{opacity:.2;transform:rotate(-12deg)translateY(7px)}35%,75%{opacity:1;transform:rotate(-9deg)translateY(0)}to{opacity:.86}}@keyframes seorinRays{0%{opacity:0}22%{opacity:.65}to{opacity:0}}@keyframes seorinAtmosphere{0%{opacity:0}25%,65%{opacity:.75}to{opacity:0}}@keyframes seorinDust{0%{opacity:0;transform:translateY(8px)}30%{opacity:.75}to{opacity:0;transform:translate(9px,-36px)}}@keyframes seorinPage{0%{opacity:0;transform:translate(-14px)rotate(-20deg)}30%{opacity:.65}to{opacity:0;transform:translate(40px,-15px)rotate(-35deg)}}@keyframes seorinInk{to{stroke-dashoffset:0}}@keyframes seorinRain{0%{opacity:0;transform:translateY(0)}20%,80%{opacity:.6}to{opacity:0;transform:translate(-12px,310px)}}@keyframes seorinEcho{0%{opacity:.3;translate:0 15px}to{opacity:1;translate:0}}@keyframes seorinPillar{0%{opacity:.2;scale:1 .86}to{opacity:1;scale:1}}@keyframes seorinDawn{0%{opacity:0;transform:translate(-70%)}45%{opacity:.7}to{opacity:0;transform:translate(80%)}}@media (prefers-reduced-motion:reduce){.seorin-story *,.seorin-story :before,.seorin-story :after{transition:none!important;animation:none!important}.seorin-effect,.seorin-page-light{display:none}.seorin-echoes blockquote,.pillar-rubbing>div,.seorin-sfx{opacity:1}}.episode-heading{text-align:center;background:radial-gradient(at 50% 0,#fff7e9,#0000 80%);padding:28px 24px 24px}.episode-heading>span{letter-spacing:.18em;color:#957d67;font-size:10px}.episode-heading h1{font:36px/1.55 var(--serif);letter-spacing:-.045em;margin:0}.episode-heading p{font:13px/1.9 var(--serif);color:#8a7162;margin:16px 0 27px}.episode-heading small{letter-spacing:.08em;color:#9d8879;font-size:10px}.story-includes{text-align:left;border-top:1px solid #a68a6a40;margin:28px 0;padding:0;list-style:none}.story-includes li{color:#7e6859;border-bottom:1px solid #a68a6a24;gap:15px;padding:13px 0;font-size:12px;display:flex}.story-includes span{font:14px var(--serif);color:#b0916e}.seorin-ending .story-fiction-note{color:#9b8677;margin:0;font-size:10px;line-height:1.8}@media (prefers-reduced-motion:reduce){.seorin-scene .seorin-art{animation:none!important;transform:none!important}}
body .story-page.muyeong-story{--story-paper:#111a2a;--story-ink:#e7dfd8;background:var(--story-paper);color:var(--story-ink);padding-bottom:0;overflow-x:clip}.muyeong-story .episode-heading{color:#f2e5d4;background:radial-gradient(at 80% 0,#28364d,#0000 70%)}.muyeong-story .episode-heading>span{color:#b7bdd0}.muyeong-story .episode-heading p{color:#b3b9c9}.muyeong-story .episode-heading small{color:#96a2b6}.muyeong-story .seorin-speech{width:max-content;max-width:72%}.muyeong-story .seorin-speech p{font-size:clamp(13px,3.45cqw,15px)}.muyeong-story .speech-thought{--bubble-paper:#182234;color:#dfdfe8;border-color:#64718866}.muyeong-story .speech-thought p{color:inherit}.muyeong-story .bond-ending{color:#efe5d6;background:linear-gradient(#111a2a,#202b3c)}.bond-ending h2{margin-top:18px}.muyeong-story .bond-ending>p{color:#abb6c8}.bond-ending .seorin-start{color:#233047;background:linear-gradient(155deg,#e6e9ec,#b3bece 50%,#d8dee7);border:1px solid #edf0f599;box-shadow:inset 0 1px #fff}.bond-ending .story-includes{border-color:#a3aec333}.bond-ending .story-includes li{color:#c6ccd8;border-color:#a3aec322}.bond-ending .story-includes span{color:#8196b0}.bond-ending small{color:#acb5c4}
