:root{--bg:#FAFAF8;--paper:#FFFFFF;--ink:#554F53;--ink-soft:#898287;--pink:#EFA5A2;--pink-soft:#F8DEDC;--blue:#91B9C8;--blue-soft:#E3F0F3;--lavender:#ACA2C7;--lavender-soft:#ECE8F3;--mint:#A8C9BC;--mint-soft:#E5F0EB;--gray-soft:#ECEAE9}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:'Zen Maru Gothic',sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}.wide{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{width:min(780px,calc(100% - 40px));margin:auto}.logo,h1,h2,h3,.eyebrow,.btn,.yurumohiobake-page .logo,.yurumohiobake-page .eyebrow,.yurumohiobake-page .btn{font-family:'M PLUS Rounded 1c',sans-serif}
header,.yurumohiobake-page header{position:sticky;top:0;z-index:40;background:rgba(255,250,247,.94);border-bottom:2px dashed var(--pink-soft);backdrop-filter:blur(8px)}.nav-inner{width:min(1080px,calc(100% - 40px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo,.yurumohiobake-page .logo{font-size:1.25rem;font-weight:800;color:#D98380}.links,.yurumohiobake-page nav.links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.82rem;font-weight:700}.links a,.yurumohiobake-page nav.links a{padding:8px 12px;border-radius:999px;transition:background .2s ease,transform .2s ease}.links a:hover,.links .current,.yurumohiobake-page nav.links a:hover,.yurumohiobake-page nav.links .current{background:var(--pink-soft)}.links a:hover,.yurumohiobake-page nav.links a:hover{transform:translateY(-1px)}.menu-btn,.yurumohiobake-page .menu-btn{display:none;border:0;border-radius:999px;background:#D98380;color:#fff;padding:9px 15px;font-weight:700}a:focus-visible,button:focus-visible{outline:3px solid var(--lavender);outline-offset:3px}
.hero{position:relative;min-height:660px;display:grid;align-items:center;padding:80px 0;background:linear-gradient(155deg,#fff 0 66%,var(--blue-soft) 66%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px}.eyebrow,.yurumohiobake-page .eyebrow{color:#796F98;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin-top:7px;font-size:clamp(3rem,7vw,5.3rem);line-height:1.13;letter-spacing:.05em}.catch{margin-top:22px;color:var(--ink-soft);font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700}.hero-main{position:relative;min-height:490px;display:grid;place-items:center}.hero-main img{position:relative;z-index:2;width:min(440px,86%);filter:drop-shadow(0 12px 0 rgba(85,79,83,.06));animation:obake-float 5s ease-in-out infinite}.ghost-halo{position:absolute;width:90%;aspect-ratio:1.25;background:var(--lavender-soft);border-radius:48% 52% 55% 45%/52% 46% 54% 48%;transform:rotate(-3deg)}.hero-obake{position:absolute;z-index:2;pointer-events:none;user-select:none;-webkit-user-drag:none}.hero-peek{width:190px;left:-48px;top:100px;transform:rotate(7deg)}.hero-fly{width:180px;right:-35px;top:85px;transform:rotate(-8deg)}.hero-flat{width:220px;right:5%;bottom:5px}
.section{padding:94px 0}.section-head{text-align:center;margin-bottom:42px}.section-head h2{margin-top:5px;font-size:clamp(1.75rem,4vw,2.5rem)}.section-head>p:last-child:not(.eyebrow){margin-top:9px;color:var(--ink-soft)}.intro-section{background:var(--paper)}.intro-stage{position:relative;min-height:560px;display:grid;place-items:center}.intro-copy{position:relative;z-index:2;width:min(650px,78%);padding:50px 58px;text-align:center;background:var(--bg);border:3px dashed var(--blue);border-radius:31% 69% 35% 65%/5% 6% 4% 5%;box-shadow:0 7px 0 rgba(85,79,83,.04)}.intro-copy .section-head{margin-bottom:24px}.prose{display:grid;gap:18px;color:var(--ink-soft)}.mystery-note{display:inline-block;margin-top:24px;padding:5px 14px;border:2px dashed var(--gray-soft);border-radius:999px;color:var(--ink-soft);font-size:.82rem}.intro-ghost{position:absolute;width:220px}.intro-left{left:0;top:54px;transform:rotate(-6deg)}.intro-right{right:-20px;bottom:25px;transform:rotate(7deg)}
.profile-section{background:var(--blue-soft)}.profile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.profile-grid>div{padding:22px 17px;min-height:150px;background:rgba(255,255,255,.85);border:2px dashed rgba(121,111,152,.2);border-radius:42% 58% 46% 54%/12% 9% 11% 8%}.profile-grid>div:nth-child(even){background:var(--mint-soft)}.profile-grid dt{color:#796F98;font-size:.72rem;font-weight:800}.profile-grid dd{margin-top:8px;font-weight:700}.profile-note{margin-top:20px;text-align:center;color:var(--ink-soft);font-size:.78rem}
.mouth-section{background:var(--paper)}.mouth-card{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:42px;padding:42px 48px;background:var(--lavender-soft);border-radius:30px}.mouth-card h2,.mohi-world-card h2{margin-top:6px;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.45}.mouth-card>div:first-child>p:last-child{margin-top:20px;color:var(--ink-soft)}.mouth-picture{position:relative;min-height:280px;display:grid;place-items:center}.mouth-picture img{width:100%;filter:drop-shadow(0 7px 0 rgba(85,79,83,.05))}.mohi{position:absolute;color:#796F98;font-weight:800;font-size:.8rem}.mohi-one{left:-10px;top:24px;transform:rotate(-8deg)}.mohi-two{right:0;bottom:24px;transform:rotate(9deg)}
.feelings-section{background:var(--bg)}.feelings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.feeling{padding:16px;background:var(--paper);border:2px solid var(--gray-soft);border-radius:23px;box-shadow:0 6px 0 rgba(85,79,83,.04);transition:transform .2s ease}.feeling:nth-child(2),.feeling:nth-child(5){margin-top:34px}.feeling:nth-child(3n+1){transform:rotate(-1deg)}.feeling:nth-child(3n){transform:rotate(1deg)}.feeling:hover{transform:translateY(-3px) rotate(.4deg)}.feeling img{width:100%;height:220px;object-fit:contain;background:var(--blue-soft);border-radius:17px}.feeling:nth-child(even) img{background:var(--lavender-soft)}.feeling:nth-child(3n) img{background:var(--mint-soft)}.feeling figcaption{padding:12px 4px 1px;text-align:center;color:var(--ink-soft);font-weight:700}
.daily-section{background:var(--lavender-soft)}.daily-gallery{columns:3 260px;column-gap:18px}.daily-item{break-inside:avoid;margin:0 0 18px;padding:14px;background:var(--paper);border-radius:22px;box-shadow:0 5px 0 rgba(85,79,83,.04)}.daily-item:nth-child(3n+1){transform:rotate(-.5deg)}.daily-item:nth-child(3n){transform:rotate(.5deg)}.daily-item img{width:100%;min-height:190px;height:auto;object-fit:contain;background:var(--blue-soft);border-radius:16px}.daily-item:nth-child(even) img{background:var(--mint-soft)}.daily-item:nth-child(3n) img{background:#F5F3F8}.daily-large img{min-height:300px}.daily-item figcaption{padding:11px 4px 2px;color:var(--ink-soft);font-weight:700}
.stickers-section{background:var(--paper)}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.sticker-card{display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border:2px solid var(--blue-soft);border-radius:24px;box-shadow:0 6px 0 rgba(85,79,83,.04);transition:transform .2s ease}.sticker-card:hover{transform:translateY(-3px)}.sticker-picture{padding:16px;background:var(--blue-soft)}.sticker-card:nth-child(even) .sticker-picture{background:var(--lavender-soft)}.sticker-picture img{width:100%;aspect-ratio:1;object-fit:contain}.sticker-card>div:last-child{display:flex;flex:1;flex-direction:column;padding:17px}.sticker-card h3{font-size:.95rem;line-height:1.55}.sticker-card span{margin-top:auto;padding-top:13px;color:#796F98;font-size:.76rem;font-weight:800}.section-button,.back-link,.yurumohiobake-page .back-link{text-align:center;margin-top:34px}.btn,.yurumohiobake-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border:2px solid var(--lavender);border-radius:999px;background:var(--paper);font-weight:700;transition:background .2s ease,transform .2s ease}.btn:hover,.yurumohiobake-page .btn:hover{background:var(--lavender-soft);transform:translateY(-2px)}
.mohi-world{background:var(--mint-soft)}.mohi-world-card{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:42px;padding:40px;background:var(--paper);border:3px dashed var(--mint);border-radius:28px}.mohi-world-card img{width:100%;transform:rotate(-3deg)}.mohi-world-card>div>p:not(.eyebrow){margin-top:14px;color:var(--ink-soft)}.closing{position:relative;min-height:310px;display:grid;place-items:end center;padding:45px 20px 28px;background:var(--blue-soft);overflow:hidden}.closing img{width:210px;transform:translateX(60px)}.closing p{position:absolute;left:calc(50% - 120px);top:90px;color:#796F98;font-size:1.15rem;font-weight:800}.back-link,.yurumohiobake-page .back-link{margin:0;padding:55px 20px 82px;background:var(--bg)}
footer{padding:38px 20px 46px;text-align:center;color:var(--ink-soft);font-size:.82rem;border-top:2px dashed var(--pink-soft)}.foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-bottom:14px}
@keyframes obake-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:900px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-copy{width:min(620px,72%)}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.menu-btn,.yurumohiobake-page .menu-btn{display:block}.links,.yurumohiobake-page nav.links{display:none;position:absolute;left:20px;right:20px;top:64px;padding:18px;flex-direction:column;align-items:stretch;background:var(--paper);border-radius:20px;box-shadow:0 8px 20px rgba(85,79,83,.1)}.links.open,.yurumohiobake-page nav.links.open{display:flex}.hero{min-height:auto;padding:56px 0 72px;background:linear-gradient(170deg,#fff 0 84%,var(--blue-soft) 84%)}.hero-grid{grid-template-columns:1fr;text-align:center;gap:8px}.hero h1 br{display:none}.hero-main{min-height:330px}.hero-main img{width:min(330px,82%)}.hero-obake{width:95px;opacity:.7}.hero-peek{left:-30px;top:44%}.hero-fly{right:-25px;top:35%}.hero-flat{display:none}.section{padding:66px 0}.intro-stage{min-height:auto}.intro-copy{width:100%;padding:40px 24px;border-radius:28px}.intro-ghost{width:95px;opacity:.65}.intro-left{left:-24px;top:-52px}.intro-right{right:-30px;bottom:-45px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mouth-card,.mohi-world-card{grid-template-columns:1fr;text-align:center;padding:34px 24px}.mouth-picture{width:min(300px,100%);margin:auto}.mohi-world-card img{width:220px;margin:auto;grid-row:2}.feelings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feeling:nth-child(2),.feeling:nth-child(5){margin-top:18px}.feeling{padding:11px}.feeling img{height:170px}.daily-gallery{columns:2 145px;column-gap:12px}.daily-item{margin-bottom:12px;padding:10px}.daily-large img{min-height:230px}.closing{min-height:260px}.back-link,.yurumohiobake-page .back-link{padding:48px 20px 68px}}
@media(max-width:420px){.wide,.narrow{width:min(100% - 28px,1120px)}.hero h1{font-size:2.65rem}.profile-grid,.feelings-grid,.sticker-grid{grid-template-columns:1fr}.profile-grid>div{min-height:0}.feeling:nth-child(2),.feeling:nth-child(5){margin-top:0}.feeling{width:min(300px,100%);margin-left:auto;margin-right:auto}.daily-gallery{columns:1}.sticker-card{width:min(290px,100%);margin:auto}.btn,.yurumohiobake-page .btn{width:100%;padding-left:12px;padding-right:12px}.intro-ghost{display:none}.closing img{width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}