@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}: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;--page:min(68rem, 100% - 2.5rem);--top-h:4rem;--display:"Cafe24Ssurround", "Pretendard Variable", Pretendard, system-ui, sans-serif;--text:"Pretendard Variable", Pretendard, -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}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;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;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}.hero{z-index:1;width:var(--page);grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-inline:auto;padding:1rem 0 4.5rem;display:grid;position:relative}.hero h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .75rem;font-size:clamp(3rem,8vw,4.75rem);font-weight:700;line-height:1.05}.hero h1 em{background:linear-gradient(180deg, transparent 62%, var(--butter) 62%);font-style:normal}.hero-tagline{color:var(--ink);margin:0 0 .5rem;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:600}.hero-species{color:var(--ink-soft);margin:0 0 1.75rem;font-size:.9375rem}.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{place-items:center;display:grid;position:relative}.hero-cloud{color:#fff;filter:drop-shadow(0 16px 34px #b496a029);width:108%;height:auto;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.hero-figure img{filter:drop-shadow(0 14px 20px #b496a038);width:min(23rem,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}}.section{width:var(--page);margin:0 auto;padding:4rem 0}.section-head{text-align:center;max-width:40rem;margin:0 auto 2.5rem}.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:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;display:grid}.trait{background:var(--card);border-radius:var(--r-l);box-shadow:var(--lift);padding:1.75rem 1.5rem}.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{margin:0 0 .5rem;font-size:1rem;font-weight:700}.trait p{color:var(--ink-soft);margin:0;font-size:.9375rem}.speech{background:var(--pink-wash);border-radius:var(--r-l);text-align:center;margin-top:2rem;padding:2rem 1.75rem}.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:.55rem 1.1rem;font-size:1rem;box-shadow:0 2px 6px #e07f991f}.series-card{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--lift);text-align:center;padding:clamp(2rem,5vw,3.25rem)}.series-card h2{font-family:var(--display);margin:.5rem 0 1rem;font-size:clamp(1.75rem,4.5vw,2.75rem)}.series-card>p{max-width:44rem;color:var(--ink-soft);margin:0 auto}.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:.875rem .875rem 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);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;padding-top:1rem}.hero-figure{order:-1}.hero-figure img{width:min(18rem,76%)}.tags{justify-content:center}.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=34em){:root{--page:min(68rem, 100% - 1.75rem);--top-h:3.5rem}.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}.grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.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}}