.weg-hero{background:linear-gradient(140deg,var(--brand),var(--ink));color:var(--surface);border-radius:28px;gap:14px;padding:24px;display:grid;overflow:hidden}.weg-hero .eyebrow{color:var(--accent)}.weg-hero h1{max-width:320px;font-size:36px;line-height:1.08}.weg-hero p{font-size:15px;line-height:1.5}.weg-hero .btn{background:var(--accent);color:var(--accent-ink)}.weg-hero-icons{color:var(--accent);gap:16px;display:flex}.weg-intro{gap:12px;padding:20px;display:grid}.weg-intro p{align-items:flex-start;gap:12px;font-size:14px;display:flex}.weg-intro svg{flex-shrink:0}.weg-story{background:var(--surface-soft);border-radius:28px;gap:12px;padding:22px;display:grid}.weg-story h2{font-size:24px;line-height:1.15}.weg-story p{white-space:pre-line;line-height:1.6}.weg-story textarea{min-height:220px}.weg-momente{background:var(--surface-soft);border-radius:20px;gap:10px;padding:16px;display:grid}.weg-momente-buttons{flex-wrap:wrap;gap:8px;display:flex}.weg-momente-buttons button{white-space:normal;flex:140px;min-height:48px;line-height:1.25}.weg-momente ol{gap:8px;padding:0;font-size:14px;list-style:none;display:grid}.weg-momente li{align-items:center;gap:10px;display:flex}.weg-momente li button{min-width:44px;min-height:44px;margin-left:auto}.weg-fakten{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.weg-fakten span{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 12px}.weg-map{min-height:330px;position:relative}.weg-zoom{box-shadow:var(--shadow-sm);border-radius:20px;display:grid;position:absolute;top:12px;right:12px;overflow:hidden}.weg-zoom button{background:var(--surface);width:44px;height:44px;color:var(--brand);cursor:pointer;border:0;font-size:22px}.weg-zoom button:disabled{opacity:.5}.weg-legende{background:var(--surface);color:var(--ink);border-radius:12px;padding:6px 10px;font-size:11px;position:absolute;bottom:28px;left:8px;right:8px}.weg-quelle{background:var(--surface);color:var(--ink);font-size:10px;position:absolute;bottom:6px;left:10px}.weg-map-error{background:var(--surface);border-radius:20px;gap:10px;padding:14px;font-size:14px;display:grid;position:absolute;inset:30% 14px auto}.weg-hinweis{color:var(--ink-muted);font-size:13px;line-height:1.5}.weg-speicherfehler{color:var(--danger);font-size:14px}.weg-story-title{align-items:center;gap:12px;display:flex}.weg-standort{pointer-events:none;width:24px;height:24px;position:absolute;top:0;left:0}.weg-standort>span{border:4px solid var(--surface);background:var(--brand);width:24px;height:24px;box-shadow:0 0 0 2px var(--brand);border-radius:50%;display:block}.weg-standort>small{background:var(--brand);color:var(--surface);border-radius:12px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:30px;left:50%;transform:translate(-50%)}.weg-zoom .weg-folgen{width:76px;height:60px;font-size:22px}.weg-folgen small{font-size:11px;font-weight:800;display:block}.weg-zoom{justify-items:stretch}.weg-zoom button{width:76px}.weg-map .gassi-map-box{width:100%;height:100%;position:absolute;inset:0}.gassi-live .gassi-knoepfe{bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;border-radius:var(--radius-l);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 -10px;padding:10px;position:sticky;box-shadow:0 10px 30px -14px #213b3559}