:root{--primary:#2563eb;--primary-hover:#1e40af;--primary-contrast:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--bg:#f8fafc;--surface:#fff;--surface-soft:#eff6ff;--danger:#dc2626;--danger-border:#fecaca;--success:#16a34a;--gold:#f59e0b;--warn-bg:#fef3c7;--warn-text:#92400e;--shadow:0 1px 4px #0000001f;--shadow-lg:0 10px 30px #0000002e;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.25rem;--control-h:40px;--control-h-sm:32px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--primary:#3b82f6;--primary-hover:#2563eb;--text:#e5e7eb;--muted:#9ca3af;--border:#374151;--bg:#111827;--surface:#1f2937;--surface-soft:#3b82f629;--danger:#f87171;--danger-border:#7f1d1d;--success:#4ade80;--warn-bg:#78350f;--warn-text:#fde68a;--shadow:0 1px 4px #0006;--shadow-lg:0 10px 30px #00000080}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{flex-direction:column;height:100vh;display:flex}a{color:var(--primary);text-decoration:underline}.brand,.nav-link,.embed-link{text-decoration:none}.maplibregl-map .maplibregl-ctrl-attrib a{text-decoration:underline}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.5rem 1rem;display:flex}.brand{color:var(--text);align-items:center;gap:.5rem;display:flex}.brand-icon{color:var(--primary);flex-shrink:0;width:24px;height:24px}.brand-text{font-weight:700;font-size:var(--font-md);flex-direction:column;line-height:1.25;display:flex}.brand-sub{font-size:var(--font-xs);color:var(--muted);font-weight:400}.app-header nav{flex:1;gap:.25rem;display:flex}.nav-link{height:var(--control-h-sm);color:var(--text);font-size:var(--font-sm);border-radius:8px;align-items:center;gap:.5rem;padding:0 .75rem;display:inline-flex}.nav-link.active,.nav-link:hover{background:var(--surface-soft);color:var(--primary)}.lang-switcher{border:1px solid var(--border);border-radius:8px;gap:2px;display:flex;overflow:hidden}.lang-btn{background:var(--surface);height:var(--control-h-sm);cursor:pointer;font-weight:600;font-size:var(--font-xs);color:var(--muted);border:none;padding:0 .75rem}.lang-btn.active{background:var(--primary);color:var(--primary-contrast)}.map-page{flex:1;min-height:0;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:300px;padding:1rem;overflow-y:auto}.sheet-handle,.sheet-toggle{display:none}.sidebar h2{font-size:var(--font-sm);margin:.5rem 0}.filter-row{cursor:pointer;font-size:var(--font-sm);align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.geheimtipp-toggle{font-weight:600}.cat-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.poi-list{margin:0;padding:0;list-style:none}.poi-item{text-align:left;cursor:pointer;width:100%;color:var(--text);font-size:var(--font-sm);background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .15s;display:flex}.poi-item:after{content:"›";color:var(--muted);font-size:var(--font-md);margin-left:auto;font-weight:700}.poi-item:hover{background:var(--surface-soft)}.poi-item.active{background:var(--surface-soft);border-left-color:var(--primary)}.poi-item.active:after{color:var(--primary)}.badge{background:var(--warn-bg);color:var(--warn-text);font-size:var(--font-xs);border-radius:999px;margin-left:.5rem;padding:0 .5rem;font-weight:600;line-height:1.5rem;display:inline-block}.map-main{flex:1;min-width:0;position:relative}.map-container{width:100%;height:100%}.detail-panel{background:var(--surface);width:320px;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);box-shadow:var(--shadow-lg);z-index:10;border-radius:12px;padding:1rem;position:absolute;top:1rem;left:1rem;overflow-y:auto}.detail-panel img{border-radius:8px;width:100%}.detail-panel h3{font-size:var(--font-md);margin:.5rem 0 .25rem}.detail-category{color:var(--muted);font-size:var(--font-sm);margin:0}.detail-address{color:var(--muted);font-size:var(--font-sm)}.detail-panel p{font-size:var(--font-sm)}.stamp-hint{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;padding:.5rem;font-weight:600}.close-btn{background:var(--bg);cursor:pointer;width:32px;height:32px;color:var(--text);font-size:var(--font-sm);border:none;border-radius:50%;position:absolute;top:.5rem;right:.5rem}.btn:focus-visible,.chip:focus-visible,.tab:focus-visible,.lang-btn:focus-visible,.poi-item:focus-visible,.close-btn:focus-visible,.sheet-handle:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.progress-fill,.poi-item,.sidebar{transition:none!important}}.map-toolbar{z-index:10;gap:.5rem;display:flex;position:absolute;top:.5rem;left:.5rem}.toolbar-btn{height:var(--control-h-sm);font-size:var(--font-xs);box-shadow:var(--shadow);padding:0 .75rem}.scanner-overlay{z-index:100;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;inset:0}.scanner-video{background:#000;border-radius:12px;max-width:min(90vw,480px);max-height:60vh}.scanner-frame{pointer-events:none;border:3px solid #ffffffd9;border-radius:16px;width:min(60vw,260px);height:min(60vw,260px);position:absolute}.scanner-hint{color:#fff;text-align:center;margin:0;font-weight:600}.scanner-close{color:#1f2937;background:#fff}.scan-btn{width:100%;margin-bottom:.75rem}.table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.embed-page{width:100%;height:100vh;min-height:0;position:relative}.embed-chips{z-index:10;flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:.5rem;left:.5rem;right:3.25rem}.chip{font:inherit;height:var(--control-h-sm);font-size:var(--font-xs);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;padding:0 .75rem;font-weight:600;display:inline-flex}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.embed-detail{top:3rem}.embed-link{z-index:10;background:var(--surface);height:var(--control-h-sm);font-size:var(--font-xs);color:var(--primary);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:0 .75rem;font-weight:600;display:inline-flex;position:absolute;bottom:1.5rem;left:.5rem}.page-narrow{width:100%;max-width:560px;margin:0 auto;padding:1.5rem 1rem;overflow-y:auto}.page-narrow h1{align-items:center;gap:.75rem;font-size:2rem;display:flex}.page-narrow h1 svg{width:28px;height:28px;color:var(--primary);flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:1rem 0;padding:1rem}.card h2{font-size:var(--font-md)}.form label{font-size:var(--font-sm);flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-weight:600;display:flex}input,textarea,select{font:inherit;font-size:var(--font-sm);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}.btn{font:inherit;height:var(--control-h);font-size:var(--font-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}.btn:hover{background:var(--bg)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);font-weight:600}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger);border-color:var(--danger-border)}.btn.small{height:var(--control-h-sm);font-size:var(--font-xs);padding:0 .75rem}.btn.link{color:var(--primary);background:0 0;border:none;height:auto;padding:.25rem;text-decoration:underline}.error{color:var(--danger);font-weight:600;font-size:var(--font-sm)}.success{color:var(--success);font-weight:600;font-size:var(--font-sm)}.success.big{font-size:var(--font-md)}.muted{color:var(--muted);font-size:var(--font-xs)}.form-hint{color:var(--muted);font-size:var(--font-xs);margin:.5rem 0 0}.pass-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.offline-banner{background:var(--warn-bg);color:var(--warn-text);font-weight:600;font-size:var(--font-sm);border-radius:8px;padding:.5rem 1rem}.pending-card{border-color:var(--gold)}.progress-bar{background:var(--border);border-radius:999px;height:16px;margin:.5rem 0 1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--gold));height:100%;transition:width .4s}.stamp-list{padding:0;list-style:none}.stamp-list li{border-bottom:1px solid var(--border);font-size:var(--font-sm);padding:.5rem 0}.redeem-row{gap:.5rem;display:flex}.redeem-row input,.redeem-row select{flex:1}.admin-page{width:100%;max-width:1000px;margin:0 auto;padding:1.5rem 1rem;overflow-y:auto}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-header h1{font-size:2rem}.tabs,.lang-tabs{border-bottom:2px solid var(--border);flex-wrap:wrap;gap:.25rem;margin:1rem 0;display:flex}.tab{font:inherit;font-size:var(--font-sm);cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;margin-top:1rem;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);font-size:var(--font-sm);padding:.5rem .75rem}.data-table th{background:var(--bg)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem 1rem;display:grid}.checkbox-label{align-items:center;flex-direction:row!important}.form-actions{gap:.5rem;margin-top:1rem;display:flex}.code-cell{font-size:var(--font-xs);word-break:break-all}.embed-cats{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.75rem;display:flex}.embed-cats legend{font-size:var(--font-xs);color:var(--muted);padding:0 .25rem;font-weight:600}.qr-cell{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}@media (width<=768px){.sidebar{border-right:none;border-top:1px solid var(--border);width:auto;max-height:70vh;box-shadow:var(--shadow-lg);z-index:30;visibility:hidden;border-radius:16px 16px 0 0;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sidebar.open{visibility:visible;transform:translateY(0)}.sheet-handle{width:100%;height:var(--control-h-sm);color:var(--muted);font:inherit;font-size:var(--font-xs);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;justify-content:center;align-items:center;margin-bottom:.5rem;font-weight:600;display:flex}.sheet-toggle{z-index:20;box-shadow:var(--shadow-lg);display:inline-flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.map-main{min-height:0}.detail-panel{width:calc(100% - 2rem)}}