.guide{--g-ink:var(--color-guide-ink);--g-paper:var(--color-guide-paper);--g-cream:var(--color-guide-cream);--g-mint:var(--color-guide-mint);--g-indigo:var(--color-guide-indigo);--g-indigo2:var(--color-guide-indigo-light);--g-coral:var(--color-guide-coral);--g-sun:var(--color-guide-sun);--g-green:var(--color-guide-green);--g-teal:var(--color-guide-teal);--g-pink:var(--color-guide-pink);--g-sky:var(--color-guide-sky);--g-sub:var(--color-guide-sub);--g-body:var(--color-guide-body);--g-lavender:var(--color-guide-lavender);color:var(--g-ink);background:var(--g-cream);overflow-x:clip}.g-wrap{max-width:1120px;margin:0 auto;padding:0 16px}.g-narrow{max-width:960px}@media (width>=768px){.g-wrap{padding:0 40px}}.g-section{padding:56px 0}@media (width>=768px){.g-section{padding:88px 0}}.g-cream{background:var(--g-cream)}.g-mint{background:var(--g-mint)}.g-indigo{background:linear-gradient(135deg, var(--g-indigo), var(--g-indigo2))}.g-ink{background:var(--g-ink)}.g-dots{background-color:var(--g-cream);background-image:radial-gradient(#16141f14 2px,#0000 2px);background-size:32px 32px}.g-dots-light{background-image:radial-gradient(#ffffff29 2px, transparent 2px), linear-gradient(135deg, var(--g-indigo), var(--g-indigo2));background-size:32px 32px,auto}.g-ink.g-dots-light{background-image:radial-gradient(#ffffff1a 2px,#0000 2px);background-color:var(--g-ink)}.g-display{letter-spacing:-.02em;word-break:auto-phrase;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,Noto Sans CJK JP,Meiryo,system-ui,sans-serif;font-weight:800}.g-h1{margin-top:20px;font-size:clamp(2rem,6.4vw,4rem);line-height:1.22}.g-h2{margin-top:14px;font-size:clamp(1.75rem,4.6vw,2.75rem);line-height:1.3}.g-h3{margin-top:10px;font-size:clamp(1.375rem,3.2vw,1.875rem);line-height:1.35}.g-h4{margin-top:8px;font-size:1.25rem;line-height:1.4}.g-on-dark{color:var(--g-paper);text-shadow:3px 3px 0 var(--g-ink)}.g-grad{background:linear-gradient(90deg, var(--g-coral), var(--g-sun));color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.g-lead{color:var(--g-sub);margin-top:16px;font-size:1.0625rem;font-weight:700}.g-body{color:var(--color-guide-body);margin-top:12px;font-size:1rem;line-height:1.85}.g-strong{color:var(--g-ink);font-weight:800}.g-small{color:var(--g-sub);margin-top:16px;font-size:.875rem}.g-pill,.g-chip,.g-tag{border:3px solid var(--g-ink);background:var(--g-paper);box-shadow:4px 4px 0 var(--g-ink);border-radius:999px;font-weight:900;line-height:1.4;display:inline-block}.g-pill{padding:6px 18px;font-size:.9375rem}.g-tag{background:var(--g-ink);color:var(--g-sun);box-shadow:none;padding:4px 16px;font-size:.875rem}.g-tag-light{border-color:var(--g-paper);background:var(--g-ink)}.g-chip{color:var(--g-ink);padding:8px 16px;font-size:.9375rem;text-decoration:none;transition:transform .15s}a.g-chip:hover{transform:translate(-2px,-2px)}.g-tilt-l{transform:rotate(-2deg)}.g-tilt-r{transform:rotate(2deg)}.g-pill-sun{background:var(--g-sun)}.g-center-pill{text-align:center;margin:32px auto 0;display:table}.g-card{border:4px solid var(--g-ink);background:var(--g-paper);box-shadow:8px 8px 0 var(--g-ink);border-radius:24px;padding:36px 20px 22px;position:relative}@media (width>=768px){.g-card{padding:40px 28px 26px}}.g-head{border:3px solid var(--g-ink);color:var(--g-paper);background:var(--g-ink);border-radius:999px;padding:2px 16px;font-size:.9375rem;font-weight:900;position:absolute;top:-18px;left:18px}.g-head-wp{background:var(--g-coral)}.g-head-ours{background:var(--g-teal)}.g-head-indigo{background:var(--g-indigo)}.g-head-coral{background:var(--g-coral)}.g-two{gap:36px 28px;margin-top:40px;display:grid}@media (width>=900px){.g-two{grid-template-columns:1fr 1fr}}.g-hero{padding:48px 0 64px}.g-talk{gap:20px;max-width:880px;margin-top:32px;display:grid}.g-say{align-items:flex-end;gap:12px;display:flex}.g-say-girl{flex-direction:row-reverse}.g-say-girl .g-bubble{margin-left:auto}.g-chara{flex:none;height:auto}.g-chara-girl{width:84px}.g-chara-mochi{width:96px}.g-chara-mochi-s{width:72px}@media (width>=768px){.g-chara-girl{width:120px}.g-chara-mochi{width:140px}.g-chara-mochi-s{width:88px}}.g-bubble{border:4px solid var(--g-ink);background:var(--g-paper);box-shadow:5px 5px 0 var(--g-ink);border-radius:20px;max-width:640px;padding:22px 18px 16px;font-size:.9875rem;font-weight:800;line-height:1.75;position:relative}.g-bubble-sun{background:var(--color-guide-sun-wash)}.g-name{background:var(--g-indigo);color:var(--g-paper);border-radius:999px;padding:1px 12px;font-size:.8125rem;font-weight:900;position:absolute;top:-14px;left:14px}.g-name-girl{background:var(--g-pink);color:var(--g-ink)}.g-toc ol{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.g-after{margin-top:40px}.g-flow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.g-box{border:3px solid var(--g-ink);background:var(--color-guide-lavender);white-space:nowrap;border-radius:14px;padding:6px 12px;font-size:.9375rem;font-weight:800}.g-box:not(:last-child):after{content:"→";margin-left:10px;margin-right:-4px;font-weight:900}.g-analogy{background:var(--color-guide-peach);margin-top:16px}.g-steps{gap:28px;margin-top:40px;display:grid}@media (width>=640px){.g-steps{grid-template-columns:1fr 1fr}}@media (width>=1024px){.g-steps{grid-template-columns:repeat(4,1fr)}}.g-step{text-align:center;padding-top:22px}.g-step-emoji{font-size:3rem;line-height:1.2;display:block}.g-diff{margin-top:64px;scroll-margin-top:80px}.g-diff-tag{font-size:.9375rem}.g-diff-lead{color:var(--g-paper);margin-top:12px;font-weight:700;line-height:1.8}.g-note{margin-top:28px}.g-note .g-bubble{background:var(--color-guide-sun-wash)}.g-table{margin-top:32px;padding:8px 0}.g-row{border-top:3px dashed var(--color-guide-dash);gap:6px;padding:16px 20px;line-height:1.7;display:grid}.g-row:first-child,.g-row-head+.g-row{border-top:none}.g-row-head{display:none}.g-row-title{font-size:1.0625rem;font-weight:900}.g-mini{color:var(--g-paper);border-radius:999px;margin-right:8px;padding:0 10px;font-size:.75rem;display:inline-block}.g-mini-wp{background:var(--g-coral)}.g-mini-ours{background:var(--g-teal)}@media (width>=900px){.g-row{grid-template-columns:1.1fr 1.5fr 1.5fr;align-items:center;gap:20px}.g-row-head{font-weight:900;display:grid}.g-th-wp{color:var(--g-coral)}.g-th-ours{color:var(--g-teal)}.g-mini{display:none}}.g-list{gap:10px;margin-top:8px;display:grid}.g-list li{gap:10px;font-weight:800;line-height:1.7;display:flex}.g-sum{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.g-ink .g-chip,.g-ink .g-bubble{box-shadow:4px 4px 0 var(--g-ink)}.g-consult{color:var(--g-paper);margin-top:40px;font-size:1.125rem;font-weight:900}.g-button{border:3px solid var(--g-paper);background:var(--g-sun);box-shadow:4px 4px 0 var(--g-ink);color:var(--g-ink);border-radius:999px;margin-top:16px;padding:10px 26px;font-weight:900;text-decoration:none;display:inline-block}.g-button:hover{transform:translate(-2px,-2px)}.g-video-lead{margin-bottom:20px}.g-chip-video{background:var(--g-paper)}.g-video{aspect-ratio:16/9;border:4px solid var(--g-ink);max-width:880px;box-shadow:8px 8px 0 var(--g-ink);background:var(--g-ink);border-radius:20px;overflow:hidden}.g-video iframe{width:100%;height:100%}.g-slides{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:880px;display:flex}@media (width>=768px){.g-slides{text-align:left;flex-direction:row}}.g-slides-chara{flex:none}.g-downloads{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}@media (width<=767px){.g-downloads{justify-content:center}}.g-download{border:3px solid var(--g-ink);background:var(--g-sun);box-shadow:4px 4px 0 var(--g-ink);color:var(--g-ink);border-radius:999px;padding:10px 22px;font-weight:900;text-decoration:none;display:inline-block}.g-download:hover{transform:translate(-2px,-2px)}.g-episodes{gap:28px;margin-top:32px;display:grid}@media (width>=768px){.g-episodes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.g-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}}.g-episode{height:100%;color:var(--g-ink);flex-direction:column;padding:16px 16px 22px;text-decoration:none;transition:transform .15s;display:flex}.g-episode:hover{transform:translate(-3px,-3px)}.g-episode-thumb{aspect-ratio:16/9;border:3px solid var(--g-ink);object-fit:cover;border-radius:14px;width:100%;height:auto}.g-episode-label{background:var(--g-sun);align-self:flex-start;margin-top:16px}.g-episode-more{color:var(--g-indigo);margin-top:auto;padding-top:14px;font-weight:900}.g-center{text-align:center;margin-top:36px}.g-closing-light{text-align:center}.g-back{color:inherit;text-decoration:none}.g-back:hover{text-decoration:underline}.g-h1-episode{font-size:clamp(1.75rem,5.2vw,3.25rem)}.g-takeaway{border:3px solid var(--g-ink);background:var(--g-paper);max-width:760px;box-shadow:5px 5px 0 var(--g-ink);color:var(--g-ink);text-align:center;border-radius:18px;margin:36px auto 0;padding:14px 20px;font-weight:800;line-height:1.7}.g-memo{border:3px solid var(--g-ink);background:var(--g-lavender);color:var(--g-ink);border-radius:16px;margin-top:20px;padding:12px 18px;font-weight:700;line-height:1.7}.g-faq{gap:24px;margin-top:32px;display:grid}@media (width>=900px){.g-faq{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.g-faq-item{padding-top:22px}.g-faq-q{color:var(--g-ink);font-size:1.125rem;font-weight:900;line-height:1.5}.g-faq-a{margin-top:10px}.g-faq-weak{border-left:6px solid var(--g-coral);padding-left:12px}.g-fig{border:4px solid var(--g-ink);background:var(--g-paper);box-shadow:6px 6px 0 var(--g-ink);border-radius:24px;margin:32px 0 0;padding:20px 16px 16px}.g-fig-row{align-items:stretch;gap:12px;display:grid}@media (width>=720px){.g-fig{padding:28px 28px 20px}.g-fig-row{grid-template-columns:1fr auto 1fr}}.g-fig-side{border:3px dashed var(--g-ink);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;display:flex}.g-fig-wp{background:color-mix(in srgb, var(--g-coral) 12%, var(--g-paper))}.g-fig-ours{background:color-mix(in srgb, var(--g-green) 16%, var(--g-paper))}.g-fig-label{border:3px solid var(--g-ink);color:var(--g-paper);border-radius:999px;padding:2px 14px;font-size:.875rem;font-weight:800}.g-fig-label-wp{background:var(--g-coral)}.g-fig-label-ours{background:var(--g-teal)}.g-fig-vs{border:3px solid var(--g-ink);background:var(--g-sun);border-radius:999px;place-self:center;padding:6px 10px;font-size:.875rem;font-weight:900}.g-fig-steps,.g-fig-flow{flex-direction:column;align-items:center;gap:22px;margin:0;padding:0;list-style:none;display:flex}.g-fig-steps li,.g-fig-flow li{border:3px solid var(--g-ink);background:var(--g-paper);border-radius:12px;padding:6px 12px;font-size:.9375rem;font-weight:700;position:relative}.g-fig-steps li+li:before,.g-fig-flow li+li:before{content:"↓";font-weight:900;position:absolute;top:-22px;left:50%;translate:-50%}.g-fig-loop,.g-fig-house,.g-fig-shield,.g-fig-pages,.g-fig-path,.g-fig-stack{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.g-fig-spin,.g-fig-thief,.g-fig-shield-icon{font-size:2.25rem;line-height:1;display:inline-block}.g-fig-doors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.g-fig-door{border:3px solid var(--g-ink);background:var(--g-sun);border-radius:10px 10px 4px 4px;padding:8px 10px;font-size:.875rem;font-weight:700}.g-fig-door-none{background:var(--g-paper);color:var(--g-sub);border-style:dashed}.g-fig-sheets{gap:4px;font-size:2rem;line-height:1;display:flex}.g-fig-sheets span{display:inline-block}.g-fig-block{border:3px solid var(--g-ink);background:var(--g-sky);border-radius:12px;width:100%;max-width:260px;padding:10px 12px;font-weight:800;display:block}.g-fig-block-sub{background:var(--g-pink)}.g-fig-block-ours{background:var(--g-green)}.g-fig-note{color:var(--g-body);font-size:.875rem;font-weight:700}.g-fig-bar{border:3px solid var(--g-ink);background:var(--g-paper);border-radius:999px;width:100%;max-width:240px;height:14px;overflow:hidden}.g-fig-bar span{background:var(--g-coral);height:100%;display:block}.g-fig-bar-short span{background:var(--g-teal)}.g-fig-race{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.g-fig-done{font-size:.9375rem;font-weight:800}.g-fig-sub{font-size:1.0625rem;font-weight:900}.g-fig-lanes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 10px;display:grid}.g-fig-lanes .g-fig-sub{grid-column:1/-1;justify-self:center}.g-fig-lane{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.g-fig-lane-title{color:var(--g-body);font-size:.8125rem;font-weight:800}.g-fig-flow-s li{padding:6px 8px;font-size:.8125rem}.g-fig-block-call{background:var(--g-paper);border-style:dashed}.g-fig-cap{text-align:center;color:var(--g-ink);margin-top:14px;font-weight:700}@media (prefers-reduced-motion:no-preference){.g-motion .g-hero .g-pill{animation:.7s cubic-bezier(.34,1.56,.64,1) both g-drop}.g-motion .g-hero .g-h1{animation:.8s cubic-bezier(.2,.8,.2,1) .1s both g-rise}.g-motion .g-hero .g-lead{animation:.8s cubic-bezier(.2,.8,.2,1) .25s both g-rise}.g-motion .g-hero .g-say{animation:.6s cubic-bezier(.34,1.56,.64,1) .45s both g-pop}.g-motion .g-hero .g-say+.g-say{animation-delay:.8s}.g-motion .g-hero .g-chip{animation:.5s cubic-bezier(.34,1.56,.64,1) both g-pop;animation-delay:calc(1s + var(--g-i,0) * 70ms)}.g-motion .g-reveal{opacity:0;transition:opacity .6s,translate .7s cubic-bezier(.2,.8,.2,1),scale .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--g-i,0) * 90ms);translate:0 28px;scale:.97}.g-motion .g-say.g-reveal{transition-timing-function:ease,cubic-bezier(.34,1.56,.64,1),cubic-bezier(.34,1.56,.64,1);translate:0;scale:.8}.g-motion .g-reveal.is-in{opacity:1;translate:0;scale:1}.g-motion .g-pill.g-reveal.is-in{animation:.6s .35s g-wiggle}.g-motion .g-step.g-reveal.is-in .g-step-emoji{animation:.9s .2s g-hop}.g-motion .g-fig.is-in .g-fig-spin{animation:2.4s linear infinite g-spin}.g-motion .g-fig.is-in .g-fig-thief{animation:2.4s ease-in-out infinite g-sneak}.g-motion .g-fig.is-in .g-fig-shield-icon{animation:1.8s ease-in-out infinite g-pulse}.g-motion .g-fig.is-in .g-fig-sheets span{animation:2.4s ease-in-out infinite g-hop}.g-motion .g-fig.is-in .g-fig-sheets span:nth-child(2){animation-delay:.2s}.g-motion .g-fig.is-in .g-fig-sheets span:nth-child(3){animation-delay:.4s}.g-motion .g-fig.is-in .g-fig-wait{animation:1.6s linear infinite g-spin;display:inline-block}.g-motion .g-fig .g-fig-bar span{transform-origin:0;scale:0 1}.g-motion .g-fig.is-in .g-fig-bar-long span{animation:4s linear infinite g-fill-long}.g-motion .g-fig.is-in .g-fig-bar-short span{animation:4s ease-out infinite g-fill-short}.g-motion .g-fig.is-in .g-fig-done-long{animation:4s linear infinite g-done-long}.g-motion .g-fig.is-in .g-fig-done-short{animation:4s linear infinite g-done-short}.g-motion .g-fig .g-fig-flow li,.g-motion .g-fig .g-fig-steps li,.g-motion .g-fig .g-fig-block{opacity:0;transition:opacity .45s,translate .45s cubic-bezier(.34,1.56,.64,1);translate:0 12px}.g-motion .g-fig.is-in .g-fig-flow li,.g-motion .g-fig.is-in .g-fig-steps li,.g-motion .g-fig.is-in .g-fig-block{opacity:1;translate:0}.g-motion .g-fig.is-in li:nth-child(2){transition-delay:.35s}.g-motion .g-fig.is-in li:nth-child(3){transition-delay:.7s}.g-motion .g-fig.is-in .g-fig-block+.g-fig-block{transition-delay:.35s}.g-motion .g-fig .g-fig-vs{transition:scale .5s cubic-bezier(.34,1.56,.64,1) .3s;scale:0}.g-motion .g-fig.is-in .g-fig-vs{scale:1}.g-motion .g-chara{animation:3.4s ease-in-out infinite g-float}.g-motion .g-chara-mochi,.g-motion .g-chara-mochi-s{transform-origin:50% 100%;animation:2.6s ease-in-out infinite g-hop}.g-grad{background-image:linear-gradient(90deg, var(--g-coral), var(--g-sun), var(--g-coral));background-size:200% 100%;animation:5s linear infinite g-shine}.g-motion .g-button{animation:2.2s ease-in-out infinite g-pulse}.g-card,.g-episode{transition:translate .2s}.g-motion .g-card.is-in:hover,.g-episode:hover{translate:0 -6px}.g-chip:hover{animation:.5s g-wiggle}@keyframes g-rise{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0}}@keyframes g-drop{0%{opacity:0;translate:0 -24px}to{opacity:1;translate:0}}@keyframes g-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes g-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes g-hop{0%,to{translate:0;scale:1}40%{translate:0 -14px;scale:.96 1.04}55%{translate:0;scale:1.06 .94}70%{scale:1}}@keyframes g-shine{0%{background-position:0%}to{background-position:200%}}@keyframes g-pulse{0%,to{scale:1}50%{scale:1.05}}@keyframes g-spin{to{rotate:360deg}}@keyframes g-sneak{0%,to{translate:-10px}50%{translate:10px}}@keyframes g-fill-long{0%{scale:0 1}70%,to{scale:1}}@keyframes g-fill-short{0%{scale:0 1}15%,to{scale:1}}@keyframes g-done-long{0%,69%{opacity:0}72%,to{opacity:1}}@keyframes g-done-short{0%,14%{opacity:0}17%,to{opacity:1}}@keyframes g-wiggle{0%,to{rotate:0deg}25%{rotate:-4deg}75%{rotate:4deg}}}
