@charset "UTF-8";.header{height:10vh;display:flex;align-items:center;color:#333;background-color:#a2d2ff;justify-content:space-between}.header-title{display:flex;flex-direction:row;align-items:center;margin-left:80px}.title_logo{width:55px;height:auto;margin-right:10px}.main-title{font-size:20px;font-weight:700}.main-title .asyoro{font-size:14px;margin-left:10px}.buttons{display:flex;gap:25px;margin-right:80px}@media(max-width:900px){.buttons{gap:10px}.asyoro{display:none}}@media(max-width:800px){.main-title{font-size:16px}}@media(max-width:768px){.csv-button{display:none}}@media(max-width:600px){.header{width:100%;height:15vh;flex-direction:column;justify-content:center}.title_logo{width:35px}.header-title{margin-left:0}.buttons{width:100%;justify-content:center;margin-right:0;margin-top:5px}}.raccoon-base-button{background:linear-gradient(135deg,#7e3ff2,#c084fc);color:#fff;padding:.3em 2em;border:none;border-radius:9999px;font-size:.8rem;font-weight:500;height:35px;width:130px;cursor:pointer;box-shadow:0 4px 10px #7e3ff266;transition:transform .2s ease,box-shadow .2s ease;line-height:1.15}.raccoon-base-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #7e3ff299}@media(max-width:800px){.raccoon-base-button{width:120px;font-size:.7rem;height:30px}}@media(max-width:600px){.raccoon-base-button{width:150px;font-size:.7rem;height:25px}}.footer{display:flex;height:3vh;background-color:#a2d2ff;justify-content:center}.footer p{font-size:.8em;font-weight:400;line-height:3vh}.create_name{margin-left:15px}@media(max-width:600px){.create_name{display:none}}.external-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:center;align-items:center;width:400px;max-width:90%;padding:20px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000040;animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.external-container .form-container{display:flex;flex-direction:column;gap:10px;width:80%;color:#555}.external-container .form-container h3{text-align:center}.external-container .latlng-display{display:flex;font-size:.9rem;gap:8px}.external-container .text-font{font-size:.9rem}.external-container .category-group{display:flex;justify-content:center;gap:10px;width:100%;font-size:.8rem}.external-container .category-group .category-label{align-self:center;font-size:.9rem}.external-container .category-group #category{width:85%;padding:.5rem .8rem;font-size:.8rem;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;transition:border-color .2s,box-shadow .2s}.external-container .category-group #category:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.external-container .date{display:flex;justify-content:center;align-items:center;gap:6px}.external-container .date .date-form{width:65px;height:30px;padding:.5rem .8rem;font-size:.8rem;border:1px solid #ccc;border-radius:8px;transition:border-color .2s,box-shadow .2s}.external-container .date .date-form:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.external-container .memo-section{display:flex;flex-direction:column;gap:4px}.external-container .text-form{width:100%;padding:.6rem .8rem;border:1px solid #ddd;border-radius:8px;font-size:.8rem;min-height:60px;max-height:100px;resize:vertical;transition:border-color .2s,box-shadow .2s}.external-container .text-form:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.external-container .capture-label{display:flex;justify-content:flex-start;align-items:center;gap:50px;margin-left:10px}.external-container .capture-info{display:flex;justify-content:center;align-items:center;gap:15px}.external-container .capture-form{width:75px;height:35px;padding:.5rem .8rem;font-size:.8rem;gap:6px;border:1px solid #ccc;border-radius:8px;transition:border-color .2s,box-shadow .2s}.external-container .capture-form:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.external-container .img-upload{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin:20px 0}.external-container .img-upload .img-title{font-size:1rem;margin-right:30px}.external-container .img-upload p{font-size:.8rem}.external-container .img-upload a{text-decoration:none}.external-container .img-upload label{font-size:.9rem;cursor:pointer}.external-container .uploaded-image{max-width:130px;max-height:130px;border-radius:8px;object-fit:cover}.external-container .form-buttons{display:flex;justify-content:flex-end;gap:8px}.external-container .buttons{display:flex;justify-content:center;align-items:center;width:100px;padding:6px 16px;cursor:pointer;color:#fff;border:none;border-radius:8px;margin:0;white-space:nowrap;transition:background-color .2s,transform .2s}.external-container .buttons:hover{transform:translateY(-1px)}.external-container .btn-green{background:linear-gradient(135deg,#34d399,#10b981)}.external-container .btn-green:hover{background:linear-gradient(135deg,#10b981,#059669)}.external-container .btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.external-container .btn-blue:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}#map{position:relative;width:100%;height:87vh}@media(max-width:600px){#map{height:82vh}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.marker-info{position:fixed;top:15%;left:80%;transform:translate(-50%);z-index:1000;width:400px;max-width:90%;padding:20px;color:#1e40af;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-height:70vh;overflow-y:auto;animation:fadeInUp .3s ease}.marker-info h3{font-size:1rem}.marker-info .Location-data{display:flex;gap:10px}.marker-info .description{font-size:.9rem}.marker-info .uploaded-image{max-width:130px;max-height:130px;border-radius:8px;object-fit:cover}@keyframes fadeInUp{0%{opacity:0;transform:translate(calc(-50% + 20px)) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:1100px){.marker-info{left:70%}}@media(max-width:768px){.marker-info{left:60%;width:350px}}@media(max-width:480px){.marker-info{top:25%;left:50%}}