body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.home-page h1{color:#8b4513;font-size:3rem;margin-bottom:3rem;text-shadow:2px 2px 4px #0000004d}.choice-buttons{display:flex;flex-direction:column;gap:2rem}.choice-button{background-color:#f4a460;border:2px solid #8b4513;border-radius:10px;color:#8b4513;cursor:pointer;font-size:1.5rem;min-width:400px;padding:1.5rem 3rem;transition:all .3s ease}.choice-button:hover{background-color:#8b4513;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}.upload-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.upload-page h1{color:#8b4513;font-size:2.5rem;margin-bottom:2rem}.success-container,.upload-container{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:500px;width:100%}.file-input-container{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-label{background-color:#f4a460;border:2px solid #8b4513;border-radius:5px;color:#8b4513;cursor:pointer;display:inline-block;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.file-label:hover{background-color:#8b4513;color:#fff}.preview-container{max-width:400px;width:100%}.preview-image,.uploaded-image{border:2px solid #8b4513;border-radius:10px;height:auto;width:100%}.back-button,.upload-button,.view-button{background-color:#f4a460;border:2px solid #8b4513;border-radius:5px;color:#8b4513;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.back-button:hover,.upload-button:hover,.view-button:hover{background-color:#8b4513;color:#fff}.upload-button:disabled{cursor:not-allowed;opacity:.6}.success-message{color:#8b4513;font-size:1.2rem;margin:1rem 0;text-align:center}.inspect-poo-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.inspect-poo-page h1{color:#8b4513;font-size:2.5rem;margin-bottom:1rem}.image-info{color:#8b4513;display:flex;font-size:1.1rem;gap:2rem;margin-bottom:1rem}.canvas-container{border:2px solid #8b4513;border-radius:10px;height:900px;max-height:80vh;max-width:90vw;overflow:hidden;position:relative;width:1200px}.drawing-canvas{cursor:crosshair;display:block;height:100%;width:100%}.minimap-container .legend{border-top:2px solid #8b4513;margin-top:1.5rem;padding-top:1rem}.minimap-container .legend h4{margin-bottom:.75rem}.legend-item{align-items:center;border-radius:5px;color:#8b4513;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem;padding:.3rem;transition:background-color .2s ease;word-break:break-word}.legend-item.clickable{cursor:pointer}.legend-item.clickable:hover{background-color:#8b45131a}.color-box{border:1px solid #8b4513;border-radius:3px;flex-shrink:0;height:20px;width:20px}.history-button,.home-button,.my-poos-button,.next-button{background-color:#f4a460;border:2px solid #8b4513;border-radius:5px;color:#8b4513;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.history-button:hover,.home-button:hover,.my-poos-button:hover,.next-button:hover{background-color:#8b4513;color:#fff}.next-button:disabled{cursor:not-allowed;opacity:.6}.next-button:disabled:hover{background-color:#f4a460;color:#8b4513}.no-images-container{background-color:#fff8dc;border:3px solid #8b4513;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.no-images-container h1{color:#8b4513;font-size:3rem;margin-bottom:1.5rem}.shy-message{color:#654321;font-size:1.3rem;line-height:1.6;margin-bottom:1rem}.encouragement{color:#8b6914;font-size:1.1rem;font-style:italic;margin-bottom:2rem}.be-first-button{background-color:#90ee90;border:3px solid #8b4513;border-radius:10px;color:#2f4f2f;cursor:pointer;display:block;font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding:1.2rem 2.5rem;transition:all .3s ease;width:100%}.be-first-button:hover{background-color:#228b22;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}.canvas-container img{display:none;max-height:none;max-width:none}.zoom-controls{align-items:center;background-color:#f4a460;border-radius:5px;display:flex;gap:1rem;margin-bottom:1rem}.zoom-controls,.zoom-controls button{border:2px solid #8b4513;padding:.5rem 1rem}.zoom-controls button{background-color:#fff8dc;border-radius:5px;color:#8b4513;cursor:pointer;font-weight:700;transition:all .3s ease}.zoom-controls button:hover{background-color:#8b4513;color:#fff}.zoom-controls span{color:#8b4513;font-weight:700}.viewer-container{display:flex;gap:2rem;margin-bottom:2rem}.minimap-container{background-color:#f4a460;border:2px solid #8b4513;border-radius:10px;max-height:80vh;min-width:250px;overflow-y:auto;padding:1rem}.minimap-container h4{color:#8b4513;margin-bottom:.5rem;margin-top:0}.minimap{border:2px solid #8b4513;border-radius:5px;cursor:pointer;display:block;max-height:150px;max-width:200px}.minimap-hint{color:#8b4513;font-size:.9rem;font-style:italic;margin-bottom:0;margin-top:.5rem}.instructions{border-top:1px solid #8b4513;margin-top:1.5rem;padding-top:1rem}.instructions p{color:#8b4513;font-size:.9rem;font-style:italic;margin:.25rem 0}.inspected-poo-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.inspected-poo-page h1{color:#8b4513;font-size:2.5rem;margin-bottom:2rem}.no-history{padding:3rem;text-align:center}.no-history p{color:#8b4513;font-size:1.5rem;margin-bottom:2rem}.home-button,.inspect-more-button,.start-inspecting-button{background-color:#f4a460;border:2px solid #8b4513;border-radius:5px;color:#8b4513;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.home-button:hover,.inspect-more-button:hover,.start-inspecting-button:hover{background-color:#8b4513;color:#fff}.history-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem;max-width:1200px;width:100%}.history-item{background-color:#f4a460;border:2px solid #8b4513;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .3s ease}.history-item:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.history-thumbnail{height:200px;object-fit:cover;width:100%}.history-info{color:#8b4513;padding:1rem}.history-info p{font-size:.9rem;margin:.5rem 0}.upload-date{font-weight:700}.observation-count{color:sienna}.last-inspected{color:#8b4513;font-style:italic}.buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.observations-list{border-top:1px solid #8b4513}.observations-header{color:#8b4513;font-weight:700;margin-bottom:.5rem}.observation-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:.5rem;margin:.25rem 0;padding:.25rem .5rem;transition:background-color .2s ease}.observation-item:hover{background-color:#8b45131a}.observation-color{border:1px solid #8b4513;border-radius:3px;display:inline-block;height:16px;width:16px}.observation-label{color:#8b4513;font-size:.85rem}.my-uploads-page{background-color:#fff;min-height:100vh;padding:2rem}.my-uploads-page h1{font-size:2.5rem;margin-bottom:2rem}.loading,.my-uploads-page h1{color:#8b4513;text-align:center}.loading{font-size:1.2rem;margin-top:3rem}.no-uploads{background-color:#fff;border-radius:10px;margin:0 auto;max-width:400px;padding:3rem;text-align:center}.no-uploads p{color:#8b4513;font-size:1.2rem;margin-bottom:2rem}.upload-button{background-color:#8b4513;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 2rem;transition:background-color .3s ease}.upload-button:hover{background-color:#6b3410}.uploads-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.upload-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.upload-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.image-container{height:250px;overflow:hidden;position:relative;width:100%}.upload-thumbnail{height:100%;object-fit:cover;width:100%}.image-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.upload-card:hover .image-overlay{opacity:1}.image-overlay span{color:#fff;font-size:1.2rem;font-weight:700}.upload-info{padding:1.5rem}.upload-date{color:#666;font-size:.9rem;margin-bottom:.5rem}.upload-stats{display:flex;gap:2rem;margin-bottom:1rem}.stat{color:#8b4513;font-size:1rem}.stat strong{font-size:1.2rem;font-weight:700}.observations-list{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.observations-list h4{color:#8b4513;font-size:1rem;margin-bottom:.5rem}.observations-list ul{list-style:none;margin:0;padding:0}.observations-list li{color:#666;font-size:.9rem;padding:.25rem 0}.observation-item.clickable{border-radius:3px;cursor:pointer;margin:.25rem 0;padding:.25rem .5rem;transition:color .2s ease,background-color .2s ease}.observation-item.clickable:hover{background-color:#f5f5f5;color:#8b4513}.more-observations{color:#999;font-style:italic}.navigation-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.nav-button{background-color:#8b4513;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 2rem;transition:background-color .3s ease}.nav-button:hover{background-color:#6b3410}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e3941dd2.css.map*/