:root{--bg: #eef2f6;--panel: #ffffff;--border: #cdd7e1;--fg: #16212b;--muted: #52626f;--accent: #1f6feb;--accent-dark: #1552b8;--ok: #1a7f37;--ok-dark: #14682d;--err: #b42318;--hint: #eaf2ff;--hint-border: #b9d4ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:18px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}.container{width:min(680px,94vw);margin:0 auto}.centered{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}h1{font-size:30px;margin:0 0 4px;font-weight:800}h2{font-size:22px;margin:0;font-weight:700}.muted{color:var(--muted)}.big{font-size:20px}label.field{display:block;font-weight:600;margin:0 0 6px;font-size:17px}input{width:100%;background:#fff;border:2px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--fg);font-size:19px;min-height:56px}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f6feb26}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:15px 24px;font-size:19px;font-weight:700;cursor:pointer;min-height:56px;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{opacity:.55;cursor:default}button.block{width:100%}button.ghost{background:#fff;border:2px solid var(--border);color:var(--fg)}button.ghost:hover:not(:disabled){background:#f2f5f9}button.success{background:var(--ok)}button.success:hover:not(:disabled){background:var(--ok-dark)}button.small{padding:10px 16px;font-size:16px;min-height:44px}.err{color:var(--err);font-size:17px;font-weight:600;background:#fdecea;border:2px solid #f4c7c3;border-radius:10px;padding:12px 14px}.card{background:var(--panel);border:2px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 10px #14283c0d}.topbar{background:var(--panel);border-bottom:2px solid var(--border)}.topbar-inner{width:min(680px,94vw);margin:0 auto;display:flex;align-items:center;gap:12px;padding:14px 0}.brand{font-size:20px;font-weight:800}.spacer{flex:1}.badge{font-size:14px;font-weight:700;color:var(--accent-dark);background:var(--hint);border:1px solid var(--hint-border);border-radius:999px;padding:4px 12px}.content{padding:28px 0 48px}.hero{text-align:center;align-items:center;gap:20px}.hero p{margin:0;max-width:42ch}.hint{background:var(--hint);border:2px solid var(--hint-border);border-radius:12px;padding:14px 16px;font-size:17px;color:#204d8f}.warn-note{color:var(--err);font-weight:800;font-size:18px;line-height:1.5;text-align:left;background:#fdecea;border:2px solid #f4c7c3;border-radius:12px;padding:16px 18px}.warn-note .warn-title{display:block;font-size:21px;margin-bottom:6px;letter-spacing:.03em}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:16px}th{color:var(--muted);font-weight:600}.session{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.session-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--panel);border-bottom:2px solid var(--border)}.status{display:flex;align-items:center;gap:8px;font-weight:600}.dot{width:12px;height:12px;border-radius:50%;background:var(--muted)}.dot.connecting{background:#d29922;animation:pulse 1s infinite}.dot.connected{background:var(--ok)}@keyframes pulse{50%{opacity:.3}}.session-body{flex:1;display:flex;min-height:0}.session-desktop{flex:1;min-width:0;background:#000;position:relative;overflow:hidden}.session-desktop iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;max-height:70%;background:var(--panel);border-top:2px solid var(--border);border-radius:20px 20px 0 0;box-shadow:0 -10px 34px #14283c47;transform:translateY(0);transition:transform .28s ease}.sheet.hidden{transform:translateY(110%);pointer-events:none}.sheet-grip{flex:none;width:46px;height:6px;min-height:0;padding:0;margin:10px auto 4px;border-radius:999px;background:var(--border);border:0}.sheet-grip:hover:not(:disabled){background:#aab4c0}.sheet-head{flex:none;padding:4px 20px 10px}.sheet.blocking .sheet-head{padding-top:18px}.sheet-step{display:block;color:var(--muted);font-size:14px;font-weight:700;margin-bottom:2px}.sheet-head h2{font-size:21px}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px 16px}.sheet-actions{flex:none;padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.sheet-nav{display:flex;gap:10px}.sheet-back{flex:0 0 auto}.sheet-fwd{flex:1}.kb-capture{position:absolute;top:0;left:0;right:0;z-index:5;height:1px;min-height:0;padding:0;margin:0;border:0;border-radius:0;opacity:0;color:transparent;background:transparent;caret-color:transparent;font-size:16px}.kb-capture:focus{outline:none;box-shadow:none}.session-bar .kb-on{background:var(--accent);color:#fff;border-color:var(--accent)}.session-bar .kb-on:hover:not(:disabled){background:var(--accent-dark)}.session-bar .cam-on{background:var(--ok);color:#fff;border-color:var(--ok)}.session-bar .cam-on:hover:not(:disabled){background:var(--ok-dark)}.mini-steps{margin:8px 0 4px;padding-left:24px;display:flex;flex-direction:column;gap:7px}.mini-steps li{font-size:16px;line-height:1.45}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.step{display:flex;gap:12px}.step-body{min-width:0}.step-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center}.step-num.done{background:var(--ok)}.step.current .step-num{box-shadow:0 0 0 4px #1f6feb2e}.step-title{font-weight:700;font-size:18px;margin-bottom:6px}.step.collapsed{opacity:.6}.step.collapsed .step-title{font-size:16px;margin-bottom:0;font-weight:600}.step-text{color:var(--muted);font-size:16px}.step .block{margin-top:12px}.ok-line{color:var(--ok);font-weight:700;margin-top:10px;font-size:17px}.cam-pick{margin-top:14px}.cam-pick select{width:100%;margin-top:6px;min-height:52px;color:var(--fg);background:#fff;border:2px solid var(--border);border-radius:10px;padding:12px 14px;font-size:17px}.cam-pick select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f6feb26}.country{margin-top:10px;font-size:17px;background:#eefaf0;border:2px solid #bfe6c6;border-radius:10px;padding:10px 14px}.country b{font-size:18px}.num-box{margin-top:12px;background:var(--hint);border:2px solid var(--hint-border);border-radius:12px;padding:16px}.num-label{color:var(--muted);font-size:15px;font-weight:600}.num-row{display:flex;align-items:center;gap:10px;margin-top:4px}.num-phone{font-size:24px;font-weight:800;letter-spacing:.01em;-webkit-user-select:all;user-select:all;word-break:break-word;margin-top:4px}.paste-hint{margin-top:10px;font-size:15px;color:#14682d;background:#eefaf0;border:2px solid #bfe6c6;border-radius:10px;padding:10px 12px;font-weight:600}.photo-box{margin-top:16px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:16px}.sms-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.sms{background:#fff;border:2px solid var(--border);border-radius:10px;padding:12px 14px}.sms-body{font-size:19px;font-weight:700;word-break:break-word}.sms-meta{color:var(--muted);font-size:14px;margin-top:4px}.sms-empty{color:var(--muted);font-size:16px;margin-top:12px}.pick-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.pick-row{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--border);border-radius:10px;padding:8px 10px 8px 12px}.pick-name{flex:1;min-width:0;font-size:15px;word-break:break-word}.pick-row .small{flex:none}.spinner{width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.ios-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 10px calc(14px + env(safe-area-inset-left));background:#fff4d6;border-bottom:2px solid #eBCF7a;color:#6b4e00;font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 2px 10px #14283c1f}.ios-banner b{color:#4a3600}.ios-banner-x{flex:none;margin-left:auto;min-height:0;padding:6px 10px;font-size:15px;background:transparent;color:#6b4e00;border:0;border-radius:8px}.ios-banner-x:hover:not(:disabled){background:#0000000f}@media (max-width: 900px){.session-body{position:relative}.session-desktop{flex:1;min-height:0}.sheet{max-height:80%}.session-bar{gap:8px;padding:10px}.session-bar .small{padding:8px 12px;font-size:15px;min-height:40px}.session-bar .ghost.small{padding:8px 10px}}