:root{--govuk-blue: #1d70b8;--govuk-green: #00703c;--govuk-red: #d4351c;--govuk-yellow: #ffdd00;--govuk-black: #0b0c0c;--govuk-dark-grey: #505a5f;--govuk-mid-grey: #b1b4b6;--govuk-light-grey: #f3f2f1;--govuk-white: #ffffff;--govuk-brand: #228B22;--govuk-brand-dark: #1a6b1a;--govuk-link: #1d70b8;--govuk-link-hover: #003078;--govuk-link-visited: #4c2c92;--govuk-spacing-1: 5px;--govuk-spacing-2: 10px;--govuk-spacing-3: 15px;--govuk-spacing-4: 15px;--govuk-spacing-5: 15px;--govuk-spacing-6: 20px;--govuk-spacing-7: 25px;--govuk-spacing-8: 30px;--govuk-spacing-9: 40px;--govuk-font-size-80: 53px;--govuk-font-size-48: 32px;--govuk-font-size-36: 27px;--govuk-font-size-27: 21px;--govuk-font-size-24: 18px;--govuk-font-size-19: 16px;--govuk-font-size-16: 14px;--govuk-font-size-14: 12px;--govuk-touch-target-size: 44px;--sidebar-width: 360px;--header-height: 60px;--mobile-bar-height: 60px}@media(min-width:641px){:root{--govuk-spacing-4: 20px;--govuk-spacing-5: 25px;--govuk-spacing-6: 30px;--govuk-spacing-7: 40px;--govuk-spacing-8: 50px;--govuk-spacing-9: 60px;--govuk-font-size-80: 80px;--govuk-font-size-48: 48px;--govuk-font-size-36: 36px;--govuk-font-size-27: 27px;--govuk-font-size-24: 24px;--govuk-font-size-19: 19px;--govuk-font-size-16: 16px;--govuk-font-size-14: 14px}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--govuk-light-grey);font-size:var(--govuk-font-size-19);line-height:1.25}.govuk-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}.govuk-skip-link{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;font-family:GDS Transport,arial,sans-serif;font-size:var(--govuk-font-size-16);text-decoration:underline;color:var(--govuk-black);background-color:var(--govuk-yellow);padding:var(--govuk-spacing-2) var(--govuk-spacing-3);z-index:10000}.govuk-skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;margin:inherit;overflow:visible;clip:auto;clip-path:none;white-space:inherit}.govuk-header{background:var(--govuk-black);border-bottom:10px solid var(--govuk-brand);color:#fff;padding:var(--govuk-spacing-2) 0;position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height)}.govuk-header__container{display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:0 var(--govuk-spacing-3);height:100%}.govuk-header__logo{display:flex;align-items:center;gap:var(--govuk-spacing-2)}.govuk-header__link{font-weight:700;font-size:var(--govuk-font-size-19);color:var(--govuk-white);text-decoration:none;font-family:GDS Transport,arial,sans-serif;display:flex;align-items:center;gap:var(--govuk-spacing-2)}.govuk-header__link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.1578em}.govuk-header__link:focus{outline:3px solid transparent;background:var(--govuk-yellow);box-shadow:0 -2px var(--govuk-yellow),0 4px var(--govuk-black);text-decoration:none;color:var(--govuk-black)}.govuk-header__link--homepage{font-size:var(--govuk-font-size-24)}.govuk-header__service-name{font-family:GDS Transport,arial,sans-serif;font-weight:700;font-size:var(--govuk-font-size-19);color:#fff}@media(min-width:641px){.govuk-header__link--homepage{font-size:var(--govuk-font-size-27)}.govuk-header__service-name{font-size:var(--govuk-font-size-24)}}.app-layout{display:flex;height:100vh;padding-top:var(--header-height)}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.sidebar{width:var(--sidebar-width);background:var(--govuk-white);border-left:1px solid var(--govuk-mid-grey);display:none;flex-direction:column;overflow:hidden}@media(min-width:769px){.sidebar{display:flex}}.sidebar-tabs{display:flex;background:var(--govuk-light-grey);border-bottom:1px solid var(--govuk-mid-grey);padding:var(--govuk-spacing-1);gap:var(--govuk-spacing-1);flex-wrap:wrap}.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--govuk-spacing-1) var(--govuk-spacing-2);background:transparent;border:none;border-radius:4px;cursor:pointer;font-family:GDS Transport,arial,sans-serif;font-size:11px;color:var(--govuk-dark-grey);min-height:50px;min-width:50px;transition:background-color .15s,color .15s}.sidebar-tab svg{width:18px;height:18px}.sidebar-tab:hover{background:var(--govuk-white);color:var(--govuk-black)}.sidebar-tab:focus{outline:3px solid var(--govuk-yellow);outline-offset:0;background:var(--govuk-yellow);color:var(--govuk-black)}.sidebar-tab.active{background:var(--govuk-white);color:var(--govuk-brand);font-weight:700}.sidebar-tab:disabled{opacity:.4;cursor:not-allowed}.sidebar-tab.tracking{color:var(--govuk-blue);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-content{flex:1;overflow-y:auto;padding:var(--govuk-spacing-3)}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel-title{font-size:var(--govuk-font-size-24);font-weight:700;margin:0 0 var(--govuk-spacing-3);color:var(--govuk-black)}.tab-panel-intro{font-size:var(--govuk-font-size-16);color:var(--govuk-dark-grey);margin-bottom:var(--govuk-spacing-4)}.govuk-form-group{margin-bottom:var(--govuk-spacing-4)}.govuk-label{display:block;font-weight:700;font-size:var(--govuk-font-size-19);margin-bottom:var(--govuk-spacing-1);color:var(--govuk-black)}.govuk-hint{font-size:var(--govuk-font-size-16);color:var(--govuk-dark-grey);margin-bottom:var(--govuk-spacing-2)}.govuk-input,.govuk-textarea,.govuk-select{width:100%;padding:var(--govuk-spacing-2);font-size:var(--govuk-font-size-19);font-family:GDS Transport,arial,sans-serif;border:2px solid var(--govuk-black);border-radius:0;background:var(--govuk-white)}.govuk-input:focus,.govuk-textarea:focus,.govuk-select:focus{outline:3px solid var(--govuk-yellow);outline-offset:0;border-color:var(--govuk-black)}.govuk-textarea{min-height:100px;resize:vertical}.govuk-button{font-family:GDS Transport,arial,sans-serif;font-weight:700;font-size:var(--govuk-font-size-19);line-height:1;padding:var(--govuk-spacing-2) var(--govuk-spacing-3);border:2px solid transparent;border-radius:0;cursor:pointer;display:inline-block;text-decoration:none;background:var(--govuk-brand);color:var(--govuk-white);box-shadow:0 2px 0 var(--govuk-brand-dark);position:relative;top:0;width:100%;text-align:center}.govuk-button:hover{background:var(--govuk-brand-dark)}.govuk-button:active{top:2px;box-shadow:none}.govuk-button:focus{outline:3px solid var(--govuk-yellow);outline-offset:0;background:var(--govuk-yellow);box-shadow:0 2px 0 var(--govuk-black);color:var(--govuk-black)}.govuk-button--secondary{background:var(--govuk-light-grey);color:var(--govuk-black);box-shadow:0 2px 0 var(--govuk-mid-grey)}.govuk-button--secondary:hover{background:#dbdad9}.govuk-button--warning{background:var(--govuk-red);box-shadow:0 2px #942514}.govuk-button--warning:hover{background:#942514}.file-upload-zone{border:2px dashed var(--govuk-mid-grey);border-radius:4px;padding:var(--govuk-spacing-6);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;margin-bottom:var(--govuk-spacing-3)}.file-upload-zone:hover{border-color:var(--govuk-brand);background:#228b220d}.file-upload-zone.drag-over{border-color:var(--govuk-brand);background:#228b221a}.file-upload-zone svg{width:48px;height:48px;color:var(--govuk-mid-grey);margin-bottom:var(--govuk-spacing-2)}.file-upload-zone p{margin:0;font-size:var(--govuk-font-size-16);color:var(--govuk-dark-grey)}.file-upload-zone .upload-text{color:var(--govuk-link);font-weight:700}.image-preview-container{margin-bottom:var(--govuk-spacing-3)}.image-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--govuk-spacing-2)}.image-preview-header h4{margin:0;font-size:var(--govuk-font-size-16)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--govuk-spacing-2)}.image-preview-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:var(--govuk-red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.location-status{background:#d4edda;border-left:4px solid var(--govuk-green);padding:var(--govuk-spacing-2) var(--govuk-spacing-3);margin-bottom:var(--govuk-spacing-3);font-size:var(--govuk-font-size-16)}.location-status code{font-family:monospace;background:#0000001a;padding:2px 4px;border-radius:2px}.search-input-row{margin-bottom:var(--govuk-spacing-3)}.search-results{display:flex;flex-direction:column;gap:2px}.search-result-item{padding:var(--govuk-spacing-2) var(--govuk-spacing-3);background:var(--govuk-light-grey);border:none;border-left:4px solid transparent;cursor:pointer;text-align:left;width:100%;font-family:GDS Transport,arial,sans-serif;transition:background-color .15s,border-color .15s}.search-result-item:hover,.search-result-item.active{background:var(--govuk-white);border-left-color:var(--govuk-brand)}.result-name{display:block;font-weight:700;color:var(--govuk-black);font-size:var(--govuk-font-size-16)}.result-details{display:block;font-size:var(--govuk-font-size-14);color:var(--govuk-dark-grey);margin-top:2px}.sighting-card{background:var(--govuk-white);border:1px solid var(--govuk-mid-grey);border-left:4px solid var(--govuk-brand);margin-bottom:var(--govuk-spacing-3)}.sighting-card-image{width:100%;aspect-ratio:16/9;object-fit:cover}.sighting-card-content{padding:var(--govuk-spacing-3)}.sighting-card-type{font-weight:700;font-size:var(--govuk-font-size-19);margin:0 0 var(--govuk-spacing-2)}.sighting-card-meta{font-size:var(--govuk-font-size-14);color:var(--govuk-dark-grey);margin-bottom:var(--govuk-spacing-2)}.sighting-card-condition{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--govuk-font-size-14);font-weight:700}.condition-good{background:#d4edda;color:#155724}.condition-ok{background:#fff3cd;color:#856404}.condition-poor{background:#f8d7da;color:#721c24}.layer-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--govuk-spacing-2) 0;border-bottom:1px solid var(--govuk-light-grey)}.layer-toggle:last-child{border-bottom:none}.layer-toggle-label{font-size:var(--govuk-font-size-16);color:var(--govuk-black)}.layer-toggle-switch{position:relative;width:44px;height:24px;background:var(--govuk-mid-grey);border-radius:24px;cursor:pointer;transition:background-color .2s}.layer-toggle-switch.active{background:var(--govuk-brand)}.layer-toggle-switch:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.layer-toggle-switch.active:after{transform:translate(20px)}.sighting-placeholder{background:var(--govuk-light-grey);border-left:4px solid var(--govuk-brand);padding:var(--govuk-spacing-4);text-align:center}.sighting-placeholder p{margin:0;font-size:var(--govuk-font-size-16);color:var(--govuk-dark-grey)}.about-section{margin-bottom:var(--govuk-spacing-4)}.about-section h4{font-size:var(--govuk-font-size-19);font-weight:700;margin:0 0 var(--govuk-spacing-2)}.about-list{margin:0;padding-left:var(--govuk-spacing-4);font-size:var(--govuk-font-size-16);color:var(--govuk-dark-grey)}.about-list li{margin-bottom:var(--govuk-spacing-1)}.about-credits{background:var(--govuk-light-grey);padding:var(--govuk-spacing-3);text-align:center;font-size:var(--govuk-font-size-14);color:var(--govuk-dark-grey)}.about-credits p{margin:0}.about-credits a{color:var(--govuk-link)}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--govuk-black);border-top:4px solid var(--govuk-brand);height:var(--mobile-bar-height);z-index:1000}@media(min-width:769px){.mobile-bottom-bar{display:none}}.mobile-bar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--govuk-white);font-family:GDS Transport,arial,sans-serif;font-size:10px;cursor:pointer;min-height:var(--govuk-touch-target-size);padding:4px}.mobile-bar-btn svg{width:20px;height:20px}.mobile-bar-btn:hover,.mobile-bar-btn.active{background:#ffffff1a}.mobile-bar-btn:disabled{opacity:.4}.mobile-bar-btn.tracking{color:var(--govuk-blue);animation:pulse 2s infinite}.mobile-panel{position:fixed;bottom:var(--mobile-bar-height);left:0;right:0;background:var(--govuk-white);border-top:1px solid var(--govuk-mid-grey);max-height:70vh;transform:translateY(100%);transition:transform .3s ease;z-index:999;display:flex;flex-direction:column}.mobile-panel.open{transform:translateY(0)}.mobile-panel.full-height{max-height:calc(100vh - var(--header-height) - var(--mobile-bar-height))}@media(min-width:769px){.mobile-panel{display:none}}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--govuk-spacing-3);border-bottom:1px solid var(--govuk-mid-grey);background:var(--govuk-light-grey);flex-shrink:0}.mobile-panel-header h3{margin:0;font-size:var(--govuk-font-size-19);font-weight:700}.mobile-panel-close{background:transparent;border:none;font-size:24px;cursor:pointer;min-width:var(--govuk-touch-target-size);min-height:var(--govuk-touch-target-size);display:flex;align-items:center;justify-content:center;color:var(--govuk-dark-grey)}.mobile-panel-content{flex:1;overflow-y:auto;padding:var(--govuk-spacing-3)}.loading-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--govuk-white);display:flex;align-items:center;justify-content:center;z-index:500;font-size:var(--govuk-font-size-19);color:var(--govuk-dark-grey)}.loading-overlay.hidden{display:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--govuk-spacing-4)}.modal-overlay.hidden{display:none}.modal-content{background:var(--govuk-white);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;border-left:4px solid var(--govuk-brand)}.modal-header{padding:var(--govuk-spacing-3);border-bottom:1px solid var(--govuk-mid-grey);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:var(--govuk-font-size-24)}.modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;min-width:var(--govuk-touch-target-size);min-height:var(--govuk-touch-target-size);display:flex;align-items:center;justify-content:center}.modal-body{padding:var(--govuk-spacing-4)}.toast-container{position:fixed;top:calc(var(--header-height) + var(--govuk-spacing-3));right:var(--govuk-spacing-3);z-index:10001;display:flex;flex-direction:column;gap:var(--govuk-spacing-2)}.toast{padding:var(--govuk-spacing-3);background:var(--govuk-black);color:var(--govuk-white);font-size:var(--govuk-font-size-16);max-width:300px;animation:slideIn .3s ease}.toast-success{border-left:4px solid var(--govuk-green)}.toast-error{border-left:4px solid var(--govuk-red)}.toast-info{border-left:4px solid var(--govuk-blue)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.welcome-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--govuk-spacing-4)}.welcome-modal.hidden{display:none}.welcome-content{background:var(--govuk-white);max-width:420px;width:100%;border-left:4px solid var(--govuk-brand)}.welcome-header{padding:var(--govuk-spacing-4);border-bottom:1px solid var(--govuk-mid-grey);text-align:center}.welcome-header h2{margin:0;font-size:var(--govuk-font-size-24)}.welcome-body{padding:var(--govuk-spacing-4)}.welcome-body p{margin:0 0 var(--govuk-spacing-3);font-size:var(--govuk-font-size-16);color:var(--govuk-dark-grey)}.welcome-features{margin-bottom:var(--govuk-spacing-4)}.welcome-feature{display:flex;align-items:center;gap:var(--govuk-spacing-2);padding:var(--govuk-spacing-2) 0;font-size:var(--govuk-font-size-16)}.welcome-feature-icon{width:32px;height:32px;background:var(--govuk-light-grey);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-feature-icon svg{width:18px;height:18px;color:var(--govuk-brand)}@media(max-width:768px){.map-container{height:calc(100vh - var(--header-height) - var(--mobile-bar-height))}}.maplibregl-ctrl-scale{font-family:GDS Transport,arial,sans-serif!important;font-size:var(--govuk-font-size-14)!important}.maplibregl-popup-content{padding:0;border-radius:0;border-left:4px solid var(--govuk-brand);box-shadow:0 2px 8px #00000026}.maplibregl-popup-close-button{font-size:20px;padding:4px 8px}.popup-content{padding:var(--govuk-spacing-3);max-width:280px}.popup-content h4{margin:0 0 var(--govuk-spacing-1);font-size:var(--govuk-font-size-16)}.popup-content p{margin:0;font-size:var(--govuk-font-size-14);color:var(--govuk-dark-grey)}.popup-image{width:100%;max-height:150px;object-fit:cover}