#app.nz-page{max-width:1100px;margin:0 auto;padding:0 12px 16px}.nz-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nz-charnav{display:flex;align-items:center;gap:8px}.nz-navbtn{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:.95rem;cursor:pointer}.nz-pick{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;border:2px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:12px;padding:4px 14px 6px;cursor:pointer}.nz-pick-ch{font-size:1.9rem;line-height:1.1;font-weight:700}.nz-pick-note{font-size:.72rem;color:var(--ink-soft)}.nz-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.nz-model,.nz-practice{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.nz-panel-title{margin:0;font-size:.85rem;font-weight:600;color:var(--ink-soft);letter-spacing:.08em}.nz-svg-wrap,.nz-canvas-wrap{width:100%;max-width:52vh;aspect-ratio:1;margin:0 auto}.nz-svg-wrap{display:flex}#nz-svg,#nz-canvas{width:100%;height:100%;display:block}#nz-svg{background:#fffdf8}.nz-step{margin:0;text-align:center;font-size:1.05rem;font-weight:600;color:var(--ink);min-height:1.5em}.nz-step[data-end=hane],.nz-step[data-end=harai]{color:var(--accent)}.nz-hint{margin:0;text-align:center;font-size:.9rem;color:var(--ink-soft);min-height:1.5em}.nz-tools{display:flex;gap:8px}.nz-tool{flex:1;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:10px;padding:11px 8px;font-size:.95rem;font-weight:600;cursor:pointer}.nz-tool:disabled{opacity:.4;cursor:default}.nz-tool.primary-tool{background:var(--ink);border-color:var(--ink);color:#fff}.nz-tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.sg-grid line{stroke:var(--line);stroke-width:.6;stroke-dasharray:3 4}.sg-box{fill:none;stroke:var(--line-strong);stroke-width:1}.sg-stroke{fill:none;stroke:var(--ink);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}.sg-stroke.is-current{stroke:var(--accent);stroke-width:5}.sg-stroke.is-brush{fill:var(--ink);stroke:none}.sg-stroke.is-brush.is-current{fill:var(--accent);stroke:none}.sg-num{font-size:6.6px;font-weight:700;fill:var(--ink-soft);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#fffdf8;stroke-width:2.4;opacity:.55}.sg-num.is-current{font-size:10px;fill:var(--accent);opacity:1}.sg-num.is-hidden{display:none}.nz-picker{position:fixed;inset:0;z-index:50;background:#1f3a5f59;display:flex;align-items:center;justify-content:center;padding:16px}.nz-picker[hidden]{display:none}.nz-picker-panel{background:var(--card);border-radius:var(--radius);width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column}.nz-picker-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.nz-picker-bar .nz-tool{flex:0 0 auto}.nz-picker-title{font-weight:600}.nz-picker-body{overflow-y:auto;padding:8px 12px 16px;-webkit-overflow-scrolling:touch}.nz-picker-grade{margin:12px 0 6px;font-size:.85rem;color:var(--ink-soft)}.nz-cellgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.nz-cell{aspect-ratio:1;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;font-size:1.35rem;cursor:pointer}.nz-cell.is-selected{border-color:var(--ink);border-width:2px;background:#fff}.nz-cell.is-weak{border-color:var(--ng);box-shadow:inset 0 -3px 0 var(--ng)}.nz-cell.is-done{color:var(--ink-soft);box-shadow:inset 0 -3px 0 var(--ok)}@media(max-width:520px){.nz-body{grid-template-columns:1fr}.nz-svg-wrap,.nz-canvas-wrap{max-width:min(340px,38vh)}}@media(max-height:700px){.nz-svg-wrap,.nz-canvas-wrap{max-width:42vh}.nz-tool{padding:8px 6px}.nz-step,.nz-hint{min-height:1.2em}}