:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#17343a;background:#f6fbfb;font-size:16px}*{box-sizing:border-box}body{margin:0;line-height:1.75}header,main,footer{width:min(900px,calc(100% - 32px));margin:auto}header,footer{padding:24px 0}a{color:#096773;text-underline-offset:4px}h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.3;margin:8px 0 16px}h2{font-size:1.3rem}.eyebrow{font-weight:700;color:#096773}.controls,.notes{padding:clamp(18px,4vw,32px);background:white;border:1px solid #d7e7e9;border-radius:16px;margin-bottom:24px}label{display:block;font-weight:700;margin-top:12px}input[type=text],select,button{font:inherit;min-height:48px;width:100%;border-radius:8px;padding:10px 12px}input[type=text],select{border:1px solid #83999d;background:#fff;color:inherit}.options,.buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:10px;align-items:center}.check input{width:22px;height:22px}button{cursor:pointer;border:0;background:#096773;color:white;font-weight:700}.secondary{background:#e6eff0;color:#17343a}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #b94c13;outline-offset:3px}.hint{font-size:.9rem;color:#4f6569}#error{color:#a12626}#error:empty{display:none}.privacy{font-size:.95rem}.preview-controls{margin:24px 0}.preview-controls button{width:auto}#preview{width:100%;overflow:hidden;margin-bottom:24px}#sheet{width:210mm;padding:12mm 15mm;background:#fff;color:#000;transform-origin:top left;line-height:1.3}#sheet h2{font-size:18pt;margin:0 0 4mm}#sheet-help{font-size:10pt;margin:0 0 6mm}#rows{display:flex;flex-direction:column;gap:2mm;--cell:16mm}#rows.vertical{flex-direction:row-reverse;justify-content:flex-start}.practice-row{display:flex;gap:0}.vertical .practice-row{flex-direction:column}.cell{display:flex;align-items:center;justify-content:center;flex:none;width:var(--cell);height:var(--cell);border:.5pt solid #999;font-family:"UD Digi Kyokasho N-R","YuKyokasho","Hiragino Mincho ProN",serif;font-size:calc(var(--cell)*.78);line-height:1;white-space:pre}.no-grid .cell{border-color:transparent}.trace{color:#c7c7c7}.vertical .cell span{writing-mode:vertical-rl;text-orientation:upright}.sheet-footer{font-size:8pt;margin:6mm 0 0}.notes{margin-top:24px}[hidden]{display:none!important}@media(max-width:420px){.options,.buttons{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:0}
@media print{html,body{background:#fff;margin:0;padding:0}body>header,body>footer,.controls,.notes,.preview-controls,.ad-space,noscript{display:none!important}main{width:210mm;margin:0}#result{margin:0}#preview{width:210mm;height:auto!important;overflow:visible;margin:0}#sheet{transform:none!important;width:210mm;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}#sheet h2{font-size:18pt}.cell{print-color-adjust:exact;-webkit-print-color-adjust:exact}}