:root{--orange: #ffb43c;--blue: #3c78ff;--ink: #222;--paper: #fff;--soft: #fff4e0;--line: #e6d9c2;--bad: #d33;--good: #2a9d4b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--soft);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center}.screen.child{background:var(--orange)}.title{font-size:40px;margin:0 0 8px}.subtitle{font-size:18px;margin:0 0 24px;opacity:.8}.status{font-size:16px;opacity:.75}.error{color:var(--bad);font-size:16px;margin:12px 0 0;min-height:20px}.form{display:flex;flex-direction:column;gap:12px;width:min(360px,100%)}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-size:15px;opacity:.8}.field input,.field select{font-size:20px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);width:100%}.button{font-size:20px;padding:14px 22px;border-radius:14px;border:0;background:var(--blue);color:#fff;cursor:pointer}.button.quiet{background:#eee;color:var(--ink)}.button.big{font-size:26px;padding:20px 32px}.button:disabled{opacity:.5}.picker{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:16px 0 32px}.face{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;cursor:pointer;position:relative}.face img,.face .initial{width:min(44vw,220px);height:min(44vw,220px);border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 6px 20px #00000026;background:var(--blue);color:#fff;font-size:96px;display:flex;align-items:center;justify-content:center}.face .name{font-size:28px;font-weight:600}.face .dot{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--bad);border:3px solid #fff}.corner{position:fixed;right:0;bottom:0;width:72px;height:72px;background:transparent;border:0}.pinpad{display:grid;grid-template-columns:repeat(3,84px);gap:12px;margin-top:16px}.pinpad button{font-size:28px;padding:18px 0;border-radius:16px;border:0;background:var(--paper);box-shadow:0 2px 6px #00000014}.pindots{display:flex;gap:14px;justify-content:center;margin:12px 0}.pindots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink)}.pindots span.on{background:var(--ink)}.parent{max-width:760px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.parent header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.parent header h1{font-size:24px;margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 20px}.tabs a{padding:10px 14px;border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:16px;border:1px solid var(--line)}.tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.card{background:var(--paper);border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid var(--line)}.card h2{font-size:20px;margin:0 0 12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.row input,.row select{font-size:17px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);min-width:0}.row input[type=text],.row input[type=date]{flex:1 1 160px}.row input[type=number]{width:110px}.thumb{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--blue);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center}.note{font-size:14px;opacity:.75;margin:6px 0 0}.ok{color:var(--good);font-size:15px}.list{display:flex;flex-direction:column;gap:8px}.phrase{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.phrase .label{flex:1 1 200px;font-size:17px}.small{font-size:15px;padding:8px 14px;border-radius:10px}.rec{background:var(--bad)}.bar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--paper);border-radius:20px;padding:24px;width:min(420px,100%);text-align:center}.dialog-text{font-size:24px;margin:0}