.stroke-box{background:var(--white);border:1.5px solid #e3eaf6;border-radius:10px;aspect-ratio:1}.stroke-box svg{width:100%;height:100%}.stroke-box .stroke-ghost path{fill:none;stroke:#dfe6f0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stroke-box .stroke-anim path{fill:none;stroke:var(--text);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:strokeDraw .5s ease forwards;animation-delay:calc(var(--i) * .35s)}@keyframes strokeDraw{to{stroke-dashoffset:0}}.stroke-replay{font-family:inherit;font-size:.72rem;font-weight:700;color:var(--pop-blue);background:var(--white);border:1.5px solid var(--pop-blue);border-radius:30px;padding:.2rem .7rem;cursor:pointer}html body{background:#f5f7fa}.tool[data-astro-cid-n64dojpq]{max-width:780px;margin:0 auto;padding:2rem 1.25rem 4rem}.crumbs[data-astro-cid-n64dojpq]{font-size:.8rem;color:var(--text-muted);margin-bottom:1.25rem}.crumbs[data-astro-cid-n64dojpq] a[data-astro-cid-n64dojpq]{color:var(--pop-blue);text-decoration:none}.crumbs[data-astro-cid-n64dojpq] span[data-astro-cid-n64dojpq]{margin:0 .15rem}h1[data-astro-cid-n64dojpq]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:2rem;font-weight:800;color:var(--text);margin-bottom:.5rem}.tool-sub[data-astro-cid-n64dojpq]{color:var(--text-muted);line-height:1.6;margin-bottom:1.75rem}.converter[data-astro-cid-n64dojpq]{background:var(--white);border:2.5px dashed var(--text-muted);border-radius:10px;padding:1.5rem;box-shadow:5px 5px #00000014;margin-bottom:1.75rem}.viewer[data-astro-cid-n64dojpq]{display:flex;align-items:center;gap:1.25rem}.viewer[data-astro-cid-n64dojpq] .stroke-box[data-astro-cid-n64dojpq]{width:140px;flex-shrink:0}.viewer-side[data-astro-cid-n64dojpq]{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.viewer-kana[data-astro-cid-n64dojpq]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:2.2rem;font-weight:800;color:var(--text);line-height:1}.viewer-romaji[data-astro-cid-n64dojpq]{font-size:1rem;font-weight:700;color:var(--pop-blue)}.conv-hint[data-astro-cid-n64dojpq]{font-size:.78rem;color:var(--text-muted);margin-top:.75rem}.kana-heading[data-astro-cid-n64dojpq]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.1rem;font-weight:800;color:var(--text);margin:1.5rem 0 .75rem}.kana-grid[data-astro-cid-n64dojpq]{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.kana-cell[data-astro-cid-n64dojpq]{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-family:inherit;background:var(--white);border:1.5px solid #e3eaf6;border-radius:8px;padding:.45rem .2rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.kana-cell[data-astro-cid-n64dojpq]:hover{border-color:var(--pop-blue);transform:translateY(-1px)}.kana-cell[data-astro-cid-n64dojpq].active{border-color:var(--pop-blue);background:#f0f6ff}.kc-kana[data-astro-cid-n64dojpq]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.35rem;font-weight:700;color:var(--text);line-height:1.15}.kc-romaji[data-astro-cid-n64dojpq]{font-size:.68rem;font-weight:700;color:var(--text-muted)}.tool-callout[data-astro-cid-n64dojpq]{display:flex;align-items:center;gap:1rem;background:var(--white);border:1.5px solid #e3eaf6;border-left:5px solid var(--pop-blue);border-radius:10px;padding:1rem 1.25rem;margin-bottom:2rem;box-shadow:0 4px 16px #007aff14}.tc-body[data-astro-cid-n64dojpq]{flex:1}.tc-body[data-astro-cid-n64dojpq] p[data-astro-cid-n64dojpq]{margin:0;font-size:.92rem;line-height:1.55;color:var(--text)}.tc-label[data-astro-cid-n64dojpq]{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pop-blue);margin-bottom:.25rem}.tc-btn[data-astro-cid-n64dojpq]{flex-shrink:0;background:var(--pop-blue);color:var(--white);text-decoration:none;font-weight:700;font-size:.82rem;padding:.5rem 1.1rem;border-radius:30px;transition:transform .2s ease}.tc-btn[data-astro-cid-n64dojpq]:hover{transform:translateY(-2px)}.tool[data-astro-cid-n64dojpq] a.tc-btn.secondary{background:var(--white);color:var(--pop-blue);border:2px solid var(--pop-blue);flex-shrink:0;text-decoration:none;font-weight:700;font-size:.82rem;padding:.5rem 1.1rem;border-radius:30px}@media(max-width:540px){.tool-callout[data-astro-cid-n64dojpq]{flex-direction:column;align-items:flex-start;flex-wrap:wrap}.viewer[data-astro-cid-n64dojpq]{gap:.9rem}.viewer[data-astro-cid-n64dojpq] .stroke-box[data-astro-cid-n64dojpq]{width:110px}}.tool-info[data-astro-cid-n64dojpq] h2[data-astro-cid-n64dojpq]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.25rem;font-weight:800;color:var(--text);margin:1.75rem 0 .6rem}.rules-wrap[data-astro-cid-n64dojpq]{overflow-x:auto}.rules-table[data-astro-cid-n64dojpq]{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--white);border-radius:10px;overflow:hidden}.rules-table[data-astro-cid-n64dojpq] td[data-astro-cid-n64dojpq]{padding:.5rem .75rem;border-bottom:1px solid #eef2f8;color:var(--text)}.rules-table[data-astro-cid-n64dojpq] td[data-astro-cid-n64dojpq]:first-child{font-weight:700;color:var(--pop-blue);white-space:nowrap}.tool-info[data-astro-cid-n64dojpq] p[data-astro-cid-n64dojpq],.tool-info[data-astro-cid-n64dojpq] li[data-astro-cid-n64dojpq]{color:var(--text);line-height:1.65;font-size:.95rem}.tool-info[data-astro-cid-n64dojpq] ul[data-astro-cid-n64dojpq]{padding-left:1.4rem;display:grid;gap:.5rem}.tool-info[data-astro-cid-n64dojpq] a{color:var(--pop-blue)}.fine[data-astro-cid-n64dojpq]{font-size:.78rem;color:var(--text-muted);margin-top:1rem}