:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#203e38;background:#f3f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:30px 28px}header,.row,.heading,.home-card{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:64px}.brand{font-size:28px;font-weight:750;text-decoration:none;color:inherit}.brand span{font-size:11px;letter-spacing:2px;margin-left:12px;color:#648075}.private{font-size:12px;border:1px solid #d5dfd8;border-radius:30px;padding:8px 13px}.eyebrow{font-size:12px;letter-spacing:2px;color:#668277;margin:0 0 14px}h1{font-size:38px;letter-spacing:-1px;margin:0 0 16px}h2{font-size:18px;margin:0}h3{font-size:23px;margin:0 0 8px}.muted{color:#708078;line-height:1.9}.card{background:#fff;border:1px solid #e1e8df;border-radius:22px;padding:28px}.login{max-width:520px;margin:40px auto 100px;padding:42px}label{display:block;font-size:13px;margin:30px 0 10px}input{width:100%;padding:15px;border:1px solid #cedbd0;border-radius:10px;font:inherit}button{border:0;border-radius:10px;padding:14px 18px;font:inherit;font-weight:600;background:#126b62;color:white;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#0d584f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #a5d8c8;outline-offset:3px}form button{width:100%;display:flex;justify-content:space-between;margin-top:16px}.hint{color:#7b8981;font-size:12px;line-height:1.7}.heading{margin-bottom:24px}.secondary{background:#eff5f0;color:#335a4d;font-size:13px}.secondary:hover:not(:disabled){background:#ddebe1}.grid{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.badge{font-size:12px;border-radius:30px;background:#eef1ec;padding:6px 12px}.badge.connected{color:#1b7b5b;background:#e4f5e8}.phone{height:76px;width:54px;border:3px solid #9cb4a3;border-radius:12px;display:grid;place-items:center;color:#45705a;font-size:30px;margin:30px 0 20px}.facts{display:flex;gap:44px;margin:26px 0 10px}.facts span{display:block;color:#819084;font-size:12px;margin-bottom:8px}.facts strong{font-size:14px}.action{text-align:center;background:#fafffa;padding:40px 28px}#tap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:28px auto 18px;width:210px;height:210px;border-radius:50%;box-shadow:0 12px 32px #1b65551a;font-size:23px}#tap small{font-size:10px;font-weight:400;opacity:.7}.tap-icon{font-size:43px;line-height:1}.home-card{margin-top:22px}.home-card .eyebrow{margin-bottom:10px}.home-card h2{margin-bottom:8px}.home-card .muted{margin:0}.home-card button{white-space:nowrap}.viewer-card,.history{margin-top:22px}.viewer-card .row{align-items:start}#viewer{min-height:260px;margin-top:24px;display:grid;place-items:center;background:#e8eeea;border-radius:16px;overflow:hidden}#liveScreen{display:block;max-height:720px;max-width:100%;cursor:crosshair;touch-action:manipulation}.history-item{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eef2eb;padding:16px 0;font-size:13px}.history-item:first-child{margin-top:22px}.history-item time{color:#859184}.history-item:last-child{padding-bottom:0}#message{min-height:24px;font-size:14px;color:#a54732;text-align:center}footer{display:flex;justify-content:space-between;margin-top:32px;font-size:11px;color:#8b978e}[hidden]{display:none!important}@media(max-width:650px){main{padding:24px 18px}header{margin-bottom:36px}.brand span,.private{display:none}h1{font-size:29px}.grid{grid-template-columns:1fr}.login{padding:28px 22px;margin:0 auto 50px}.card{padding:24px}.action{padding-top:30px}.home-card{display:block}.home-card button{margin-top:18px;width:100%}.phone{display:none}.device h3{margin-top:24px}#viewer{min-height:180px}footer{display:block;line-height:2.2}footer span{display:block}}