.login-page{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,var(--g-start),var(--g-end))}.login-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #0000001f;max-width:360px;width:100%;text-align:center}.login-card h2{margin-bottom:1.5rem;color:#333;font-size:clamp(1.5rem,4vw,2rem)}.btn-login{width:100%;padding:.75rem;margin-top:.5rem;background:linear-gradient(90deg,var(--g-start),var(--g-end));border:none;border-radius:6px;color:#fff;cursor:pointer;transition:opacity .2s;font-size:clamp(.9rem,3.5vw,1.1rem)}.btn-login:hover{opacity:.9}.extras{margin-top:1rem;font-size:clamp(.75rem,3vw,.95rem);color:#555}.extras a{color:var(--g-end);text-decoration:none;margin:0 .25rem}.extras span{color:#aaa}.device-info-box{margin-top:22px;background:#fafdff;border-radius:14px;padding:16px 12px 12px;border:1.5px solid #e2ecff;box-shadow:0 2px 12px #2d50b40f;color:#263657;text-align:center;font-size:1.03em;line-height:1.6}.device-info-box .icon{margin-right:6px;font-size:1.1em;vertical-align:-2px}.device-info-box .blue{color:#3694fa}.device-info-box .red{color:#e34a4a}.device-info-box .gray{color:#aaa}.device-info-box .device-type{font-weight:600;margin-bottom:7px;letter-spacing:.03em;display:flex;align-items:center;gap:5px}.device-type-val{color:#3694fa;margin-left:5px}.device-info-box .device-id{margin-bottom:4px;display:flex;align-items:center;gap:5px}.device-info-box .device-id code{background:#eef2fa;border-radius:4px;padding:2px 6px;font-family:Fira Mono,Menlo,"monospace";font-size:.9em}.device-info-box .device-location{display:flex;align-items:center;gap:5px}.device-info-box .coords{font-family:Fira Mono,Menlo,"monospace";color:#31415d;font-size:12px}@media (max-width: 480px){.login-card{padding:1rem;margin:0 1rem}.device-info-box{padding:12px 7px;font-size:.97em}}.device-location .loc-label{font-weight:500;margin-bottom:1px;letter-spacing:.03em}.latlon-row{display:flex;gap:14px;margin-top:1px;align-items:center;justify-content:center}.latlon-row>div{display:flex;align-items:center;gap:4px;font-family:Fira Mono,Menlo,monospace;font-size:1.08em;background:#f3f6fa;border-radius:5px;padding:2px 8px}.latlon-label{font-weight:600;color:#7c98b6;margin-right:2px;font-size:12px}.latlon-value{font-weight:700;color:#253356;letter-spacing:.02em}@media (max-width: 480px){.latlon-row{gap:7px}.latlon-row>div{font-size:1em;padding:2px 6px}}html,body{height:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.cadastro-page{min-height:100dvh;width:100vw;background:#fff;display:block;padding-bottom:calc(70px + 2.5rem)}.cadastro-card{margin:24px auto 0;background:#fff;padding:1.5rem 1rem 1.8rem;border-radius:14px;box-shadow:0 6px 24px #1c365314;max-width:380px;width:94%}.cadastro-header{display:flex;align-items:center;gap:9px;font-size:1.2em;margin-bottom:10px}.cadastro-title{font-weight:700;font-size:1.13em}.cadastro-loc{display:flex;align-items:center;gap:7px;font-size:1.05em;margin-bottom:18px;background:#f6faff;padding:7px 10px 7px 9px;border-radius:7px;border:1px solid #ebf0fa;font-family:Inter,Roboto,Arial,sans-serif}.cadastro-loc .latlon{font-family:Fira Mono,monospace;font-size:1em;color:#1d293f}.btn-localizacao{background:#eef5ff;color:#1976d2;border:1px solid #bbe0ff;border-radius:6px;margin-left:12px;font-size:.97em;padding:2px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.16s}.btn-localizacao:hover{background:#e1eaf8;color:#1857b7;border-color:#1976d2}.loc-loading{margin-left:14px;font-size:.97em;color:#26b04c}.loc-error{margin-left:12px;font-size:.95em;color:#c93232}.cadastro-form{display:flex;flex-direction:column;gap:15px;margin-top:8px}.cadastro-form input{padding:15px 13px;border-radius:7px;border:1.2px solid #e4e8f3;background:#f7fafc;font-size:1.09em;font-weight:500;transition:border-color .18s}.cadastro-form input:focus{border-color:#26b04c;outline:none;background:#f3fefa}.btn-submit{width:100%;background:linear-gradient(90deg,#1fc86c,#39d98a 95%);color:#fff;border:none;border-radius:8px;font-size:1.23em;font-weight:700;padding:15px 0 13px;margin-top:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 2px 10px #d0f4e7a2;transition:.14s}.btn-submit:hover{opacity:.92;filter:brightness(1.08)}.icon.orange{color:#ffa33d}.icon.green{color:#24b44a}.cadastro-loc-alert{margin-top:4px;font-size:.98em;color:#c53b2c;background:#fff6f2;border-radius:7px;padding:6px 10px;box-shadow:0 1px 6px #9614140a;text-align:left;max-width:360px;margin-left:auto;margin-right:auto}.btn-retry-loc{font-size:.9em;background:#e9f6ff;color:#125b94;border:none;border-radius:6px;padding:4px 12px;margin-left:7px;cursor:pointer;transition:background .2s}.btn-retry-loc:disabled{background:#f2f2f2;color:#bbb;cursor:not-allowed}.cadastro-success-box{background:#e6ffed;border:1.5px solid #19c37d;border-radius:10px;padding:18px 15px 15px;margin-bottom:18px;text-align:center;box-shadow:0 2px 8px #1464140a}.success-msg{color:#237c46;font-weight:600;font-size:1.08em;margin-bottom:10px}.btn-ir-fotos{background:linear-gradient(90deg,#28e080 80%,#19c37d);color:#fff;border:none;font-size:1em;font-weight:600;padding:11px 26px;border-radius:8px;cursor:pointer;transition:filter .15s;display:inline-flex;align-items:center;margin-top:8px}.btn-ir-fotos:hover{filter:brightness(1.08)}.cadastro-error{background:#ffeaea;color:#a94442;border:1px solid #f5c6cb;border-left:6px solid #e74c3c;padding:12px 16px;margin:12px 0;border-radius:6px;font-weight:500;display:flex;align-items:center;animation:fadeSlide .4s ease}.cadastro-error:before{content:"⚠️";margin-right:10px;font-size:20px}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reconhecimento-page{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding:20px}.toggle-landmarks{display:inline-flex;align-items:center;gap:8px;margin:15px 0;font-size:16px}.preview-wrapper{position:relative;width:400px;height:400px;margin:20px auto;border-radius:12px;overflow:hidden;display:block}.camera-photo-preview{max-width:100%;border:2px solid #333;border-radius:8px}.camera-video,.camera-photo-preview{width:100%;height:100%;object-fit:cover;border-radius:12px}.overlay-canvas{position:absolute;top:0;left:0;pointer-events:none}.camera-actions{position:relative;margin:0 auto;width:fit-content;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10}.camera-actions .row{display:flex;justify-content:center;gap:12px}.camera-actions button{flex:1;min-width:180px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:40px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s,transform .1s}.camera-actions button:hover{background:linear-gradient(135deg,#0056b3,#004494)}.camera-actions button:active{transform:scale(.97)}.meta{margin-top:20px;background:#f9f9f9;padding:15px;border-radius:8px;line-height:1.5}.erro{color:red;font-weight:700;margin-top:20px}.monitorado-resumo{margin-top:20px;background:#f9f9f9;padding:15px;border-radius:8px;line-height:1.5;transition:box-shadow .2s}.monitorado-resumo.clickable{cursor:pointer}.monitorado-resumo.clickable:hover{box-shadow:0 4px 12px #0000001a}.monitorado-resumo .monitorado-foto{width:100px;height:100px;object-fit:cover;border-radius:8px;display:block;margin-bottom:10px}.config-page{padding:20px;text-align:center}.config-buttons{display:flex;flex-direction:column;gap:16px;margin-top:20px}.config-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;background:#007acc;color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.config-buttons button:hover{background:#005fa3}.config-buttons button:active{transform:scale(.97)}.config-buttons .icon{font-size:20px}.btn-logout{background:#e53935}.btn-logout:hover{background:#c62828}.home-page{max-width:800px;margin:0 auto;padding:20px 20px 120px}.home-busca{display:flex;gap:10px;margin-bottom:20px}.home-busca input{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc}.home-busca button{background:#007bff;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px}.lista-monitorados{display:flex;flex-direction:column;gap:12px}.monitorado-card{display:flex;align-items:center;background:#f9f9f9;border-left:4px solid #007bff;padding:10px 15px;border-radius:6px;cursor:pointer;transition:background .2s}.monitorado-card:hover{background:#e6f0ff}.face-thumb-wrapper{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.face-thumb{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.card-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;z-index:2}.face-icon{font-size:32px;color:#aaa;z-index:1}.monitorado-info{flex:1}.home-filtros{display:flex;gap:10px;margin-bottom:1rem}.home-filtros button{padding:8px 12px;border:1px solid #007acc;background:#fff;color:#007acc;border-radius:6px;cursor:pointer;transition:all .2s}.home-filtros button.ativo,.home-filtros button:hover{background:#007acc;color:#fff}.global-loader{margin:1rem 0;text-align:center;font-size:1.2em}.spin{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.card-loader{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.monitorado-card{position:relative;cursor:pointer;background:#f9f9f9;border-radius:8px;padding:10px;display:flex;align-items:center;margin-bottom:10px;transition:box-shadow .2s ease}.monitorado-card:hover{box-shadow:0 2px 10px #0000001a}.monitorado-card{position:relative;cursor:pointer}.btn-trash{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#e53935;font-size:20px;cursor:pointer}.btn-trash:hover{color:#b71c1c}.mo-resumo-page{max-width:800px;margin:0 auto;padding:20px;text-align:center}.mo-info-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px;margin-bottom:30px}.face-photo{width:200px;height:250px;object-fit:cover;object-position:center;border-radius:8px;border:2px solid #ddd}.btn-foto{margin-top:15px;background:#007bff;color:#fff;border:none;padding:10px 20px;font-weight:600;border-radius:6px;cursor:pointer}.btn-foto:hover{background:#0056b3}.mo-info-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px;margin-bottom:30px;text-align:center}.face-photo-wrapper{width:200px;height:250px;position:relative;border:2px solid #ddd;border-radius:8px;background:#f8f8f8;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto}.face-photo{width:100%;height:100%;object-fit:cover;border-radius:8px}.face-photo-wrapper .loader{position:absolute;border:4px solid #eee;border-top:4px solid #007bff;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite}.face-placeholder-icon{z-index:2}@keyframes spin{to{transform:rotate(360deg)}}.mo-links{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.mo-links button{background:#28a745;color:#fff;border:none;padding:10px 15px;font-weight:600;border-radius:6px;cursor:pointer}.mo-links button:hover{background:#1e7e34}.mo-fotos-locais{margin-bottom:40px}.mo-fotos-locais h4{margin-bottom:15px}.mo-fotos-locais button{margin:5px;background:#17a2b8;color:#fff;border:none;padding:10px 12px;border-radius:5px;cursor:pointer}.mo-fotos-locais button:hover{background:#117a8b}.mo-ocorrencias{text-align:left}.mo-ocorrencias h4{text-align:center}.ocorrencia-item{background:#f1f1f1;border-left:4px solid #007bff;margin:15px 0;padding:10px 15px;border-radius:6px}.form-ocorrencia{margin-top:20px}.form-ocorrencia select,.form-ocorrencia textarea{width:100%;margin-bottom:15px;padding:10px;border-radius:6px;border:1px solid #ccc}.form-ocorrencia button{background:#007bff;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600;width:100%;margin-top:10px}.form-ocorrencia button:hover{background:#0056b3}.ocorrencia-msg{margin-top:10px;color:green;font-weight:700;text-align:center}.scrollable{overflow-y:auto;padding-bottom:120px}.form-ocorrencia input[type=text]{width:100%;margin-bottom:8px;padding:10px;border:1px solid #aaa;border-radius:6px;font-size:.95rem}.autocomplete-list{background:#fff;border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto;margin-top:4px;padding:0;list-style:none}.autocomplete-list li{padding:8px 12px;cursor:pointer}.autocomplete-list li:hover{background:#f0f0f0}.mo-galeria{margin-bottom:40px;text-align:left}.galeria-bloco{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.galeria-header{background:#f8f9fa;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;transition:background .2s}.galeria-header:hover{background:#e9ecef}.galeria-grid{display:flex;flex-wrap:wrap;gap:5px;padding:5px}.galeria-grid img{width:120px;height:120px;object-fit:cover;border-radius:6px;cursor:zoom-in;transition:transform .2s}.galeria-grid img:hover{transform:scale(1.05)}.zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0f0ff2;display:flex;justify-content:center;align-items:center;z-index:9999}.zoom-content{position:relative;max-width:95%;max-height:95%;display:flex;justify-content:center;align-items:center}.zoom-img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 0 30px #000000b3;object-fit:contain}.zoom-close{position:absolute;top:-40px;right:0;background:transparent;color:#fff;font-size:40px;cursor:pointer;border:none}.zoom-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:none;font-size:28px;cursor:pointer;padding:8px 12px;border-radius:50%;box-shadow:0 4px 10px #0000004d;transition:background .2s}.zoom-nav.left{left:10px}.zoom-nav.right{right:10px}.zoom-nav:hover{background:#fff}.suggestions-list{background:#fff;border:1px solid #ddd;border-radius:6px;max-height:300px;overflow-y:auto;margin-top:4px;padding:0;list-style:none}.suggestions-list li{padding:14px 18px;cursor:pointer;transition:background .2s;border-bottom:1px solid #eee}.suggestions-list li:nth-child(2n){background:#f9f9f9}.suggestions-list li:nth-child(odd){background:#fff}.suggestions-list li:hover{background:#007bff;color:#fff}.btn-trash{background:#e53e3e;color:#fff;border:none;padding:10px 14px;margin-top:12px;border-radius:6px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn-trash:hover{background:#c53030}.mo-captura-nova{position:relative;display:inline-block}.btn-toggle-captura{background:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-bottom:30px}.btn-toggle-captura:hover{background:#005fa3}.captura-float{position:fixed;top:80px;right:30px;display:flex;flex-direction:column;gap:15px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translate(100%);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:20px;box-shadow:0 4px 20px #0000001a}.captura-float.show{opacity:1;pointer-events:auto;transform:translate(0)}.captura-float button{background:#00b4d8;color:#fff;border:none;padding:5px 12px;border-radius:5px;font-size:14px;white-space:nowrap;cursor:pointer}.captura-float button:hover{background:#0096c7}.bottom-nav-bar{position:fixed;left:0;right:0;bottom:0;width:100vw;z-index:99999;background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #1e3c7814;display:flex;justify-content:space-around;align-items:center;-webkit-user-select:none;user-select:none;border-radius:0}.nav-item{flex:1 1 0px;text-align:center;cursor:pointer;color:#637081;display:flex;flex-direction:column;align-items:center;font-size:13px;font-weight:500;transition:color .2s}.nav-item .icon{font-size:24px;margin-bottom:2px;display:block}.nav-item.active,.nav-item.active .icon{color:#3182ce}.nav-label{font-size:11px}@media (max-width: 480px){.bottom-nav-bar{border-radius:0;width:100vw}}.indicacao-page{padding:20px;text-align:center;max-width:800px;margin:0 auto}.btnGerarCodigo{background:#007acc;color:#fff;padding:12px 24px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s}.btnGerarCodigo:disabled{opacity:.6;cursor:not-allowed}.btnGerarCodigo:hover:not(:disabled){background:#005fa3}.retorno{margin:20px 0;font-weight:700;color:#007acc}.indicacao-table{width:100%;border-collapse:collapse;margin-top:20px}.indicacao-table th,.indicacao-table td{border:1px solid #ddd;padding:8px;font-size:12px;text-align:center}.indicacao-table th{background:#007acc;color:#fff}.icon{font-weight:700;font-size:16px}.icon.green{color:green}.icon.red{color:red}.td-actions{display:flex;justify-content:center;gap:8px}.btnIcon{background:transparent;border:none;cursor:pointer;color:#007acc;transition:color .2s}.btnIcon:hover{color:#005fa3}.btnTop{position:fixed;bottom:90px;right:30px;background:#ffcf33;color:#fff;border:none;font-size:24px;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 4px 12px #0003}.btnTop:hover{background:#b30000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:30px;border-radius:10px;max-width:400px;width:90%;text-align:left}.modal-content h3{margin-top:0}.btnFechar{background:#dc3545;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:20px;width:100%}.btnFechar:hover{background:#b02a37}.icon-action{font-size:24px;margin:0 8px;cursor:pointer;color:#007acc}.icon-action:hover{color:#005fa3}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:12px;max-width:90%;text-align:left}:root{--g-start: #6dd5fa;--g-end: #003366}.registro-page{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,var(--g-start),var(--g-end))}.registro-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #0000001f;max-width:400px;width:100%;text-align:center}.registro-card h2{margin-bottom:1.5rem;color:#333;font-size:clamp(1.5rem,4vw,2rem)}.input-group{position:relative;margin-bottom:1rem}.input-group .icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#888}.input-group input{width:100%;padding:.75rem 2.5rem;border:1px solid #ccc;border-radius:6px;transition:border-color .2s;font-size:clamp(.9rem,3.5vw,1.1rem)}.input-group input:focus{border-color:var(--g-start);outline:none}.btn-toggle{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#888;font-size:1.4em}.btn-registro{width:100%;padding:.75rem;margin-top:.5rem;background:linear-gradient(90deg,var(--g-start),var(--g-end));border:none;border-radius:6px;color:#fff;cursor:pointer;transition:opacity .2s;font-size:clamp(.9rem,3.5vw,1.1rem)}.btn-registro:hover{opacity:.9}.error{color:#e74c3c;margin:.5rem 0;font-size:clamp(.75rem,3vw,.95rem)}.success{color:#2ecc71;margin:.5rem 0;font-size:clamp(.75rem,3vw,.95rem)}*{box-sizing:border-box}.associados-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.btn-back-top{background:none;border:1px solid #007acc;color:#007acc;font-size:16px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-back-top:hover{background:#f0f8ff}.btn-primary{background:#007acc;color:#fff;border:none;font-size:16px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#005fa3}.modal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.modal-item{width:180px;max-width:90%;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;text-align:center;box-shadow:0 2px 6px #0000001a;transition:transform .2s}.modal-item:hover{transform:translateY(-4px)}.modal-item img{width:100%;height:140px;object-fit:cover;border-radius:6px;margin-bottom:8px}.modal-item h5{margin:8px 0;font-size:16px;font-weight:600}.modal-item button{background:#007acc;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px}.modal-item button:hover{background:#005fa3}.associados-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}.associado-item{width:200px;max-width:90%;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;text-align:center;box-shadow:0 2px 6px #0000001a;transition:transform .2s}.associado-item:hover{transform:translateY(-4px)}.associado-foto{width:100%;height:160px;object-fit:cover}.associado-info{padding:10px}.associado-info h4{margin:6px 0;font-size:16px;font-weight:600}.associado-info p{margin:4px 0 8px;font-size:14px;color:#555}.associado-info button{background:#007acc;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px}.associado-info button:hover{background:#005fa3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:Inter,sans-serif;overflow-x:hidden}.layout-content{padding-bottom:80px;min-height:100%}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}