@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@font-face{font-family:Cafe24Ssurround;src:url(/font/Cafe24Ssurround.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+20-7E,U+B7,U+2018-201E,U+2026,U+2665,U+2726,U+3131-3163,U+AC00-D7A3}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fffcfa;--sky:#f4f7ff;--card:#fff;--ink:#453b41;--ink-soft:#8a7c83;--ink-faint:#bcb1b7;--pink:#f5a9bc;--pink-deep:#e07f99;--pink-wash:#fff1f5;--butter:#ffe9a8;--butter-wash:#fffaeb;--lilac:#e4daf8;--lilac-wash:#f7f3ff;--baby:#d9e9fb;--baby-wash:#f2f8ff;--mint-wash:#f0faf6;--r-s:.875rem;--r-m:1.375rem;--r-l:2rem;--r-xl:2.75rem;--pill:999px;--lift:0 2px 8px #b496a014, 0 12px 28px #b496a01a;--lift-hi:0 4px 12px #b496a01f, 0 22px 44px #b496a029;--line:#e07f992e;--page:min(68rem, 100% - 2.5rem);--top-h:4rem;--display:"Cafe24Ssurround", "Hiragino Maru Gothic ProN", "Pretendard Variable", Pretendard, "Yu Gothic", system-ui, sans-serif;--text:"Pretendard Variable", Pretendard, "Hiragino Sans", "Yu Gothic", Meiryo, -apple-system, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--text);word-break:keep-all;overflow-wrap:break-word;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}body:lang(ja){word-break:normal;line-break:strict}img{max-width:100%;height:auto;display:block}a{color:inherit}*{scrollbar-width:thin;scrollbar-color:#e7dce2 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:var(--pill);background:#e7dce2 padding-box content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.sky{margin-top:calc(-1 * var(--top-h));padding-top:var(--top-h);background:radial-gradient(60rem 32rem at 12% -6rem, #fff5f8 0%, transparent 62%), radial-gradient(52rem 30rem at 92% 2rem, var(--baby-wash) 0%, transparent 60%), linear-gradient(180deg, var(--sky) 0%, var(--cream) 78%);position:relative}.puffs{pointer-events:none;position:absolute;inset:0;overflow:clip}.puff{border-radius:var(--pill);filter:blur(2.5rem);opacity:.75;pointer-events:none;position:absolute}.top{z-index:20;min-height:var(--top-h);-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#ffffffb8;align-items:center;animation:linear both top-active;animation-timeline:scroll(root);animation-range:0 5rem;display:flex;position:sticky;top:0;box-shadow:0 1px #b496a01a,0 6px 18px #b496a00f}@keyframes top-active{0%{-webkit-backdrop-filter:blur()saturate();background:#fff0;box-shadow:0 1px #b496a000,0 6px 18px #b496a000}to{-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#ffffffb8;box-shadow:0 1px #b496a01a,0 6px 18px #b496a00f}}.top-inner{width:var(--page);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.section[id]{scroll-margin-top:5rem}.brand{color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;flex:none;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-dot{border-radius:var(--pill);background:linear-gradient(150deg, #fff 0%, var(--pink-wash) 60%, var(--pink) 190%);place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;display:grid;box-shadow:inset 0 0 0 1px #f5a9bc59}.top nav{gap:.25rem;min-width:0;display:flex}.top nav a{color:var(--ink-soft);white-space:nowrap;border-radius:var(--pill);align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.top nav a:hover{color:var(--ink);background:#fff}.nav-icon{flex:none;width:1.125rem;height:1.125rem}.lang{flex:none;position:relative}.lang>summary{border-radius:var(--pill);color:var(--ink-soft);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.8125rem;font-weight:600;list-style:none;transition:background .18s,color .18s;display:inline-flex}.lang>summary::-webkit-details-marker{display:none}.lang>summary::marker{content:""}.lang>summary:hover,.lang[open]>summary{color:var(--ink);background:#fff}.lang>summary:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.lang-globe{flex:none;width:1.125rem;height:1.125rem}.lang-chevron{width:.75rem;height:.75rem;color:var(--ink-faint);flex:none;transition:transform .18s cubic-bezier(.25,1,.5,1)}.lang[open] .lang-chevron{transform:rotate(180deg)}.lang-short{display:none}.lang-menu{border-radius:var(--r-m);min-width:10rem;box-shadow:var(--lift-hi);background:#fff;gap:.125rem;padding:.3rem;animation:.18s cubic-bezier(.25,1,.5,1) both lang-open;display:grid;position:absolute;top:calc(100% + .5rem);right:0}@keyframes lang-open{0%{opacity:0;transform:translateY(-.4rem)}}.lang-menu a{border-radius:var(--r-s);color:var(--ink-soft);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.lang-menu a:hover{background:var(--pink-wash);color:var(--ink)}.lang-menu a[aria-current]{background:var(--pink-wash);color:var(--pink-deep)}.lang-mark{letter-spacing:.04em;width:1.5rem;color:var(--ink-faint);font-size:.6875rem;font-weight:700}.lang-menu a[aria-current] .lang-mark{color:var(--pink-deep)}.hero{z-index:1;width:var(--page);min-height:min(44rem, calc(100svh - var(--top-h)));grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(2rem,7vw,6rem);margin-inline:auto;padding:2.5rem 0 5.5rem;display:grid;position:relative}.hero-copy{position:relative;container-type:inline-size}.hero-eyebrow{border:1px solid var(--line);border-radius:var(--pill);min-height:2rem;color:var(--pink-deep);background:#ffffffa8;align-items:center;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex;box-shadow:0 .25rem 1rem #b496a014}.hero h1{font-family:var(--display);font-size:clamp(3.5rem,8vw,5.5rem);font-weight:700;font-size:max(1.75rem, min(clamp(3.5rem, 8vw, 5.5rem), calc(100cqi / var(--name-width,3))));letter-spacing:-.025em;margin:0 0 1.25rem;line-height:.98}.hero h1 em{z-index:0;font-style:normal;position:relative}.hero h1 em:after{content:"";z-index:-1;border-radius:var(--pill);background:linear-gradient(90deg, var(--butter), #fff0bd);height:.26em;position:absolute;bottom:.04em;left:-.08em;right:-.08em;transform:rotate(-1.5deg)}.hero-tagline{max-width:28rem;color:var(--ink);margin:0 0 .625rem;font-size:clamp(1.125rem,2.2vw,1.375rem);font-weight:700;line-height:1.55}.hero-species{color:var(--ink-soft);margin:0 0 2rem;font-size:1rem}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border-radius:var(--pill);color:var(--ink-soft);background:#fff;padding:.4rem .8rem;font-size:.8125rem;font-weight:600;box-shadow:0 1px 3px #b496a01a}.tag-pink{background:var(--pink-wash);color:var(--pink-deep)}.tag-butter{background:var(--butter-wash);color:#a8813a}.tag-lilac{background:var(--lilac-wash);color:#7b6aa8}.trait-pink,.head-pink{background:var(--pink-wash);color:var(--pink-deep)}.trait-butter,.head-butter{background:var(--butter-wash);color:#a8813a}.trait-lilac,.head-lilac{background:var(--lilac-wash);color:#7b6aa8}.hero-figure{isolation:isolate;place-items:center;min-height:29rem;display:grid;position:relative}.hero-figure:before{content:"";z-index:-2;aspect-ratio:1;background:radial-gradient(circle at 68% 24%, #ffffffeb 0 .55rem, transparent .6rem), linear-gradient(145deg, #fffffff0, var(--pink-wash));width:min(29rem,100%);box-shadow:inset 0 0 0 1px #ffffffe0, var(--lift);border-radius:46% 54% 52% 48%/54% 44% 56% 46%;position:absolute;transform:rotate(4deg)}.hero-cloud{color:#fff;filter:drop-shadow(0 16px 34px #b496a029);width:102%;height:auto;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.hero-figure img{filter:drop-shadow(0 14px 20px #b496a038);width:min(25rem,92%);animation:5s ease-in-out infinite bob;position:relative}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}@media (prefers-reduced-motion:reduce){.hero-figure img{animation:none}html{scroll-behavior:auto}.to-top{transition:none}.lang-menu{animation:none}.lang-chevron{transition:none}}.section{width:var(--page);margin:0 auto;padding:5rem 0}.section-head{text-align:center;max-width:42rem;margin:0 auto 3rem}.head-icon{border-radius:var(--pill);place-items:center;width:3.25rem;height:3.25rem;margin:0 auto 1rem;display:grid}.head-icon svg{width:1.5rem;height:1.5rem}.eyebrow{letter-spacing:.08em;color:var(--pink-deep);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.section-head h2{font-family:var(--display);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.25}.section-head p{color:var(--ink-soft);margin:0;font-size:1rem}.traits{grid-template-columns:1.08fr .92fr;gap:1.25rem;display:grid}.trait{background:var(--card);border-radius:var(--r-l);box-shadow:var(--lift);border:1px solid #fffc;padding:2rem;position:relative;overflow:hidden}.trait:first-child{flex-direction:column;grid-row:span 2;justify-content:center;min-height:18rem;display:flex}.trait:first-child:after{content:"♥";color:var(--pink-wash);font-family:var(--display);font-size:10rem;line-height:1;position:absolute;bottom:-3.25rem;right:-.5rem;transform:rotate(-12deg)}.trait>*{z-index:1;position:relative}.trait-icon{border-radius:var(--pill);place-items:center;width:2.75rem;height:2.75rem;margin-bottom:.875rem;font-size:1.25rem;display:grid}.trait h3{font-family:var(--display);margin:0 0 .625rem;font-size:1.125rem;font-weight:700}.trait p{color:var(--ink-soft);margin:0;font-size:1rem}.speech{background:linear-gradient(135deg, var(--pink-wash), var(--lilac-wash));border-radius:var(--r-l);text-align:center;margin-top:1.5rem;padding:2.25rem 1.75rem;box-shadow:inset 0 0 0 1px #ffffffbd}.speech-label{color:var(--pink-deep);font-size:.8125rem;font-weight:700}.lonely{margin-top:1.5rem}a.bubble{color:var(--pink-deep);text-decoration:none}.bubbles{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:1rem;display:flex}.bubble{border-radius:var(--pill);font-family:var(--display);background:#fff;padding:.625rem 1.2rem;font-size:1rem;transform:rotate(-1deg);box-shadow:0 .25rem .75rem #e07f991f}.bubble:nth-child(2n){transform:rotate(1deg)}.series-card{background:radial-gradient(26rem 18rem at 0% 100%, var(--pink-wash), transparent 70%), var(--card);border-radius:var(--r-xl);box-shadow:var(--lift);border:1px solid #ffffffd1;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(2rem,5vw,3.25rem);display:grid;position:relative;overflow:hidden}.series-mark{place-items:center;min-height:15rem;display:grid;position:relative}.series-mark .head-icon{width:8rem;height:8rem;margin:0;box-shadow:inset 0 0 0 1px #e07f991a}.series-mark .head-icon svg{width:3.5rem;height:3.5rem}.series-whispers span{border-radius:var(--pill);color:var(--ink-soft);font-family:var(--display);box-shadow:var(--lift);background:#fff;padding:.45rem .8rem;font-size:.8125rem;position:absolute}.series-whispers span:first-child{top:11%;left:3%;transform:rotate(-7deg)}.series-whispers span:nth-child(2){top:24%;right:0;transform:rotate(6deg)}.series-whispers span:nth-child(3){bottom:5%;left:11%;transform:rotate(4deg)}.series-copy{text-align:left}.series-card h2{font-family:var(--display);margin:.5rem 0 1rem;font-size:clamp(1.75rem,4.5vw,2.75rem);line-height:1.25}.series-card>p{max-width:44rem;color:var(--ink-soft);margin:0 auto}.series-copy>p{color:var(--ink-soft);margin:0;font-size:1rem}.specs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.spec{background:var(--sky);border-radius:var(--r-s);min-width:8rem;padding:.875rem 1.25rem}.spec dt{color:var(--ink-faint);font-size:.75rem;font-weight:600}.spec dd{margin:.15rem 0 0;font-size:.9375rem;font-weight:700}.band{margin-top:3rem}.band-head{align-items:baseline;gap:.75rem;margin-bottom:1.125rem;padding-inline:.25rem;display:flex}.band-head h3{font-family:var(--display);margin:0;font-size:1.25rem}.band-head span{color:var(--ink-faint);font-size:.875rem}.grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-wide{flex-wrap:wrap;justify-content:center;display:flex}.grid-wide>*{flex:0 17rem}.slot{background:var(--card);border-radius:var(--r-m);box-shadow:var(--lift);text-align:center;flex-direction:column;margin:0;padding:.75rem .75rem 1rem;transition:transform .22s cubic-bezier(.25,1,.5,1),box-shadow .22s;display:flex}.slot figcaption{margin-top:auto}.slot:hover{box-shadow:var(--lift-hi);transform:translateY(-.35rem)}a.slot{color:inherit;text-decoration:none}.slot-art{aspect-ratio:1;border-radius:var(--r-s);background:radial-gradient(circle at 50% 42%, #fff 0 36%, var(--pink-wash) 100%);place-items:center;margin-bottom:.75rem;display:grid;position:relative}.slot-no{color:var(--ink-faint);font-size:.6875rem;font-weight:700;position:absolute;top:.4rem;left:.5rem}.slot-art img{width:88%}.slot-caption{font-family:var(--display);font-size:1rem;line-height:1.3}.slot-emotion{color:var(--ink-faint);margin-top:.3rem;font-size:.75rem}.to-top{z-index:30;border-radius:var(--pill);width:2.875rem;height:2.875rem;color:var(--pink-deep);-webkit-backdrop-filter:blur(10px);box-shadow:var(--lift);background:#ffffffe0;place-items:center;transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s;animation:linear both to-top-in;animation-timeline:scroll(root);animation-range:0 90vh;display:grid;position:fixed;bottom:1.5rem;right:1.5rem}.to-top svg{width:1.125rem;height:1.125rem}.to-top:hover{box-shadow:var(--lift-hi);transform:translateY(-.2rem)}@keyframes to-top-in{0%,30%{opacity:0;visibility:hidden;transform:translateY(.75rem)scale(.9)}70%,to{opacity:1;visibility:visible;transform:none}}.foot{text-align:center;color:var(--ink-faint);background:#fff;margin-top:4rem;padding:3.5rem 1.25rem 4rem;font-size:.875rem}.foot strong{color:var(--ink-soft);margin-bottom:.35rem;font-weight:700;display:block}.foot a{color:var(--pink-deep);font-weight:600;text-decoration:none}@media (width<=60em){.hero{text-align:center;grid-template-columns:1fr;gap:1.5rem;min-height:0;padding-top:1rem}.hero-figure{order:-1}.hero-figure img{width:min(18rem,76%)}.hero-tagline{margin-inline:auto}.tags{justify-content:center}.series-card{grid-template-columns:1fr;gap:1.5rem}.series-mark{min-height:12rem}.series-copy{text-align:center}.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=44em){.top nav{gap:.125rem}.top nav a{padding:.5rem}.nav-icon{width:1.25rem;height:1.25rem}.nav-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.lang-name{display:none}.lang-short{display:inline}}@media (width<=34em){:root{--page:min(68rem, 100% - 1.75rem);--top-h:3.5rem}.brand-name{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.traits{grid-template-columns:1fr}.trait:first-child{grid-row:auto;min-height:0}.trait{padding:1.5rem}.series-mark{min-height:10rem}.series-mark .head-icon{width:6.5rem;height:6.5rem}.band-head{display:block}.band-head span{margin-top:.125rem;display:block}.section{padding:2.5rem 0}.to-top{bottom:1rem;right:1rem}.slot-caption{font-size:.9375rem}}