.anchor{display:block;position:relative;top:-84px;visibility:hidden}.section_title{text-align:center;font-family:"Baloo 2",sans-serif;font-size:clamp(1.3rem,4vw,1.8rem);color:var(--ink);margin-bottom:1.4rem}.page{width:min(1120px,92vw);margin:0 auto;padding:clamp(1rem,3vw,2rem) 0 3rem;scroll-margin-top:84px}.vlist,.faq{scroll-margin-top:84px}.hero{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.kicker{display:inline-block;background:#fff;color:#ff5d8f;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;padding:.45rem 1rem;border-radius:999px;box-shadow:var(--shadow-soft)}h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1.05;margin:.8rem 0 .6rem;color:var(--ink);letter-spacing:.5px}.subtitle{max-width:40ch;margin:0 auto;font-size:clamp(1rem,2.4vw,1.25rem);color:#5a5170;font-weight:600}.toggle{display:inline-flex;gap:.4rem;margin:1.8rem auto .7rem;padding:.4rem;background:#fff;border-radius:999px;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center}.toggle__btn{border:none;cursor:pointer;background:transparent;color:#6a6280;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:700;padding:.75rem 1.4rem;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;transition:transform .18s ease,background .18s ease,color .18s ease}.toggle__emoji{font-size:1.2rem}.toggle__btn:hover{transform:translateY(-2px)}.toggle__btn.is-active{background:linear-gradient(135deg,#ff8fb1,#ff5d8f);color:#fff;box-shadow:0 10px 22px #ff5d8f66}.toggle__btn:nth-child(2).is-active{background:linear-gradient(135deg,#6fc3ff,#3a86ff);box-shadow:0 10px 22px #3a86ff66}.mode_hint{color:#6a6280;font-weight:700;font-size:1.02rem}.daily_badge{display:inline-block;margin-top:.7rem;background:#fff;color:#2ec4b6;font-weight:800;font-size:.9rem;padding:.4rem 1rem;border-radius:999px;box-shadow:var(--shadow-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:clamp(.8rem,2.2vw,1.5rem);margin-bottom:3rem}.card{background:var(--card);border-radius:28px;padding:1.5rem 1.4rem 1.7rem;box-shadow:var(--shadow);border:3px solid var(--accent-soft);display:flex;flex-direction:column;align-items:center;text-align:center;animation:pop .5s cubic-bezier(.18,.89,.32,1.28) both}@keyframes pop{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.card__letter{width:118px;height:118px;border-radius:50%;border:none;cursor:pointer;background:var(--accent-soft);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;box-shadow:inset 0 0 0 5px #fff,0 12px 22px #2b244029;transition:transform .2s ease}.card__letter:hover{transform:scale(1.05) rotate(-2deg)}.card__char{font-family:"Baloo 2",sans-serif;font-size:3.6rem;font-weight:800;line-height:1}.card__say{font-size:.95rem;font-weight:800;letter-spacing:.05em;opacity:.85}.card.is-playing,.card__letter.is-playing,.chip.is-playing{animation:wiggle .45s ease}.is-playing{animation:wiggle .45s ease!important}@keyframes wiggle{0%,to{transform:scale(1)}30%{transform:scale(1.12) rotate(3deg)}60%{transform:scale(1.05) rotate(-3deg)}}.card__label{font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;color:var(--accent);margin-top:1rem}.card__cue{color:#5a5170;font-weight:600;font-size:.98rem;margin:.35rem 0 1rem;min-height:2.6em}.card__listen{border:none;cursor:pointer;background:var(--accent);color:#fff;font-weight:800;font-size:1rem;padding:.65rem 1.2rem;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 8px 16px #2b24402e;transition:transform .18s ease,filter .18s ease}.card__listen:hover{transform:translateY(-2px);filter:brightness(1.05)}.card__words{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.2rem}.chip{border:2px solid var(--accent-soft);background:#fff;cursor:pointer;border-radius:16px;padding:.55rem .7rem .45rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:transform .18s ease,border-color .18s ease}.chip:hover{transform:translateY(-3px);border-color:var(--accent)}.chip__emoji{font-size:1.7rem;line-height:1}.chip__word{font-weight:800;color:var(--ink);font-size:.92rem}.howto{background:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,2.4rem);box-shadow:var(--shadow);margin-bottom:2rem}.howto h2{font-size:clamp(1.4rem,4vw,1.9rem);text-align:center;margin-bottom:1.4rem;color:var(--ink)}.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.steps li{background:var(--paper);border-radius:18px;padding:1.1rem 1.2rem;font-weight:600;color:#5a5170;display:flex;gap:.75rem;align-items:flex-start}.steps__num{flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffb13c,#ff9f1c);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;display:grid;place-items:center}.vlist{background:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,2.4rem);box-shadow:var(--shadow);margin-bottom:2rem}.vlist h2{font-size:clamp(1.4rem,4vw,1.9rem);text-align:center;color:var(--ink)}.vlist__intro{text-align:center;color:#5a5170;font-weight:600;max-width:52ch;margin:.6rem auto 1.4rem}.vlist__wrap{overflow-x:auto}.vlist table{width:100%;border-collapse:separate;border-spacing:0 .6rem;min-width:460px}.vlist th{text-align:left;font-family:"Baloo 2",sans-serif;font-size:1.02rem;color:#6a6280;padding:0 1rem .4rem}.vlist td{background:var(--paper);padding:.85rem 1rem;font-weight:700;color:#5a5170;vertical-align:middle}.vlist td:first-child{border-radius:16px 0 0 16px;text-align:center}.vlist td:last-child{border-radius:0 16px 16px 0}.vlist__letter{font-family:"Baloo 2",sans-serif;font-size:2rem;font-weight:800}.vlist__sound{display:inline-block;background:#fff;border:2px solid #ffe0ec;color:var(--ink);font-weight:800;padding:.15rem .6rem;border-radius:10px;margin-right:.2rem}.faq{background:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,2.4rem);box-shadow:var(--shadow);margin-bottom:2rem}.faq h2{font-size:clamp(1.4rem,4vw,1.9rem);text-align:center;margin-bottom:1.4rem;color:var(--ink)}.faq__item{border:2px solid #f0ecf6;border-radius:18px;padding:.2rem 1.2rem;margin-bottom:.8rem;transition:border-color .18s ease,background .18s ease}.faq__item[open]{border-color:#ffd0e0;background:#fff8fb}.faq__item summary{cursor:pointer;list-style:none;font-family:"Baloo 2",sans-serif;font-size:1.12rem;font-weight:700;color:var(--ink);padding:.9rem 0;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";font-size:1.6rem;color:#ff5d8f;line-height:1;flex:none;transition:transform .2s ease}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{color:#5a5170;font-weight:600;line-height:1.55;padding:0 0 1rem;margin:0}@media (max-width: 620px){.vlist__wrap{overflow-x:visible}.vlist table{min-width:0;border-spacing:0}.vlist thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vlist table,.vlist tbody,.vlist tr,.vlist td{display:block;width:100%}.vlist tr{background:var(--paper);border-radius:18px;padding:.6rem 1.1rem .9rem;margin-bottom:.9rem}.vlist td{background:transparent;border-radius:0;padding:.4rem 0}.vlist td:first-child,.vlist td:last-child{border-radius:0}.vlist td[data-label]:before{content:attr(data-label);display:block;font-family:"Baloo 2",sans-serif;color:#9b5de5;font-size:.82rem;font-weight:800;margin-bottom:.15rem}.vlist__vowelcell{text-align:left}}@media (max-width: 420px){.toggle{width:100%}.toggle__btn{flex:1;justify-content:center}}