*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #E31E24;--green: #5B8E1D;--green-light: #8FBC3F;--green-dark: #203B1F;--banner-bg: #D9E6AF;--white: #ffffff;--gray: #4f4f4f;--color-primary: var(--green);--color-danger: var(--red);--color-text: #1a1a1a;--color-text-muted: #555555;--color-text-subtle: #777777;--color-border: #dddddd;--color-border-light: #ececec;--color-surface: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow: 0 4px 16px rgba(0, 0, 0, .3);--header-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (pointer: fine){:root{--header-h: 80px}}@media (orientation: landscape) and (max-height: 500px){:root{--header-h: 56px}}.hidden{display:none!important}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.map-overlay-controls{position:absolute;top:calc(var(--header-h) + var(--safe-top) + var(--space-3));right:var(--space-3);z-index:10;display:flex;flex-direction:column;gap:var(--space-2)}.registration-counter{position:absolute;top:calc(var(--header-h) + var(--safe-top) + var(--space-3));left:var(--space-3);z-index:10;display:flex;align-items:center;gap:var(--space-2);background:#fffffff2;color:var(--green-dark);font-weight:700;font-size:.9rem;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.registration-counter.is-admin{border:2px solid var(--banner-bg)}.registration-counter-icon{width:28px;height:28px;object-fit:contain;display:block}.map-toggle-btn{width:44px;height:44px;border-radius:50%;border:none;background:#fffffff2;box-shadow:var(--shadow-sm);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.map-toggle-btn svg{display:block}.map-toggle-btn.active{background:var(--green);color:var(--white)}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);overflow:hidden}h1{font-family:Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:.01em}.app-title{font-family:Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.trademark{font-size:50%;vertical-align:super}h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray);font-weight:600;font-size:1rem}h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray);font-size:.9rem;font-weight:400}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh}@media (pointer: fine){#map:not(.map--no-manual) .maplibregl-canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C9 0 4 5 4 12c0 9 12 20 12 20s12-11 12-20c0-7-5-12-12-12z' fill='%23c0392b' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='12' r='4' fill='white'/%3E%3C/svg%3E") 16 31,pointer}#map.map--no-manual .maplibregl-canvas{cursor:url(/img/EPSL-icon.png) 16 16,auto}}.top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:calc(var(--header-h) + var(--safe-top));padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + var(--safe-top));background:var(--banner-bg);color:var(--color-text);box-shadow:var(--shadow-sm)}.top-bar .app-title{display:none}.top-bar-brand{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);color:inherit;text-decoration:none}.top-bar-logo{height:48px;width:auto;display:block}@media (pointer: fine){.top-bar-logo{height:64px}}@media (orientation: landscape) and (max-height: 500px){.top-bar-logo{height:40px}}.top-bar-logo--tagline{height:42px}@media (pointer: fine){.top-bar-logo--tagline{height:58px}}@media (orientation: landscape) and (max-height: 500px){.top-bar-logo--tagline{height:32px}}.app-title{font-weight:700;font-size:clamp(1.1rem,6vw,30px);letter-spacing:.02em;color:var(--green);line-height:1.1;white-space:nowrap}.app-title .larve{color:var(--red)}.app-title .stop{color:#111;letter-spacing:-.02em}@media (orientation: landscape) and (max-height: 500px){.app-title{font-size:clamp(1rem,5vw,22px)}}.top-bar-actions{display:flex;align-items:center;gap:var(--space-2)}.btn-icon{background:none;border:none;color:#444;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.btn-icon:hover{background:#00000012}.desktop-controls{display:none;align-items:center;gap:var(--space-2)}@media (pointer: fine){.desktop-controls{display:flex}}.btn-toolbar{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#f0f0f0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:#333;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-toolbar:hover{background:#e4e4e4}.btn-toolbar.active{background:var(--green);color:#fff;border-color:var(--green)}.icon-stack{display:flex;align-items:center;gap:var(--space-1)}.avatar-wrap{position:relative}.dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:200;min-width:100px;overflow:hidden}.dropdown.hidden{display:none}.dropdown-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:.9rem;cursor:pointer;color:#222}.dropdown-item:hover{background:#f5f5f5}.dropdown-item--lang{display:flex;align-items:center;gap:10px}.dropdown-item-flag{width:20px;height:auto;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px #0000001a}.onboarding-hero{display:block;width:100%;max-height:160px;object-fit:contain;margin-bottom:var(--space-3)}#submit-btn{display:block}.btn-submit{position:absolute;bottom:calc(var(--space-5) + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:10;background:var(--red);color:var(--white);border:none;border-radius:var(--radius-full);padding:16px 36px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.btn-submit--secondary{background:var(--green)}.btn-submit:disabled{opacity:.55;cursor:not-allowed}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000bf;display:flex;align-items:center;justify-content:center}.overlay.hidden{display:none}.onboarding-card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);max-width:420px;width:92%;max-height:90dvh;overflow-y:auto}.modal-close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:transparent;color:#999;font-size:1.6rem;line-height:1;cursor:pointer;border-radius:50%}.modal-close-btn:hover{background:#0000000f;color:#333}.onboarding-card .modal-title{font-family:Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:.01em;font-size:1.7rem;color:var(--green);margin-bottom:var(--space-1)}@media (pointer: fine){.onboarding-card .modal-title{font-size:2rem}}.onboarding-card .modal-title .larve{color:var(--red)}.onboarding-card .modal-title .stop{color:#111;letter-spacing:-.02em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.onboarding-subtitle{color:var(--color-text-muted);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-4)}.permissions-info{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.permission-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:10px 0}.permission-item+.permission-item{border-top:1px solid #f0f0f0}.permission-icon{color:var(--green);flex-shrink:0;line-height:1;margin-top:2px}.permission-icon svg{display:block}.permission-item strong{display:block;font-size:.95rem;margin-bottom:2px}.permission-item p{font-size:.82rem;color:#666;line-height:1.4}.permission-item--clickable{width:100%;background:none;border:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm)}.permission-item--clickable:hover{background:#0000000a}.btn-anonym{display:block;width:100%;padding:10px;margin-top:6px;background:none;border:none;color:#666;font-size:.88rem;text-decoration:underline;cursor:pointer;text-align:center}.btn-anonym:hover{color:#333}.checkbox-label--form{display:flex;margin-bottom:14px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.88rem;color:#444;line-height:1.4}.checkbox-label input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--green);cursor:pointer}.field-label{display:block;font-size:.85rem;font-weight:600;color:#444;margin-bottom:var(--space-1)}.onboarding-card input{display:block;width:100%;padding:13px 14px;margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;color:#222;outline:none;transition:border-color .15s}.onboarding-card input:focus{border-color:var(--green)}.btn-primary{width:100%;padding:14px;background:var(--color-primary);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;margin-top:var(--space-1)}.btn-secondary{padding:13px 20px;background:transparent;color:#444;border:1px solid #ccc;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer}.btn-block{display:block;width:100%;margin-top:var(--space-2)}.btn-danger{background:var(--color-danger);color:var(--white);border-color:var(--color-danger)}.camera-container{position:relative;width:min(480px,96vw);background:#000;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.camera-sensors{position:absolute;bottom:90px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:var(--space-3);pointer-events:none}.camera-sensors span{background:#0000008c;color:#fff;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.camera-hint{position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);z-index:10;background:#0000008c;color:#fff;font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:var(--radius-full);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#camera-video{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.camera-crop-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px dashed rgba(255,255,255,.9);border-radius:4px;box-shadow:0 0 0 2000px #00000059;pointer-events:none;z-index:5}.camera-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:20px 24px}.camera-container .camera-controls{background:#111;gap:28px}.onboarding-card .camera-controls{padding:0;margin-top:var(--space-1)}.onboarding-card .camera-controls button{flex:1}.btn-capture{width:76px;height:76px;border-radius:50%;background:var(--white);color:var(--red);border:5px solid var(--red);font-size:2.2rem;line-height:1;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.camera-container .btn-secondary{color:var(--white);border-color:#fff9;background:transparent}.success-msg{position:fixed;top:calc(var(--header-h) + var(--safe-top) + var(--space-4));left:50%;transform:translate(-50%);z-index:50;background:var(--green);color:var(--white);padding:12px 28px;border-radius:var(--radius-sm);font-weight:700;box-shadow:var(--shadow);white-space:nowrap;pointer-events:none}.success-msg.hidden{display:none}.credit-overlay{position:fixed;bottom:calc(var(--space-2) + var(--safe-bottom));left:10px;z-index:10;font-size:.65rem;color:#ffffffbf;background:#00000047;padding:3px 7px;border-radius:4px;pointer-events:none;letter-spacing:.02em}.live-marker{cursor:default;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.fund-marker{cursor:pointer;display:flex;align-items:center;justify-content:center}.popup{font-size:.88rem;line-height:1.5}.popup-row{display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--color-border-light)}.popup-row:last-child{border-bottom:none}.popup-label{color:var(--color-text-subtle);font-weight:600;white-space:nowrap;flex-shrink:0}#manual-pin-modal textarea,#suggestion-modal textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.6rem;border-radius:var(--radius-sm);border:1px solid #ccc;resize:vertical;margin-bottom:var(--space-3)}.char-count{text-align:right;font-size:.8rem;color:var(--color-text-subtle);margin:.25rem 0 1rem}#data-request-modal input,#data-request-modal textarea{width:100%;box-sizing:border-box;margin-bottom:var(--space-2)}@media (orientation: landscape){.onboarding-card{max-height:96dvh;padding:18px 20px}}.popup-photo{margin-top:.5rem;font-size:.8rem;color:var(--color-text-subtle)}.popup-photo-img{display:block;width:100%;max-width:100%;height:auto;max-height:240px;object-fit:contain;border:2px solid var(--banner-bg);border-radius:var(--radius-sm);margin-top:.4rem}.popup-photo-fallback{aspect-ratio:1 / 1;width:100%;margin-left:auto;margin-right:auto}.maplibregl-popup-content{background:var(--color-surface)!important;border:2px solid var(--banner-bg)!important;border-radius:24px!important;box-shadow:var(--shadow)!important;padding:var(--space-4) var(--space-4) var(--space-3)!important}.maplibregl-popup-tip{display:none}.popup-close-btn{display:block;width:100%;margin-top:var(--space-3);padding:10px;background:var(--green);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer}.popup-close-btn:hover{background:var(--green-dark)}.popup-delete-link{display:block;width:100%;margin-top:var(--space-2);padding:8px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-danger);font-size:.8rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer}.popup-delete-link:hover{background:#e31e2414}.map-hint-banner{position:absolute;top:calc(var(--header-h) + var(--safe-top) + var(--space-3));left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:var(--space-3);background:#000000bf;color:var(--white);padding:10px 16px;border-radius:var(--radius-full);font-size:.85rem;white-space:nowrap}.map-hint-banner .btn-secondary{padding:4px 12px;font-size:.8rem;color:var(--white);border-color:#fff9}.symptom-grade-row{margin-bottom:18px}.symptom-grade-row .symptom-name{display:block;font-size:.92rem;font-weight:600;color:#333;margin-bottom:var(--space-2)}.symptom-grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grade-btn{padding:10px 4px;background:#f2f2f2;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:#555;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.grade-btn.active{background:var(--green);border-color:var(--green);color:var(--white)}.mini-map{width:100%;height:160px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4);border:1px solid #e0e0e0}.symptom-grade-label{flex:0 0 70px;font-size:.85rem;color:#666;text-align:right}