*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--padding:8px}#app{display:grid;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-tap-highlight-color:transparent}.screen--home{display:grid;grid-template-rows:auto 1fr;gap:var(--padding)}.screen--home,.screen--home>button{padding:var(--padding)}.screen--home--buttons{display:grid;gap:var(--padding)}@media (orientation:landscape){.screen--home--buttons{grid-template-columns:repeat(3,1fr)}}@media (orientation:portrait){.screen--home--buttons{grid-template-rows:repeat(3,1fr)}}.screen--sync{display:grid;grid-template-rows:auto 1fr auto;gap:var(--padding)}.screen--sync,.screen--sync>button{padding:var(--padding)}.screen--history{display:grid;grid-template-rows:auto 1fr}.screen--history--upper{padding:var(--padding)}.screen--history--table-container{background-color:#ccc}.screen--history--table-container table{width:100%;border-collapse:collapse}.screen--history--table-container table td,.screen--history--table-container table th{white-space:nowrap;padding:calc(var(--padding)/2) var(--padding);border:1px solid #444}.screen--insert{display:grid;grid-template-rows:1fr auto}.screen--insert--upper{display:grid;grid-template-rows:auto 1fr auto;padding:var(--padding);gap:var(--padding)}.screen--insert--upper--title{display:grid;grid-template-columns:1fr auto;gap:var(--padding)}.screen--insert--upper--title>button>img{width:32px;height:32px}.screen--insert--upper--qr-code-preview{border:1px solid #ccc}.screen--insert--upper--input-container,.screen--insert--upper--qr-code-preview{display:flex;justify-content:center;align-items:center}.screen--insert--upper--input-container p{font-size:2rem;text-align:center}table.screen--insert--upper--geolocation-table{width:100%;border-collapse:collapse}table.screen--insert--upper--geolocation-table tr:first-child td{border-top:1px solid #ccc}table.screen--insert--upper--geolocation-table td{border-bottom:1px solid #ccc;padding:calc(var(--padding, 8px)/2)}.screen--insert--keypad{display:grid;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(6,1fr)}.screen--insert--keypad>button{padding:calc(var(--padding, 8px)*2) var(--padding);border:0;border-radius:0;color:#fff;cursor:pointer}.screen--insert--keypad>button.spans-2{grid-column:span 2}.screen--insert--keypad>button:nth-child(odd){background-color:#666}.screen--insert--keypad>button:nth-child(2n){background-color:#444}.screen--insert--keypad>button.bg-black{background-color:#000}.screen--insert--keypad>button.bg-red{background-color:#c0392b}.screen--insert--keypad>button.bg-green{background-color:#27ae60}#accuracy-text,#latitude-text,#longitude-text{transition:color .7s ease-in-out}#accuracy-text.updated,#latitude-text.updated,#longitude-text.updated{color:#27ae60}