:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--background-color: #ffffff;--text-color: #333333;--card-background: #f0f8ff;--card-seen-background: #2d7781;--card-seen-by-others: #3b3c3d;--tab-background: #f5f5f5;--tab-active: #ffffff;--tab-hover: #f0f0f0;--tab-border: #cccccc;--overlay-background: rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root{--background-color: #1a1a1a;--text-color: #ffffff;--card-background: #2d2d2d;--card-seen-background: #3d8991;--card-seen-by-others: #6d7a8c;--tab-background: #2d2d2d;--tab-active: #3d3d3d;--tab-hover: #4d4d4d;--tab-border: #404040;--overlay-background: rgba(0, 0, 0, .7)}}#root{max-width:100%;margin:0 auto;padding:2rem;text-align:center;width:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:var(--background-color);color:var(--text-color)}.card{padding:2em}.sheepList{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;justify-content:center;align-items:center;width:100%;padding:0;margin:0}.sheepCard{background-color:var(--card-background);color:var(--text-color);border-radius:10px;box-shadow:0 4px 8px #0003;list-style:none;text-align:center;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .6s ease-in-out;position:relative;max-width:100px}.sheepCard.seen{background-color:var(--card-seen-background);color:#fff}.sheepCard.seenByOtherUsers{background-color:var(--card-seen-by-others);color:#fff}.sheepCard:before{content:"";display:none}.sheepCardDetails{display:none}.sheepCard.selected .sheepCardDetails{display:block;width:100%;max-width:800px;margin:0;padding-top:0;align-self:flex-start}.sheepCard.selected{position:fixed;top:50vh;left:50%;width:100%;max-width:800px;max-height:60vh;height:auto;transform:translate(-50%,-50%);z-index:1000;background-color:var(--card-background);color:var(--text-color);margin:0;padding:2rem;border-radius:10px;box-shadow:0 8px 16px #0000004d;transition:all .6s ease-in-out;display:flex;flex-direction:column;align-items:stretch}.sheepList:after{content:"";position:fixed;inset:0;background:var(--overlay-background);visibility:hidden;opacity:0;transition:all .3s ease-in-out;pointer-events:none}.sheepList:has(.sheepCard.selected):after{visibility:visible;opacity:1}.app-container{padding-top:60px}.tabs{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--tab-border);background:var(--tab-background);align-items:center}.tabs-left{display:flex;gap:4px;align-items:center}.tabs-right{margin-left:auto;display:flex;align-items:center}.tab{padding:12px 24px;border:1px solid var(--tab-border);border-bottom:none;background:var(--tab-background);border-radius:8px 8px 0 0;cursor:pointer;margin-bottom:-1px;transition:all .2s ease;color:var(--text-color)}.wake-lock{background:#817f7f}.tab:hover{background:var(--tab-hover)}.tab.active{background:var(--tab-active);border-bottom:1px solid var(--tab-active);font-weight:700;color:var(--text-color)}.tab-content{padding:20px;background:var(--background-color)}.settings-container{max-width:400px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}button[type=submit]{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button[type=submit]:hover{background-color:#0056b3}.loader{display:inline-grid;width:80px;aspect-ratio:1;animation:l10-0 6s linear infinite}.loader:before,.loader:after{content:"";grid-area:1/1}.loader:before{clip-path:polygon(100% 50%,83.81% 59.06%,93.3% 75%,74.75% 74.75%,75% 93.3%,59.06% 83.81%,50% 100%,40.94% 83.81%,25% 93.3%,25.25% 74.75%,6.7% 75%,16.19% 59.06%,0% 50%,16.19% 40.94%,6.7% 25%,25.25% 25.25%,25% 6.7%,40.94% 16.19%,50% 0%,59.06% 16.19%,75% 6.7%,74.75% 25.25%,93.3% 25%,83.81% 40.94%);background:#1b325f;transform:rotate(0) translate(-12.5%) rotate(0);animation:l10-1 2s linear infinite}.loader:after{margin:12.5%;clip-path:polygon(100% 50%,78.19% 60.26%,88.3% 82.14%,65% 75.98%,58.68% 99.24%,44.79% 79.54%,25% 93.3%,27.02% 69.28%,3.02% 67.1%,20% 50%,3.02% 32.9%,27.02% 30.72%,25% 6.7%,44.79% 20.46%,58.68% .76%,65% 24.02%,88.3% 17.86%,78.19% 39.74%);background:#9cc4e4}@keyframes l10-0{to{rotate:1turn}}@keyframes l10-1{to{transform:rotate(-1turn) translate(-12.5%) rotate(.75turn)}}@media (prefers-color-scheme: dark){.form-group input{background-color:#2d2d2d;border-color:#404040;color:var(--text-color)}button[type=submit]{background-color:#0056b3}button[type=submit]:hover{background-color:#003d80}}.connection-status{margin-left:auto;padding:0 1rem}:root{--settings-background: #ffffff;--settings-text: #333333;--input-background: #ffffff;--input-border: #cccccc;--button-primary: #007bff;--button-primary-hover: #0056b3;--button-refresh: #4CAF50;--button-refresh-hover: #45a049;--user-background: #f5f5f5;--user-border: #eeeeee;--button-disabled: #cccccc}@media (prefers-color-scheme: dark){:root{--settings-background: #1a1a1a;--settings-text: #ffffff;--input-background: #2d2d2d;--input-border: #404040;--button-primary: #0056b3;--button-primary-hover: #003d80;--button-refresh: #2d8a30;--button-refresh-hover: #256b27;--user-background: #2d2d2d;--user-border: #404040;--button-disabled: #404040}}._settings-container_1uum2_31{padding:20px;max-width:600px;margin:0 auto;color:var(--settings-text)}._settings-container_1uum2_31 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}._form-group_1uum2_48{margin-bottom:20px}._form-group_1uum2_48 label{display:block;margin-bottom:5px;font-weight:700;color:var(--settings-text)}._form-group_1uum2_48 input{width:100%;padding:8px;border:1px solid var(--input-border);border-radius:4px;background-color:var(--input-background);color:var(--settings-text)}button{background-color:var(--button-primary);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:var(--button-primary-hover)}._user_1uum2_82{list-style-type:none;padding:8px 0;border-bottom:1px solid var(--user-border);width:100%;max-width:300px;padding:.5rem;text-align:center;background-color:var(--user-background);border-radius:4px;color:var(--settings-text)}h2{margin-top:20px;margin-bottom:10px;color:var(--settings-text)}._button-group_1uum2_101{display:flex;gap:1rem;margin-top:1rem}._button-group_1uum2_101 button{flex:1;min-width:0}button:disabled{background-color:var(--button-disabled);cursor:not-allowed;opacity:.7}._checkbox-group_1uum2_118{margin:2rem 0}._checkbox-label_1uum2_122{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--settings-text)}._checkbox-input_1uum2_130{width:1.5rem;height:1.5rem;cursor:pointer;background-color:var(--input-background);border:1px solid var(--input-border)}._refresh-button_1uum2_138{width:100%;max-width:300px;margin:1rem auto;padding:.5rem;background-color:var(--button-refresh);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._refresh-button_1uum2_138:hover{background-color:var(--button-refresh-hover)}._login-link_1uum2_155,._logout-link_1uum2_156{cursor:pointer;color:var(--link-color, #0066cc);text-decoration:underline;display:inline-block;margin:4px 0}._login-link_1uum2_155:disabled,._logout-link_1uum2_156:disabled,._login-link_1uum2_155[disabled],._logout-link_1uum2_156[disabled]{cursor:not-allowed;opacity:.5;text-decoration:none;color:var(--disabled-color, #666666)}._login-link-disabled_1uum2_174,._logout-link-disabled_1uum2_175{opacity:.5;cursor:not-allowed;color:var(--disabled-color, #666666);text-decoration:none}