:root{--ink:#1f2a44;--muted:#5b6785;--bg:#f4f7fc;--card:#fff;--line:#dde3ee;--blue:#2f7bf5;--green:#22a06b;--radius:28px;--font-title:"Baloo 2", system-ui, sans-serif;--font-text:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);-webkit-tap-highlight-color:transparent;margin:0;font-weight:600}a{color:var(--blue)}.page{max-width:834px;min-height:100dvh;margin:0 auto;padding:24px 16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 2px 0 var(--line);padding:24px}.title{font-family:var(--font-title);margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.1}.muted{color:var(--muted);font-size:17px}.form{flex-direction:column;max-width:480px;margin:0 auto;display:flex}.form .muted{margin:0 0 8px}.lbl{margin:14px 0 6px;font-size:15px;font-weight:800}.hint{color:var(--muted);margin-top:6px;font-size:14px}.fld{border:3px solid var(--line);min-height:52px;color:var(--ink);font:inherit;background:#fff;border-radius:16px;padding:0 16px;font-size:17px}.fld:focus{border-color:var(--blue);outline:none}.btn{background:var(--green);color:#fff;min-height:56px;font-family:var(--font-title);cursor:pointer;border:none;border-radius:18px;margin-top:22px;font-size:21px;font-weight:800;box-shadow:0 6px 16px #22a06b59}.btn:disabled{opacity:.6;cursor:default}.error{color:#d9363c;margin:16px 0 0;font-weight:800}.success{color:var(--green);margin:16px 0 0;font-weight:800}.center{text-align:center}.page>.card+.card{margin-top:16px}.form.wide{max-width:none}.h2{font-family:var(--font-title);margin:0 0 6px;font-size:24px;font-weight:800}.h3{font-family:var(--font-title);margin:0 0 10px;font-size:20px;font-weight:800}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.head .muted{margin:0}.back{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:8px;padding:6px 0;font-weight:800}.btn.small{min-height:48px;margin-top:0;padding:0 18px;font-size:18px}.btn-ghost{border:3px solid var(--line);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:16px;padding:0 16px;font-weight:800}.btn-ghost:disabled{opacity:.5;cursor:default}.btn-ghost.danger{color:#d9363c}.actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.choices{gap:12px;margin-top:16px;display:grid}.choice{text-align:left;border:3px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:22px;align-items:center;gap:16px;padding:18px;font-size:18px;display:flex}.choice:hover{border-color:var(--blue)}.choice-ico{font-size:34px}.choice .muted{font-size:15px}.pair{text-align:center;flex-direction:column;align-items:center;display:flex}.pair-code{font-family:var(--font-title);letter-spacing:6px;margin:12px 0;font-size:56px;font-weight:800}.qr{border:3px solid var(--line);border-radius:18px}.code-fld{font-family:var(--font-title);letter-spacing:4px;text-transform:uppercase;font-size:24px}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{border:3px solid var(--line);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:16px;flex:1;padding:0 12px;font-weight:800}.seg button.on{border-color:var(--blue);background:#e3eeff}.seg button:disabled{opacity:.5;cursor:default}.list{margin:8px 0 0;padding:0;list-style:none}.row{border-top:2px solid var(--bg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.row:first-child{border-top:none}.row-ico{font-size:28px}.row-main{flex:1;min-width:180px}.tag{color:var(--blue);background:#e3eeff;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:13px}.avatar{color:#fff;width:44px;height:44px;font-family:var(--font-title);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:inline-flex}.avatar.big{border-radius:22px;width:72px;height:72px;font-size:36px}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.inline-form .fld{flex:1;min-width:150px}.swatches{gap:6px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:10px;width:34px;height:34px}.swatch.on{border-color:var(--ink)}.editor{background:var(--bg);border-radius:22px;flex-direction:column;gap:10px;margin:12px 0;padding:16px;display:flex}.kids{flex-wrap:wrap;gap:14px;margin:10px 0;display:flex}.kid{min-width:120px;color:var(--ink);font-family:var(--font-title);cursor:pointer;background:#fff;border:3px solid;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:22px;font-weight:800;display:flex}.kid:disabled{opacity:.5;cursor:default}.codepad{flex-direction:column;align-items:center;gap:18px;margin:8px 0;display:flex}.dots{gap:14px;display:flex}.dot{border:3px solid var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:22px;display:inline-flex}.dot.on{background:var(--ink)}.dot.on:not(:empty){background:#fff;width:44px;height:44px}.keys{grid-template-columns:repeat(3,80px);gap:12px;display:grid}.key{height:66px;color:var(--ink);font-family:var(--font-title);cursor:pointer;background:#eef5ff;border:none;border-radius:18px;font-size:30px;font-weight:800}.key.img{background:#fff6dd;height:80px;font-size:44px}.key.erase{border:3px solid var(--line);background:#fff;font-size:22px}.key:disabled{opacity:.5}code{background:var(--bg);border-radius:8px;padding:2px 6px;font-size:15px}