@page{size:A4 landscape;margin:0}html,body{margin:0;min-width:297mm;background:#ededed;color:#222;font-family:Yu Gothic,Meiryo,sans-serif}.katakana-app{min-height:100vh}.katakana-controls{width:min(1100px,calc(100% - 32px));margin:16px auto;padding:12px 16px;box-sizing:border-box;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 2px 10px #0000001a}.katakana-actions{display:flex;gap:10px}.katakana-controls button{border:0;border-radius:6px;padding:10px 16px;background:#7c3aed;color:#fff;font:inherit;font-weight:700;cursor:pointer}.katakana-controls .katakana-back{background:#64748b}.katakana-sheet{width:297mm;height:210mm;margin:18px auto;padding:10mm 11mm 7mm;box-sizing:border-box;overflow:hidden;background:#fff;box-shadow:0 2px 14px #00000024}.katakana-heading{height:20mm;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;margin-bottom:4mm}.katakana-heading h1{margin:0;font-size:20pt;font-weight:700;letter-spacing:.14em;text-align:center}.katakana-heading p{margin:1.5mm 0 0;font-size:9.5pt;text-align:center}.katakana-name-field,.katakana-date-field{padding-bottom:1mm;font-size:10pt}.katakana-name-field span{display:inline-block;width:45mm;margin-left:2mm;border-bottom:1px solid #333}.katakana-date-field{text-align:right}.katakana-grid,.katakana-free-practice{border-top:1.2px solid #222;border-left:1.2px solid #222}.katakana-row{display:grid;grid-template-columns:repeat(10,1fr)}.katakana-cell{position:relative;aspect-ratio:1;border-right:1.2px solid #222;border-bottom:1.2px solid #222;box-sizing:border-box;overflow:hidden}.katakana-guide{position:absolute;z-index:0;opacity:.65}.guide-horizontal{top:50%;left:0;width:100%;border-top:1px dashed #aaa}.guide-vertical{top:0;left:50%;height:100%;border-left:1px dashed #aaa}.katakana-model{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.katakana-model-text{fill:none;stroke:#d8d8d8;stroke-width:.9;stroke-dasharray:1.1 1.9;stroke-linecap:round;stroke-linejoin:round;font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,Hiragino Mincho Pro,MS PMincho,serif;font-size:86px;font-weight:100}.katakana-free-practice{position:relative;margin-top:3mm}.katakana-free-label{position:absolute;right:1mm;top:-5mm;padding-left:2mm;background:#fff;font-size:8.5pt}.katakana-footer{margin-top:2.5mm;color:#777;font-size:8pt;letter-spacing:.18em;text-align:center}@media print{html,body{width:297mm;min-width:297mm;height:210mm;background:#fff}.no-print{display:none!important}.katakana-sheet{margin:0;box-shadow:none;break-after:page;page-break-after:always}.katakana-sheet:last-child{break-after:avoid;page-break-after:avoid}}