@charset "UTF-8";:root{--form-border-radius: 4px;--form-transition: all .2s ease;--form-shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--form-shadow-strong: 0 4px 12px rgba(0, 0, 0, .15);--form-hover-transform: translateY(-1px)}.anonymous-gas-price-page{min-height:100vh;background:#fff;padding:1rem 0}.anonymous-gas-price-page .page-container{max-width:600px;margin:0 auto;padding:0 1rem}.anonymous-gas-price-page .page-header{text-align:center;margin-bottom:2rem}.anonymous-gas-price-page .page-header .page-title{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.5rem}.anonymous-gas-price-page .page-header .page-subtitle{font-size:1rem;color:#666}.alert{margin:1rem 0;padding:1rem;border-radius:var(--form-border-radius);border:1px solid;position:relative;transition:var(--form-transition)}.alert .alert-content{margin-right:2rem}.alert .alert-content strong{font-weight:600}.alert .alert-content ul{margin:.5rem 0 0 1rem;padding:0}.alert .alert-content ul li{margin:.25rem 0}.alert .alert-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s ease}.alert .alert-close:hover{opacity:1}.alert.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.alert.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.form-section{margin-bottom:2rem}.form-section .section-title{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:1rem}.form-section .section-description{color:#666;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.form-section.photo-upload-section+.price-input-section{position:relative;margin-top:3rem}.form-section.photo-upload-section+.price-input-section:before{content:"または";position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);color:#666;font-size:.875rem;font-weight:500;background:#fff;padding:0 1rem}.form-group{margin-bottom:1.5rem}.form-group .form-label{display:block;font-weight:600;color:#000;margin-bottom:.5rem;font-size:.875rem}.form-group .form-label .required{color:#dc3545;margin-left:.25rem}.form-group .form-control{width:100%;padding:.75rem;border:1px solid #e9ecef;border-radius:4px;font-size:1rem;transition:border-color .2s;background:#fff}.form-group .form-control:focus{outline:2px solid #00BBFF;outline-offset:2px;border-color:#0bf}.form-group .form-control:focus-visible{outline:2px solid #00BBFF;outline-offset:2px}.form-group .form-control.error{border-color:#dc3545}.form-group select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23666' d='M8 12L4 6h8z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}.form-group textarea.form-control{resize:vertical;min-height:100px}.form-group input[type=file].form-control{padding:.5rem;cursor:pointer}.price-inputs{display:grid;gap:1rem}@media (min-width: 768px){.price-inputs{grid-template-columns:repeat(3,1fr)}}.photo-preview{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.photo-preview .preview-title{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:#000}.photo-preview .preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.photo-preview .preview-grid .photo-preview-item .photo-thumbnail{position:relative;border-radius:4px;overflow:hidden;border:2px solid #ffffff;box-shadow:0 2px 8px #0000001a;background:#fff}.photo-preview .preview-grid .photo-preview-item .photo-thumbnail img{width:100%;height:80px;object-fit:cover;display:block}.photo-preview .preview-grid .photo-preview-item .photo-thumbnail .remove-photo{padding:1rem;position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc3545f2;color:#fff;border:2px solid #ffffff;cursor:pointer;font-size:16px;line-height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #0003;transition:all .2s}.photo-preview .preview-grid .photo-preview-item .photo-thumbnail .remove-photo:hover{background:#dc3545;transform:scale(1.1)}.photo-preview .preview-grid .photo-preview-item .photo-thumbnail .remove-photo:active{transform:scale(.95)}.photo-preview .preview-grid .photo-preview-item .photo-name{font-size:.75rem;color:#666;margin-top:.25rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-only-submit .btn-image-only,.form-actions .btn{padding:.75rem 1.5rem;border-radius:var(--form-border-radius);font-weight:600;text-decoration:none;border:none;cursor:pointer;font-size:1rem;min-width:120px;transition:var(--form-transition);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.image-only-submit .btn-image-only:disabled,.form-actions .btn:disabled,.image-only-submit .loading.btn-image-only,.form-actions .loading.btn{opacity:.6;cursor:not-allowed;pointer-events:none}.image-only-submit .loading.btn-image-only .btn-text,.form-actions .loading.btn .btn-text{opacity:0}.image-only-submit .btn-image-only .loading-spinner,.form-actions .btn .loading-spinner{position:absolute}.image-only-submit .btn-image-only .loading-spinner .spinner,.form-actions .btn .loading-spinner .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.form-actions{display:flex;gap:1rem;justify-content:center;padding:2rem 0}.form-actions .btn.btn-primary{background:#0bf;color:#fff;box-shadow:var(--form-shadow-light)}.form-actions .btn.btn-primary:hover:not(.loading):not(:disabled){background:#09c;transform:var(--form-hover-transform);box-shadow:var(--form-shadow-strong);will-change:transform,box-shadow}.form-actions .btn.btn-primary:active{transform:translateY(0)}.form-actions .btn.btn-secondary{background:#fff;color:#000;border:1px solid #F0F2F5}.form-actions .btn.btn-secondary:hover:not(.loading):not(:disabled){background:#f8f9fa;transform:var(--form-hover-transform)}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.image-only-submit .btn-image-only{background:#2e7d32;color:#fff;font-size:.875rem;box-shadow:var(--form-shadow-light)}.image-only-submit .btn-image-only:hover:not(.loading):not(:disabled){background:#2e6b32;transform:var(--form-hover-transform);box-shadow:var(--form-shadow-strong)}.image-only-submit .btn-image-only:active{transform:translateY(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message,.validation-error,.photo-error{color:#dc3545;font-size:.875rem;margin-top:.5rem}.price-type-group{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef;border-left:none;border-right:none;border-bottom:none}.price-type-group[role=fieldset]{border:none;border-top:1px solid #e9ecef;margin:0;padding:1.5rem 0 0}.price-type-group[role=fieldset] legend{padding:0;margin-bottom:.5rem}.price-type-group fieldset.price-type-group{border:none;border-top:1px solid #e9ecef;margin:0;padding:1.5rem 0 0}.price-type-group fieldset.price-type-group legend{padding:0;margin-bottom:.5rem}.price-type-group .radio-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}@media (max-width: 390px){.price-type-group .radio-group{grid-template-columns:1fr;gap:.75rem}}.price-type-group .radio-group .radio-label{display:flex;align-items:center;cursor:pointer;padding:.75rem;border:1px solid #e9ecef;border-radius:4px;background:#fff;transition:all .2s;min-height:50px}.price-type-group .radio-group .radio-label:hover{background:#f8f9fa;border-color:#0bf}.price-type-group .radio-group .radio-label input[type=radio]{margin-right:.75rem;width:18px;height:18px;cursor:pointer}.price-type-group .radio-group .radio-label input[type=radio]:focus{outline:2px solid #00BBFF;outline-offset:2px}.price-type-group .radio-group .radio-label input[type=radio]:focus-visible{outline:2px solid #00BBFF;outline-offset:2px}.price-type-group .radio-group .radio-label .radio-text{font-size:.95rem;color:#000;font-weight:500;line-height:1.3}.price-type-group .radio-group .radio-label.selected{background:#0dcaf01a;border-color:#0bf}.price-type-group .radio-group .radio-label.selected .radio-text{color:#0bf;font-weight:600}.price-type-group .help-text{display:block;margin-top:.75rem;font-size:.875rem;color:#666;text-align:center}.other-station-help{margin-top:.5rem;padding:.75rem 1rem;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;font-size:.875rem;color:#856404;font-weight:600}.other-station-help:before{content:"⚠️ ";margin-right:.5rem}.other-price-type-help{margin-top:.5rem;font-size:.875rem;color:#dc3545;font-weight:600}.search-container{position:relative}.search-container .search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.search-container .search-results .search-result-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #e9ecef;transition:background-color .2s}.search-container .search-results .search-result-item:hover{background:#f8f9fa}.search-container .search-results .search-result-item:last-child{border-bottom:none}.search-container .search-results .search-result-item.no-results{color:#666;cursor:default;font-style:italic}.search-container .search-results .search-result-item.no-results:hover{background:#fff}.help-text{color:#666;font-size:.875rem;margin-top:.25rem}.confirmation-info p{color:#666;font-size:.875rem;text-align:center;margin:1rem 0;line-height:1.5}
