@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-ext-400-normal-VNDy5CZS.woff2) format("woff2"),url(/assets/andika-cyrillic-ext-400-normal-BJwze9_g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-400-normal-DYbdP60f.woff2) format("woff2"),url(/assets/andika-cyrillic-400-normal-CIdpN1kB.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-vietnamese-400-normal-afg23LQ3.woff2) format("woff2"),url(/assets/andika-vietnamese-400-normal-Bw99zChb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-ext-400-normal-D580Nkki.woff2) format("woff2"),url(/assets/andika-latin-ext-400-normal-NXfvB_tZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-cyrillic-ext-700-normal-DvCsrHON.woff2) format("woff2"),url(/assets/andika-cyrillic-ext-700-normal-BdIUMeTx.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-cyrillic-700-normal-D404ywHU.woff2) format("woff2"),url(/assets/andika-cyrillic-700-normal-Bzg0mZT8.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-vietnamese-700-normal-CS3rZngu.woff2) format("woff2"),url(/assets/andika-vietnamese-700-normal-CZOGxJjV.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-ext-700-normal-Ch3SGZaH.woff2) format("woff2"),url(/assets/andika-latin-ext-700-normal-DBt0PRsd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2) format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.grownup{margin-left:auto;align-self:center;flex:none;position:relative;isolation:isolate;overflow:hidden;background:transparent;color:var(--muted);border:2px solid var(--tile-border);border-radius:999px;padding:8px 16px;font-weight:800;font-size:.85rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.grownup .fill{position:absolute;inset:0;background:var(--tile-border);transform:scaleX(0);transform-origin:left;z-index:-1}.grownup span{position:relative}.grownup-modal{border:none;padding:0;background:transparent;width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;color:inherit}.grownup-modal::backdrop{background:#00000073}:root:has(.number-tracing){--paper:#EEF0E9;--surface:#FBFBF7;--ink:#262B33;--muted:#646D66;--soft:#DDE1D6;--rule:#4A78C2;--base:#D04A3C;--go:#2E9A58;--accent:#2F5FAF;--warn:#B8730F;--goSoft:#DCEFE2;--warnSoft:#F6E7CF;--accentSoft:#DFE7F5;--bg:var(--paper);--tile-border:var(--soft);--f-letter:"Andika","Comic Neue","Trebuchet MS",sans-serif;--f-ui:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):has(.number-tracing){--paper:#18201C;--surface:#212C26;--ink:#EEF1EA;--muted:#9BA89F;--soft:#2F3D35;--rule:#7FA6E6;--base:#F07F6F;--go:#5CCB8A;--accent:#8DB2F2;--warn:#E3A84A;--goSoft:#20402D;--warnSoft:#463517;--accentSoft:#24324A;color-scheme:dark}}:root[data-theme=dark]:has(.number-tracing){--paper:#18201C;--surface:#212C26;--ink:#EEF1EA;--muted:#9BA89F;--soft:#2F3D35;--rule:#7FA6E6;--base:#F07F6F;--go:#5CCB8A;--accent:#8DB2F2;--warn:#E3A84A;--goSoft:#20402D;--warnSoft:#463517;--accentSoft:#24324A;color-scheme:dark}:root:has(.number-tracing),:root:has(.number-tracing) body{overscroll-behavior:none}.number-tracing{height:100dvh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:16px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(.number-tracing) button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.number-tracing button:focus-visible,.number-tracing select:focus-visible,.number-tracing input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.number-tracing .app{height:100%;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;padding-block:12px;max-width:1100px;margin:0 auto;grid-template-areas:"head" "dots" "prompt" "slate" "ctrl"}.number-tracing header{grid-area:head;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.number-tracing .brand{display:flex;flex-direction:column;line-height:1.1;min-width:0}.number-tracing .brand span{font-size:19px;font-weight:700}.number-tracing .set-row{grid-area:dots;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.number-tracing .dot{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--soft);transition:background .2s,box-shadow .2s}.number-tracing .dot.done{background:var(--muted);box-shadow:none}.number-tracing .prompt{grid-area:prompt;display:flex;align-items:center;gap:14px;min-height:76px}.number-tracing .pic{width:76px;height:76px;flex:none;border-radius:18px;background:var(--surface);border:1px solid var(--soft);display:grid;place-items:center;font-size:56px}.number-tracing .pic{font-family:var(--f-letter);font-weight:700;color:var(--accent);line-height:1}.number-tracing .ptext strong b{font-size:1.25em;color:var(--accent)}.number-tracing .say{width:64px;height:64px;flex:none;border-radius:50%;border:none;background:var(--accent);color:var(--surface);display:grid;place-items:center}.number-tracing .say svg{width:30px;height:30px}.number-tracing .ptext{min-width:0;display:flex;flex-direction:column;gap:2px}.number-tracing .ptext small{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.number-tracing .ptext small.new{color:var(--go)}.number-tracing .ptext strong{font-size:22px;line-height:1.2;text-wrap:balance}.number-tracing .ptext strong em{font-style:normal;font-family:var(--f-letter);font-size:30px;color:var(--accent)}.number-tracing .slate{grid-area:slate;position:relative;min-height:0;background:var(--surface);border:1px solid var(--soft);border-radius:22px;overflow:hidden}.number-tracing .slate.good{box-shadow:0 0 0 4px var(--go) inset}.number-tracing .slate canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.number-tracing .toast{position:absolute;left:50%;top:14px;transform:translate(-50%);max-width:calc(100% - 28px);width:max-content;padding:10px 18px;border-radius:14px;font-size:20px;font-weight:700;line-height:1.3;text-align:center;text-wrap:balance;pointer-events:none}.number-tracing .toast.good{background:var(--goSoft);color:var(--go)}.number-tracing .toast.warn{background:var(--warnSoft);color:var(--ink)}.number-tracing .card,.number-tracing .set-done{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:var(--surface)}.number-tracing :is(.card,.set-done) h1{margin:0;font-size:30px;text-wrap:balance}.number-tracing :is(.card,.set-done) p{margin:0;color:var(--muted);max-width:34ch;line-height:1.45;font-size:17px}.number-tracing .card .row{font-family:var(--f-letter);font-size:64px;letter-spacing:.18em;line-height:1}.number-tracing .card .row span{color:var(--accent)}.number-tracing .set-done .primaryBtn{transition:opacity .4s}.number-tracing .set-done .primaryBtn:not(.ready){opacity:0}.number-tracing :is(.card,.set-done) .big{font-family:var(--f-letter);font-size:120px;line-height:1;color:var(--accent)}.number-tracing .controls{grid-area:ctrl;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}.number-tracing .controls button{min-height:60px;border-radius:16px;border:1px solid var(--soft);background:var(--surface);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.number-tracing .controls button svg{width:24px;height:24px;flex:none}.number-tracing .controls .primary{background:var(--go);border-color:var(--go);color:var(--surface)}.number-tracing .controls button:disabled{opacity:.4;cursor:default}.number-tracing .primaryBtn{min-height:60px;padding:0 34px;border-radius:16px;border:none;background:var(--go);color:var(--surface);font-size:20px;font-weight:700}.number-tracing .grownup-modal{width:min(900px,calc(100% - 32px))}.number-tracing .pin{background:var(--paper);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:22px;-webkit-user-select:text;user-select:text}.number-tracing .phead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.number-tracing .phead h2{margin:0;font-size:24px}.number-tracing .phead button{margin-left:auto;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--soft);background:var(--surface);font-weight:700}.number-tracing .sum{color:var(--muted);margin:0;line-height:1.5}.number-tracing .banner{background:var(--warnSoft);border-radius:12px;padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.number-tracing .banner button{border:none;background:none;text-decoration:underline;font-weight:700;padding:4px}.number-tracing h3{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.number-tracing .tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--soft);border-radius:16px}.number-tracing table{border-collapse:collapse;width:100%;min-width:620px;font-variant-numeric:tabular-nums}.number-tracing th,.number-tracing td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--soft);font-size:15px;white-space:nowrap}.number-tracing th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.number-tracing tr:last-child td{border-bottom:none}.number-tracing td.L{font-family:var(--f-letter);font-size:30px;line-height:1;width:44px}.number-tracing .bar{width:90px;height:8px;border-radius:4px;background:var(--soft);overflow:hidden}.number-tracing .bar i{display:block;height:100%;background:var(--go)}.number-tracing .chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--soft);color:var(--muted)}.number-tracing .chip.solid{background:var(--goSoft);color:var(--go)}.number-tracing .chip.watch{background:var(--warnSoft);color:var(--warn)}.number-tracing .chip.prac{background:var(--accentSoft);color:var(--accent)}.number-tracing .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.number-tracing .thumb{background:var(--surface);border:1px solid var(--soft);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center;min-width:0}.number-tracing .thumb canvas{width:80px;height:84px}.number-tracing .thumb div{font-size:12px;color:var(--muted);text-align:center;line-height:1.3}.number-tracing .thumb b{font-family:var(--f-letter);font-size:18px;color:var(--ink)}.number-tracing .empty{background:var(--surface);border:1px dashed var(--soft);border-radius:16px;padding:22px;color:var(--muted);line-height:1.5}.number-tracing .empty button{margin-top:10px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--accent);background:var(--accentSoft);color:var(--accent);font-weight:700}.number-tracing .settings{background:var(--surface);border:1px solid var(--soft);border-radius:16px;padding:6px 16px}.number-tracing .set{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--soft);flex-wrap:wrap}.number-tracing .set:last-child{border-bottom:none}.number-tracing .set label{flex:1;min-width:200px;line-height:1.35}.number-tracing .set label small{display:block;color:var(--muted);font-size:13px}.number-tracing .set select{min-height:40px;border-radius:10px;border:1px solid var(--soft);background:var(--paper);color:var(--ink);padding:0 10px;font:inherit}.number-tracing .set input[type=checkbox]{width:24px;height:24px;accent-color:var(--go)}.number-tracing .danger{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--base);background:transparent;color:var(--base);font-weight:700}.number-tracing .note{font-size:14px;color:var(--muted);line-height:1.5;margin:0}@media(max-width:560px){.number-tracing .app{gap:8px;padding-block:8px}.number-tracing header{flex-wrap:nowrap;gap:8px}.number-tracing .brand{display:none}.number-tracing .set-row{gap:5px}.number-tracing .dot{width:9px;height:9px}.number-tracing .grownup{padding:6px 10px}.number-tracing .prompt{min-height:56px;gap:10px}.number-tracing .pic{width:56px;height:56px;font-size:42px;border-radius:14px}.number-tracing .say{width:52px;height:52px}.number-tracing .say svg{width:26px;height:26px}.number-tracing .ptext small{font-size:11px}.number-tracing .ptext strong{font-size:17px}.number-tracing .ptext strong em{font-size:24px}.number-tracing .slate{border-radius:18px}.number-tracing .toast{font-size:16px;padding:8px 14px;top:10px}.number-tracing .controls{gap:8px}.number-tracing .controls button{min-height:54px;font-size:15px;gap:6px;border-radius:14px}.number-tracing .controls button svg{width:20px;height:20px}.number-tracing :is(.card,.set-done){gap:10px;padding:18px}.number-tracing :is(.card,.set-done) h1{font-size:24px}.number-tracing :is(.card,.set-done) p{font-size:15px}.number-tracing .card .row{font-size:42px;letter-spacing:.12em}.number-tracing :is(.card,.set-done) .big{font-size:96px}.number-tracing .primaryBtn{min-height:54px;font-size:18px;padding:0 26px}}@media(max-height:520px)and (orientation:landscape){.number-tracing .app{grid-template-columns:minmax(200px,34%) 1fr;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"head slate" "dots slate" "prompt slate" ". slate" "ctrl slate";gap:8px 12px;padding-block:8px}.number-tracing header{flex-wrap:wrap;gap:6px}.number-tracing .brand{display:none}.number-tracing .dot{width:9px;height:9px}.number-tracing .grownup{padding:6px 10px}.number-tracing .prompt{min-height:0;gap:8px;flex-wrap:wrap}.number-tracing .pic{width:48px;height:48px;font-size:36px}.number-tracing .say{width:46px;height:46px}.number-tracing .ptext strong{font-size:16px}.number-tracing .ptext strong em{font-size:22px}.number-tracing .controls{grid-template-columns:1fr 1fr}.number-tracing .controls .primary{grid-column:1 / -1}.number-tracing .controls button{min-height:46px;font-size:15px}.number-tracing :is(.card,.set-done){gap:8px;padding:12px}.number-tracing :is(.card,.set-done) h1{font-size:22px}.number-tracing :is(.card,.set-done) p{font-size:14px}.number-tracing .card .row{font-size:40px}.number-tracing :is(.card,.set-done) .big{font-size:80px}.number-tracing .primaryBtn{min-height:48px}}@media(prefers-reduced-motion:reduce){.number-tracing .dot,.number-tracing .set-done .primaryBtn{transition:none}}.number-tracing .card .row{font-size:52px;letter-spacing:.1em;text-wrap:balance}@media(max-width:560px){.number-tracing .card .row{font-size:34px}}