.tool-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#182451 0%,#384fbd 54%,#7367de 100%);color:#fff}.tool-hero:after{content:"";position:absolute;width:240px;height:240px;right:-64px;top:-95px;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.07),0 0 0 64px rgba(255,255,255,.05)}.tool-hero>*{position:relative;z-index:1}.tool-hero .muted{color:#e3e9ff}.tool-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c7d2fe}.tool-eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:#a7f3d0;box-shadow:0 0 0 5px rgba(167,243,208,.16)}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tool-print{border:0;border-radius:10px;padding:11px 16px;background:#fff;color:#263a9e;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.18)}.tool-print:hover{background:#eaf0ff}.tool-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.tool-stat{padding:15px;border-radius:12px;border:1px solid #dbe4ff;background:linear-gradient(145deg,#fff,#f7f9ff)}.tool-stat strong{display:block;font-size:26px;color:#314abb}.tool-stat span{color:var(--muted);font-size:13px;font-weight:700}.tool-callout{padding:15px 16px;border-radius:12px;background:#f5f7ff;border:1px solid #d9e2ff;color:#34415f}.checklist-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px}.checklist-progress{font-weight:800;color:#314abb}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}.checklist-item{display:grid;grid-template-columns:22px 40px 1fr;align-items:center;gap:8px;min-height:62px;padding:10px;border:1px solid #dfe6ff;border-radius:12px;background:#fff;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.checklist-item:hover{transform:translateY(-1px);border-color:#9bb1ff}.checklist-item:has(input:checked){background:#f0fdf4;border-color:#86efac}.checklist-item input{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.kanji-glyph{font-size:30px;font-weight:800;line-height:1;text-align:center}.checklist-item small{display:block;color:var(--muted);margin-top:2px}.tool-filter{width:min(100%,280px);padding:10px 12px;border:1px solid #cfd9fc;border-radius:10px;font:inherit}.stroke-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.stroke-nav a{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#29419a;text-decoration:none;font-size:13px;font-weight:800}.stroke-section{scroll-margin-top:70px;margin-top:20px}.stroke-section h3{display:flex;align-items:center;gap:8px}.stroke-badge{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#344ed7;color:#fff;font-size:14px}.stroke-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px}.stroke-item{padding:10px;border:1px solid #e1e7ff;border-radius:10px;background:#fbfcff;text-align:center}.stroke-item b{display:block;font-size:29px;line-height:1.05}.stroke-item span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.worksheet{background:#fff;border:1px solid #ced7ef;border-radius:12px;padding:16px}.worksheet-head{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #17224a;padding-bottom:10px;margin-bottom:8px}.worksheet-head h2{font-size:22px;margin:0}.worksheet-head p{margin:0;font-size:13px}.kana-sheet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.kana-cell{min-height:115px;border:1px solid #b7c2dc;border-radius:7px;padding:7px;background:linear-gradient(to bottom,transparent 49%,#dbe3f4 50%,transparent 51%),linear-gradient(to right,transparent 49%,#dbe3f4 50%,transparent 51%);background-size:100% 100%,100% 100%;position:relative}.kana-cell .kana-reference{display:block;font-size:36px;line-height:1;color:#17224a;text-align:center}.kana-cell .kana-trace{display:block;text-align:center;font-size:29px;line-height:1.35;letter-spacing:2px;color:#c7cedc}.kana-cell small{position:absolute;bottom:5px;left:7px;color:#50617f;font-size:11px}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.rule-card{position:relative;padding:18px 16px 16px;border:1px solid #dce4ff;border-radius:14px;background:linear-gradient(150deg,#fff,#f6f8ff)}.rule-number{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;border-radius:10px;background:#344ed7;color:#fff;font-weight:900}.rule-example{margin-top:12px;padding:11px;border-radius:10px;background:#e9edff;color:#162456;font-size:15px}.rule-example .jp{font-size:29px;font-weight:800;margin-right:7px}.mistake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.mistake-card{padding:14px;border-left:4px solid #f59e0b;background:#fffbeb;border-radius:0 12px 12px 0}.mistake-card strong{display:block;margin-bottom:4px}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.compare-card{padding:16px;border:1px solid #dce4ff;border-radius:14px;background:#fff}.compare-characters{display:flex;align-items:center;gap:13px;margin:8px 0 12px}.compare-characters b{display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#eef2ff;color:#263eab;font-size:39px}.compare-characters em{font-style:normal;color:#667085;font-weight:800}.look-for{margin:0;padding:10px;border-radius:10px;background:#f8faff;color:#384867;font-size:14px}.quiz-shell{max-width:700px;margin:auto}.quiz-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:#43527b}.quiz-progress{height:9px;overflow:hidden;margin:12px 0 22px;border-radius:999px;background:#e5eaff}.quiz-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#365df5,#8b5cf6);transition:width .2s ease}.quiz-question{padding:28px 16px;text-align:center;border-radius:16px;background:linear-gradient(135deg,#f1f4ff,#fff)}.quiz-question .quiz-kanji{font-size:76px;font-weight:800;line-height:1;color:#17286e}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.quiz-option{padding:13px;border:1px solid #cad5ff;border-radius:12px;background:#fff;color:#263656;font:inherit;font-weight:700;cursor:pointer}.quiz-option:hover:not(:disabled){border-color:#526df5;background:#f3f5ff}.quiz-option.correct{border-color:#22c55e;background:#f0fdf4}.quiz-option.wrong{border-color:#ef4444;background:#fef2f2}.quiz-feedback{min-height:28px;margin:14px 0 0;text-align:center;font-weight:800}.quiz-result{text-align:center;padding:22px}.quiz-result strong{display:block;font-size:52px;color:#3048c5}.quiz-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.no-print{display:block}@media print{body{background:#fff;color:#000}.topbar,.no-print,.tool-actions,footer{display:none!important}.site-shell{width:100%;margin:0}.card{box-shadow:none;border:0;padding:0;margin:0 0 14px}.tool-hero{background:#fff!important;color:#000!important}.tool-hero .muted,.tool-eyebrow{color:#000!important}.tool-hero:after{display:none}.checklist-grid{grid-template-columns:repeat(3,1fr);gap:4px}.checklist-item{min-height:42px;padding:5px;border-color:#777;break-inside:avoid}.kanji-glyph{font-size:20px}.worksheet{border:0;padding:0;page-break-inside:avoid}.kana-sheet{gap:4px}.kana-cell{min-height:94px;border-color:#555}.stroke-section{page-break-inside:avoid}.stroke-list{grid-template-columns:repeat(6,1fr);gap:4px}.stroke-item{padding:5px;border-color:#777}.stroke-item b{font-size:20px}.tool-stat-grid{display:none}}@media (max-width:600px){.tool-stat-grid{grid-template-columns:1fr}.kana-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-options{grid-template-columns:1fr}.worksheet-head{display:block}.checklist-grid{grid-template-columns:1fr}.kana-cell{min-height:102px}}