.japanese-tool{display:grid;gap:30px;min-width:0}.japanese-tool-intro{display:flex;justify-content:space-between;gap:24px;min-width:0;padding:clamp(22px,4vw,38px);border:1px solid #d9e1f2;border-radius:28px;background:radial-gradient(circle at 90% 12%,#fecdd3,transparent 30%),linear-gradient(135deg,#fff7ed,#f8fafc)}.japanese-tool-intro>div:first-child{min-width:0}.japanese-tool-intro p{margin:0 0 9px;color:#be123c;font-size:12px;font-weight:900;letter-spacing:.14em}.japanese-tool-intro h2{max-width:680px;margin:0;overflow-wrap:anywhere;color:#0f172a;font-size:clamp(24px,4vw,39px);line-height:1.15}.japanese-tool-intro span{display:block;max-width:690px;margin-top:13px;color:#475569;line-height:1.7}.japanese-tool-sample{align-self:center;flex:0 0 auto;min-width:138px;padding:18px;border-radius:22px;background:#172554;color:#fff;text-align:center;font-size:32px;line-height:1.25;letter-spacing:.16em;box-shadow:0 14px 30px rgba(15,23,42,.16)}.japanese-kana-section{min-width:0;padding-top:2px}.japanese-section-head{margin-bottom:14px}.japanese-section-head h2{margin:0;overflow-wrap:anywhere;color:#0f172a;font-size:clamp(22px,3vw,29px)}.japanese-section-head p{margin:7px 0 0;color:#64748b;line-height:1.65}.japanese-kana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.japanese-kana-card{display:grid;min-width:0;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dbe4ee;border-radius:17px;background:#fff;box-shadow:0 5px 15px rgba(15,23,42,.035)}.japanese-kana-card>span{grid-column:1/-1;padding:8px 12px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;text-align:center}.japanese-kana-card button,.japanese-symbol-grid button,.japanese-table-wrap button{border:0;background:transparent;cursor:pointer}.japanese-kana-card button{min-height:50px;color:#0f172a;font-size:25px}.japanese-kana-card button+button{border-left:1px solid #e2e8f0}.japanese-kana-card button:hover,.japanese-symbol-grid button:hover,.japanese-table-wrap button:hover{background:#fff1f2;color:#be123c}.japanese-symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:10px}.japanese-symbol-grid button{min-height:62px;border:1px solid #dbe4ee;border-radius:17px;background:#fff;color:#0f172a;font-size:25px}.japanese-comparison{min-width:0;padding:clamp(20px,4vw,32px);border:1px solid #dbe4ee;border-radius:24px;background:#fff}.japanese-table-wrap{max-width:100%;overflow-x:auto}.japanese-table-wrap table{width:100%;border-collapse:collapse;margin-top:16px;table-layout:fixed}.japanese-table-wrap td,.japanese-table-wrap th{padding:12px;overflow-wrap:anywhere;border-bottom:1px solid #e2e8f0;text-align:left}.japanese-table-wrap th{color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.japanese-table-wrap button{min-width:45px;border-radius:10px;color:#0f172a;font-size:22px}.japanese-toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:calc(100vw - 28px);transform:translateX(-50%);padding:13px 20px;border-radius:999px;background:#172554;color:#fff;font-weight:800;box-shadow:0 16px 36px rgba(15,23,42,.25)}@media(max-width:640px){.japanese-tool{gap:24px}.japanese-tool-intro{flex-direction:column;padding:20px;border-radius:22px}.japanese-tool-sample{align-self:stretch;min-width:0}.japanese-kana-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.japanese-symbol-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.japanese-symbol-grid button{min-height:54px}.japanese-comparison{padding:18px 12px;border-radius:18px}.japanese-table-wrap table{font-size:12px}.japanese-table-wrap td,.japanese-table-wrap th{padding:8px 5px;word-break:break-word}.japanese-table-wrap th:first-child,.japanese-table-wrap th:nth-child(2){width:27%}.japanese-table-wrap th:nth-child(3),.japanese-table-wrap th:nth-child(4){width:23%}.japanese-table-wrap button{min-width:34px;font-size:20px}.japanese-kana-card button{min-height:46px;font-size:22px}.japanese-toast{bottom:16px;text-align:center}}.japanese-tool-intro{position:relative}.japanese-tool-side{display:grid;flex:0 0 auto;gap:0;justify-items:end}.japanese-tool-side .japanese-tool-sample{margin-left:0}.japanese-live-copy-count{position:absolute;right:clamp(18px,3vw,28px);bottom:4px;margin:0;color:#365477;font-size:13px;font-weight:800;line-height:1.4;text-align:right;transition:transform .18s ease,color .18s ease}.japanese-tool-intro .japanese-live-copy-count{margin:0}.japanese-live-copy-count strong{color:#0f766e;font-size:18px;font-weight:900}.japanese-live-copy-count.is-loading{visibility:hidden}.japanese-live-copy-count.is-pulsing{color:#0f766e;animation:japanese-copy-count-pulse .7s ease}@keyframes japanese-copy-count-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.05)}}@media (max-width:640px){.japanese-tool-side{width:100%;justify-items:center}.japanese-tool-side .japanese-tool-sample{width:min(100%,230px)}.japanese-tool-intro .japanese-live-copy-count{position:static;margin:48px 0 0;text-align:center}}