:root{--bg:#fff8ec;--surface:#fff;--surface-2:#fff1d9;--text:#3b2a1a;--text-soft:#7a6450;--primary:#ff8c42;--primary-dark:#e8743b;--primary-text:#fff;--accent:#4bb3a6;--accent-soft:#dff3f0;--danger:#e05a5a;--danger-soft:#fde5e5;--warn-soft:#fff3c4;--border:#f0dcc0;--shadow:0 4px 0 #3b2a1a1f;--touch:56px;--radius:20px;--gap:16px;--font:"Nunito", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--fs:18px;--fs-lg:24px;--fs-xl:32px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;line-height:1.45}body,#root{min-height:100dvh}button,input,select{font:inherit;color:inherit}.screen{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:var(--gap);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.screen-header{min-height:var(--touch);align-items:center;gap:12px;display:flex}.screen-title{font-size:var(--fs-lg);flex:1;margin:0;font-weight:800}.screen-body{gap:var(--gap);flex-direction:column;flex:1;display:flex}.center{text-align:center;justify-content:center;align-items:center}.btn{min-height:var(--touch);min-width:var(--touch);border-radius:var(--radius);background:var(--primary);color:var(--primary-text);font-weight:800;font-size:var(--fs);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:10px;padding:10px 22px;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{box-shadow:none;transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--border)}.btn-accent{background:var(--accent)}.btn-danger{background:var(--danger)}.btn-ghost{color:var(--text);box-shadow:none;background:0 0}.btn-big{min-height:72px;font-size:var(--fs-lg);padding:14px 28px}.btn-block{width:100%}.btn-selected{outline:4px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px}.card-warn{background:var(--warn-soft);border-color:#f1d77a}.card-ok{background:var(--accent-soft);border-color:#a6ddd6}.card-danger{background:var(--danger-soft);border-color:#f3b3b3}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--text-soft)}.small{font-size:15px}h2{margin:0;font-size:20px}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}.input{min-height:var(--touch);border:2px solid var(--border);background:var(--surface);border-radius:14px;padding:8px 14px;font-weight:600}.input:focus{outline:3px solid var(--accent);border-color:var(--accent)}.profile-card{background:var(--surface);border:3px solid var(--border);cursor:pointer;box-shadow:var(--shadow);touch-action:manipulation;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:18px 12px;display:flex}.profile-card:active{box-shadow:none;transform:translateY(2px)}.avatar{font-size:72px;line-height:1}.avatar-sm{font-size:40px;line-height:1}.profile-name{font-size:var(--fs-lg);font-weight:800}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.avatar-option{background:var(--surface);border:3px solid var(--border);cursor:pointer;border-radius:18px;min-height:72px;font-size:44px}.avatar-option.btn-selected{border-color:var(--accent);background:var(--accent-soft)}.pin-wrap{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.pin-dots{gap:18px;min-height:28px;display:flex}.pin-dot{border:3px solid var(--primary-dark);border-radius:50%;width:24px;height:24px}.pin-dot.filled{background:var(--primary-dark)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,320px);display:grid}.pin-key{border:2px solid var(--border);background:var(--surface);min-height:72px;box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:22px;font-size:30px;font-weight:800}.pin-key:active{box-shadow:none;transform:translateY(2px)}.pin-key:disabled{opacity:.4}.pin-error{color:var(--danger);text-align:center;min-height:1.5em;font-weight:800}@media (orientation:landscape) and (width>=700px){.split{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}}@media (orientation:landscape) and (height<=500px){.pin-key{min-height:var(--touch);font-size:24px}.avatar{font-size:52px}.profile-card{min-height:130px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}