@charset "UTF-8";

body.mou-haiku-page{margin:0;background:#17140f;color:#f4f1e8;overflow-x:hidden;font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;-webkit-font-smoothing:antialiased}
body.mou-haiku-page.admin-bar .mou-haiku__daily{top:48px}
.mou-haiku,.mou-haiku *{box-sizing:border-box}
.mou-haiku [hidden]{display:none!important}
.mou-haiku{--mou-bg:#17140f;--mou-glow:#29251b;--mou-accent:#172019;position:relative;isolation:isolate;min-height:100vh;background:radial-gradient(circle at 72% 18%,var(--mou-glow),transparent 44%),linear-gradient(155deg,var(--mou-accent),var(--mou-bg) 68%);color:#f5f1e6;transition:background-color .4s linear}
.mou-haiku__texture{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(255,255,255,.12) .6px,transparent .7px),linear-gradient(105deg,transparent 35%,rgba(255,255,255,.025),transparent 65%);background-size:5px 5px,100% 100%;mix-blend-mode:soft-light}
.mou-haiku__daily{position:fixed;z-index:20;top:max(20px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));min-width:112px;min-height:44px;padding:9px 18px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(10,12,10,.28);backdrop-filter:blur(8px);color:#fff;font:500 14px/1.4 inherit;letter-spacing:.12em;cursor:pointer}
.mou-haiku__hero,.mou-haiku__chapter,.mou-haiku__final{position:relative;min-height:100svh}
.mou-haiku__hero{display:grid;place-items:center;padding:12vh 24px;text-align:center}
.mou-haiku__hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.7%,rgba(218,224,202,.04) 50%,transparent 50.3%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}
.mou-haiku__hero-copy{animation:mou-haiku-enter 1.5s ease both}
.mou-haiku__series{margin:0 0 34px;font-size:clamp(12px,1.1vw,15px);letter-spacing:.28em;color:rgba(255,255,255,.66)}
.mou-haiku__hero h1{margin:0;font-size:clamp(32px,5.2vw,68px);font-weight:500;line-height:1.5;letter-spacing:.08em;text-wrap:balance}
.mou-haiku__subtitle{margin:30px 0 0;font-size:clamp(15px,1.45vw,19px);line-height:2;letter-spacing:.12em;color:rgba(255,255,255,.75)}
.mou-haiku-reader-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 28px;margin-top:38px}
.mou-haiku-reader-actions a,.mou-haiku-reader-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 0;border:0;border-bottom:1px solid rgba(255,255,255,.34);background:transparent;color:rgba(255,255,255,.82);font:400 13px/1.5 inherit;letter-spacing:.13em;text-decoration:none;cursor:pointer;transition:border-color .3s ease,color .3s ease}
.mou-haiku-reader-actions a:hover,.mou-haiku-reader-actions button:hover,.mou-haiku-reader-actions a:focus-visible,.mou-haiku-reader-actions button:focus-visible{border-color:rgba(255,255,255,.8);color:#fff;outline:0}
.mou-haiku-reader-complete{margin:19px 0 0;color:rgba(255,255,255,.52);font-size:12px;letter-spacing:.13em}
.mou-haiku__scroll{position:absolute;bottom:30px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);color:rgba(255,255,255,.58);font:11px/1 sans-serif;letter-spacing:.25em;text-decoration:none}
.mou-haiku__scroll i{display:block;width:1px;height:48px;background:linear-gradient(#fff,transparent);animation:mou-haiku-scroll 2.2s ease-in-out infinite}
.mou-haiku__chapter{padding:15vh 24px 10vh}
.mou-haiku__chapter,.mou-haiku__poem,.mou-haiku__final-poem{scroll-margin-top:0}
.mou-haiku main{counter-reset:mou-haiku-poem}
.mou-haiku__chapter-head{display:grid;align-content:center;justify-items:center;min-height:80svh;text-align:center}
.mou-haiku__chapter-head p{margin:0 0 22px;font-size:14px;letter-spacing:.35em;color:rgba(255,255,255,.66)}
.mou-haiku__chapter-head h2{margin:0;font-size:clamp(42px,7vw,82px);font-weight:400;line-height:1.3;letter-spacing:.15em}
.mou-haiku__chapter-head div{margin-top:34px;font-size:clamp(16px,1.5vw,20px);line-height:2.15;letter-spacing:.1em;color:rgba(255,255,255,.72)}
.mou-haiku__poems{width:min(100%,620px);margin:auto}
.mou-haiku__poem,.mou-haiku__final-poem{display:grid;align-content:center;justify-items:center;min-height:92svh;margin:0;text-align:center;font-size:clamp(25px,3.3vw,43px);font-weight:400;line-height:1.85;letter-spacing:.16em}
.mou-haiku__poem,.mou-haiku__final-poem{counter-increment:mou-haiku-poem}
.mou-haiku__poem::before,.mou-haiku__final-poem::before{content:counter(mou-haiku-poem,decimal-leading-zero);display:block;margin-bottom:28px;color:rgba(255,255,255,.5);font:400 12px/1 sans-serif;letter-spacing:.2em}
.mou-haiku__poem span,.mou-haiku__final-poem span{display:block}
.mou-haiku.is-enhanced .mou-haiku__reveal{opacity:0;transform:translateY(20px);transition:opacity 1.1s ease,transform 1.1s ease}
.mou-haiku.is-enhanced .mou-haiku__reveal.is-visible{opacity:1;transform:none}
.mou-haiku__final{display:grid;place-items:center;min-height:110svh;padding:12vh 24px}
.mou-haiku__final-poem{min-height:100svh;font-size:clamp(31px,5vw,64px);line-height:1.9}
.mou-haiku__ending{display:grid;place-items:center;align-content:center;gap:30px;min-height:80svh;padding:20vh 24px 14vh;color:rgba(255,255,255,.7);text-align:center}
.mou-haiku__ending p{margin:0;font-size:18px;letter-spacing:.28em}
.mou-haiku__ending a{display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:48px;border-bottom:1px solid rgba(255,255,255,.35);color:inherit;font-size:14px;letter-spacing:.16em;text-decoration:none}
.mou-haiku-modal[hidden]{display:none}
.mou-haiku-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px}
.mou-haiku-modal__backdrop{position:absolute;inset:0;background:rgba(3,4,3,.78);backdrop-filter:blur(8px)}
.mou-haiku-modal__panel{position:relative;width:min(100%,520px);min-height:440px;display:grid;align-content:center;justify-items:center;padding:64px 30px;border:1px solid rgba(255,255,255,.25);background:#151713;color:#f4f1e8;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.36)}
.mou-haiku-modal__close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;background:transparent;color:#fff;font:300 28px/1 sans-serif;cursor:pointer}
.mou-haiku-modal__label{margin:0 0 44px;font-size:13px;letter-spacing:.28em;color:rgba(255,255,255,.62)}
.mou-haiku-modal__poem{margin:0;font-size:clamp(24px,5vw,34px);line-height:1.9;letter-spacing:.14em}
.mou-haiku-modal__poem span{display:block}
.mou-haiku-modal__actions{min-height:1px;margin-top:35px}
.mou-haiku-reader-progress{position:fixed;z-index:20;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;width:min(270px,calc(100vw - 44px));min-height:52px;padding:10px 14px 11px;border:1px solid rgba(255,255,255,.2);background:rgba(8,11,13,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.72);font:400 11px/1.4 inherit;letter-spacing:.08em;text-align:left;cursor:pointer;opacity:.76;transition:opacity .3s ease,border-color .3s ease}
.mou-haiku-reader-progress:hover,.mou-haiku-reader-progress:focus-visible{border-color:rgba(255,255,255,.48);opacity:1;outline:0}
.mou-haiku-reader-progress__chapter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mou-haiku-reader-progress__count{font-family:ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap}
.mou-haiku-reader-progress>i{position:absolute;right:0;bottom:0;left:0;height:1px;background:rgba(255,255,255,.12);overflow:hidden}
.mou-haiku-reader-progress>i span{display:block;width:1%;height:100%;background:rgba(255,255,255,.64);transition:width .45s ease}
.mou-haiku-chapters__panel{width:min(100%,620px);min-height:0;max-height:min(720px,calc(100svh - 48px));align-content:start;padding:58px 34px 34px;overflow-y:auto;text-align:left}
.mou-haiku-chapters__panel .mou-haiku-modal__label{margin:0 0 22px;text-align:center}
.mou-haiku-chapters__list{width:100%;border-top:1px solid rgba(255,255,255,.16)}
.mou-haiku-chapters__list a{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:68px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.16);color:inherit;text-decoration:none;transition:background-color .3s ease,padding-left .3s ease}
.mou-haiku-chapters__list a:hover,.mou-haiku-chapters__list a:focus-visible{padding-left:12px;background:rgba(255,255,255,.055);outline:0}
.mou-haiku-chapters__list span{color:rgba(255,255,255,.52);font-size:12px;letter-spacing:.16em}
.mou-haiku-chapters__list strong{overflow:hidden;font-size:18px;font-weight:400;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}
.mou-haiku-chapters__list small{color:rgba(255,255,255,.55);font:400 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap}
@keyframes mou-haiku-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mou-haiku-scroll{0%,100%{opacity:.25;transform:scaleY(.4);transform-origin:top}50%{opacity:.8;transform:scaleY(1)}}
@media(max-width:600px){body.mou-haiku-page.admin-bar .mou-haiku__daily{top:62px}.mou-haiku__daily{right:16px;min-width:104px;font-size:13px}.mou-haiku__hero{padding-inline:28px}.mou-haiku__series{margin-bottom:28px}.mou-haiku__hero h1{font-size:clamp(31px,9.4vw,43px);letter-spacing:.04em}.mou-haiku__subtitle{font-size:16px;line-height:2.1}.mou-haiku-reader-actions{gap:5px 22px;margin-top:30px}.mou-haiku-reader-actions a,.mou-haiku-reader-actions button{font-size:12px}.mou-haiku-reader-actions [data-read-resume]{flex-basis:100%;margin-inline:auto}.mou-haiku-reader-progress{right:16px;bottom:max(12px,env(safe-area-inset-bottom));left:16px;width:auto;max-width:390px;margin-inline:auto;min-height:48px;padding:8px 12px 10px}.mou-haiku__chapter{padding-inline:26px}.mou-haiku__chapter-head{min-height:85svh}.mou-haiku__chapter-head h2{font-size:clamp(41px,13vw,58px)}.mou-haiku__chapter-head div{font-size:18px}.mou-haiku__poem{min-height:96svh;font-size:clamp(25px,7vw,31px);line-height:1.95}.mou-haiku__final-poem{font-size:clamp(30px,8.5vw,39px)}.mou-haiku-modal__panel{min-height:min(520px,75svh)}.mou-haiku-chapters__panel{min-height:0;max-height:calc(100svh - 32px);padding:54px 20px 24px}.mou-haiku-chapters__list a{grid-template-columns:62px minmax(0,1fr) auto;gap:10px;min-height:64px}.mou-haiku-chapters__list strong{font-size:16px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.mou-haiku *{scroll-behavior:auto!important}.mou-haiku__hero-copy,.mou-haiku__scroll i{animation:none}.mou-haiku.is-enhanced .mou-haiku__reveal{opacity:1;transform:none;transition:none}.mou-haiku{transition:none}.mou-haiku-reader-progress>i span,.mou-haiku-reader-actions a,.mou-haiku-reader-actions button,.mou-haiku-chapters__list a{transition:none}}