@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.p.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.p.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.p.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.p.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.p.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_b9c11db8-module__22gp2G__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_b9c11db8-module__22gp2G__variable{--font-nunito:"Nunito", "Nunito Fallback"}
:root{--bg:#fafcf9;--surface:#fff;--surface-soft:#edf3e7;--surface-warm:#f4f1e9;--ink:#213b35;--ink-soft:#4f6852;--ink-muted:#5c6f60;--line:#dfe7d8;--brand:#254333;--brand-hover:#1c352a;--accent:#ffd447;--accent-ink:#5a4a00;--danger:#b8443f;--heart:#c27472;--radius-s:12px;--radius-m:20px;--radius-l:28px;--radius-pill:999px;--shadow-1:0 1px 2px #213b350f, 0 6px 18px #213b350d;--shadow-2:0 10px 30px #213b351a;--shadow-btn:0 6px 16px #25433338;--font-display:var(--font-nunito), "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;--font-body:var(--font-nunito), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--z-nav:20;--z-sheet:40;--z-toast:50}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(120% 60% at 50% -10%, #eef4e8 0%, var(--bg) 60%);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em}h1{font-size:30px;font-weight:900;line-height:1.12}h2{font-size:22px;font-weight:800;line-height:1.18}h3{font-size:17px;font-weight:800;line-height:1.3}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-weight:600}.muted{color:var(--ink-muted)}.btn{border-radius:var(--radius-pill);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:linear-gradient(180deg, #2c5040, var(--brand));color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:linear-gradient(180deg, var(--brand), var(--brand-hover))}.btn-accent{box-shadow:0 6px 16px #ffd44759}.btn-secondary{background:var(--surface-soft);color:var(--brand)}.btn-ghost{color:var(--ink-soft);background:0 0;min-height:44px}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-sm{min-height:40px;padding:0 16px;font-size:14px}.card{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.card-soft{background:var(--surface-soft);border-radius:var(--radius-l)}.chip{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink-soft);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip-accent{color:var(--accent-ink);background:#fbf1c2}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);font-size:14px;font-weight:600}.input,.textarea,.select{border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:52px;color:var(--ink);padding:12px 16px;font-size:17px}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:#0000}.textarea{resize:vertical;min-height:96px}.option{text-align:left;border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.option[aria-pressed=true],.option.is-on{border-color:var(--brand);background:var(--surface-soft)}.option strong{font-size:16px;display:block}.option small{color:var(--ink-muted);font-size:13px;display:block}.tile{text-align:center;border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;min-width:0;color:var(--ink-soft);flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:12px;font-weight:600;display:flex;position:relative;overflow:hidden}.tile[aria-pressed=true]{border-color:var(--brand);background:var(--surface-soft)}.tile[aria-pressed=true]:after{content:"✓";background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;top:6px;right:8px}.progress{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--brand), #4f8a68);border-radius:2px;height:100%;transition:width .3s;display:block}input[type=range]{width:100%;accent-color:var(--brand);height:32px}.stage{background:var(--surface-soft);border-radius:0 0 var(--radius-l) var(--radius-l);text-align:center;padding:12px 16px 18px}.stage .dog-avatar{width:200px;height:200px;margin:0 auto}.tile-dog.dog-avatar{width:52px;height:52px}.coat-dog.dog-avatar{width:78px;height:78px}.list-dog.dog-avatar{width:64px;height:64px}.hero-dog.dog-avatar{width:230px;height:230px;margin:0 auto}.dog-avatar{aspect-ratio:1;isolation:isolate;mix-blend-mode:multiply;--dog-scale:1;--body-width:1;--avatar-filter:none;--scarf-filter:none;background:0 0;border:0;flex-shrink:0;width:100%;height:auto;padding:0;display:block;position:relative;overflow:visible}.avatar-model{transform:scale(var(--dog-scale));transform-origin:50% 86%;transition:transform .3s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0}.avatar-upper,.avatar-lower,.avatar-scarf,.outfit-face,.outfit-paws{pointer-events:none;position:absolute;inset:0}.avatar-sprite{background-image:var(--avatar-image);background-position:var(--avatar-position);filter:var(--avatar-filter);background-repeat:no-repeat;background-size:300% 300%;position:absolute;inset:0}.avatar-upper{-webkit-mask-image:linear-gradient(#000 0 54%,#0000 64%);mask-image:linear-gradient(#000 0 54%,#0000 64%)}.avatar-lower{transform:scaleX(var(--body-width));transform-origin:50% 75%;transition:transform .25s ease-out;-webkit-mask-image:linear-gradient(#0000 49%,#000 60%);mask-image:linear-gradient(#0000 49%,#000 60%)}.avatar-scarf{z-index:2;isolation:isolate;filter:var(--scarf-glow,none)}.scarf-fill,.scarf-shade{position:absolute;inset:0}.scarf-fill{background:var(--scarf-fill);-webkit-mask-image:var(--tuch-image);-webkit-mask-image:var(--tuch-image);mask-image:var(--tuch-image);-webkit-mask-position:var(--avatar-position);-webkit-mask-position:var(--avatar-position);mask-position:var(--avatar-position);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scarf-shade{background-image:var(--tuch-image);background-position:var(--avatar-position);filter:grayscale()brightness(1.28)contrast(1.08);mix-blend-mode:multiply;opacity:var(--scarf-shade,1);background-repeat:no-repeat;background-size:300% 300%}.outfit-face,.outfit-paws{z-index:4}.wardrobe-layer{pointer-events:none;z-index:4;transform-origin:50%;transition:width .22s,left .22s,top .22s,height .22s;position:absolute}.fitted-clothes{z-index:3}.fitted-hats{z-index:5}.fitted-toys{z-index:6}.wardrobe-crop{display:block;position:absolute;inset:0;overflow:hidden}.wardrobe-crop>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;max-width:none!important;max-height:none!important}.avatar-interactive{cursor:pointer}.avatar-interactive:hover .avatar-model{transform:scale(calc(var(--dog-scale) * 1.025)) rotate(-2deg)}.avatar-interactive:active .avatar-model{transform:scale(calc(var(--dog-scale) * .97)) rotate(2deg)}.age-puppy .avatar-model{transform:scale(calc(var(--dog-scale) * .88))}.pet-reaction{color:var(--heart);pointer-events:none;font-size:26px;animation:1.2s ease-out both pet-love;position:absolute;top:11%;right:20%}@keyframes pet-love{0%{opacity:0;transform:translateY(6px)scale(.6)}30%{opacity:1;transform:translateY(-4px)scale(1.1)}to{opacity:0;transform:translateY(-28px)scale(1)}}@media (prefers-reduced-motion:reduce){.avatar-model,.avatar-lower,.wardrobe-layer,.pet-reaction{transition:none!important;animation:none!important}}.app-shell{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.app-header{z-index:var(--z-nav);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.wordmark{font-family:var(--font-display);color:var(--brand);letter-spacing:-.03em;align-items:baseline;font-size:24px;font-weight:900;line-height:1;display:inline-flex}.wm-i{display:inline-block;position:relative}.wm-paw{width:.66em;height:.66em;position:absolute;top:-.36em;left:50%;transform:translate(-50%)rotate(-8deg)}.app-main{flex:1;padding:8px 16px 110px}.tabbar{z-index:var(--z-nav);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:repeat(4,1fr);max-width:520px;margin:0 auto;display:grid}.tab{border-radius:var(--radius-m);color:var(--ink-muted);flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tab[aria-current=page]{color:var(--brand);background:var(--surface-soft)}.tab svg{transition:transform .15s}.sticky-cta{bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);padding:12px 0 0;position:sticky}.onboard .sticky-cta{padding-bottom:calc(12px + env(safe-area-inset-bottom));bottom:0}.toast{z-index:var(--z-toast);background:var(--ink);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-2);pointer-events:none;text-align:center;max-width:90vw;padding:10px 16px;font-size:14px;animation:4s forwards toast-hide;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@keyframes toast-hide{0%,80%{opacity:1}to{opacity:0;visibility:hidden}}.stamp{background:var(--surface-soft);width:64px;height:64px;color:var(--brand);border-radius:50%;place-items:center;font-size:26px;display:grid}.stamp.is-locked{color:var(--ink-muted);background:var(--surface-warm)}.msg{border-radius:18px;max-width:82%;padding:10px 14px;font-size:15px;line-height:1.4}.msg-mine{background:var(--brand);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.msg-theirs{background:var(--surface-soft);border-bottom-left-radius:6px}.tabular{font-variant-numeric:tabular-nums}.collar-layer{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage,.stage-hero{background:radial-gradient(120% 90% at 50% 0%, #ffffff8c, transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23254333' fill-opacity='.045'%3E%3Ccircle cx='30' cy='34' r='7'/%3E%3Ccircle cx='20' cy='22' r='3.5'/%3E%3Ccircle cx='30' cy='18' r='3.5'/%3E%3Ccircle cx='40' cy='22' r='3.5'/%3E%3Ccircle cx='90' cy='94' r='7'/%3E%3Ccircle cx='80' cy='82' r='3.5'/%3E%3Ccircle cx='90' cy='78' r='3.5'/%3E%3Ccircle cx='100' cy='82' r='3.5'/%3E%3C/g%3E%3C/svg%3E"), var(--stage-bg,var(--surface-soft))}.stage-hero{border-radius:var(--radius-l);text-align:center;padding:20px 16px 22px;position:relative;overflow:hidden}.stage-hero .dog-avatar{width:260px;height:260px;margin:0 auto}.stage-hero:before{content:"";background:#ffffff80;border-radius:50%;width:240px;height:240px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.stage-hero>*{position:relative}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.stage .dog-avatar,.stage-hero .dog-avatar,.hero-dog.dog-avatar{animation:.45s cubic-bezier(.2,.75,.25,1) both pop-in}@media (prefers-reduced-motion:reduce){.stage .dog-avatar,.stage-hero .dog-avatar,.hero-dog.dog-avatar{animation:none}}.paw-progress{grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:4px 24px 0;list-style:none;display:grid}.paw-step{color:var(--line);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.paw-step small{color:var(--ink-muted)}.paw-dot{background:var(--surface);border:1.5px solid var(--line);width:30px;height:30px;color:var(--line);border-radius:50%;place-items:center;transition:transform .3s,background .3s,color .3s;display:grid}.paw-step.is-done .paw-dot{background:var(--brand);border-color:var(--brand);color:#fff}.paw-step.is-now .paw-dot{color:var(--brand);border-color:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 35%, transparent);transform:scale(1.15)}.paw-step.is-now small{color:var(--brand)}.stage-live{border-radius:var(--radius-l);margin:10px 12px 0;padding-top:22px;position:relative;overflow:hidden}.stage-glow{pointer-events:none;background:radial-gradient(circle,#ffffffbf,#fff0 70%);border-radius:50%;width:230px;height:230px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.stage-live .dog-avatar{width:210px;height:210px;position:relative}.speech{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-1);border-radius:16px;margin-top:-8px;padding:6px 12px;font-size:13px;font-weight:700;animation:.3s both speech-in;display:inline-block;position:relative}.speech:before{content:"";background:var(--surface);width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes speech-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.stage-name{margin-top:8px;font-size:26px}.reward-pop{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);padding:6px 10px;font-size:12px;font-weight:800;animation:.25s both reward;position:absolute;top:12px;right:12px}@keyframes reward{0%{opacity:0;transform:translateY(-6px)scale(.9)}to{opacity:1;transform:none}}.moment{animation:.32s cubic-bezier(.2,.75,.25,1) both moment-in}@keyframes moment-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.input-big{text-align:center;min-height:64px;font-size:24px;font-weight:800;font-family:var(--font-display)}.details{border-radius:var(--radius-m);background:var(--surface-soft);padding:12px 14px;font-size:14px}.details summary{cursor:pointer;color:var(--ink-soft);font-weight:700;list-style:none}.details summary::-webkit-details-marker{display:none}.breed-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px;padding:6px 16px 10px;display:flex;overflow-x:auto}.breed-carousel::-webkit-scrollbar{display:none}.breed-card{scroll-snap-align:center;border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;color:var(--ink-soft);text-align:center;border:2px solid #0000;flex-direction:column;flex:0 0 118px;align-items:center;gap:4px;padding:10px 6px 8px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:flex}.breed-card[aria-selected=true]{border-color:var(--brand);background:var(--surface-soft);transform:translateY(-4px)scale(1.04)}.breed-card-dog.dog-avatar{width:92px;height:92px}.breed-card-mix{background:linear-gradient(#fff,#fbf1c2)}.hallo-scene{border-radius:var(--radius-l);background:linear-gradient(#eef5ff 0%,#e3edf5 55%,#dfe9d4 56%,#d6e3c6 100%);justify-content:center;align-items:flex-end;height:150px;display:flex;position:relative;overflow:hidden}.scene-ground{background:linear-gradient(#0000,#25433314);height:40px;position:absolute;bottom:0;left:0;right:0}.scene-dog{width:30%;color:var(--ink-soft);flex-direction:column;align-items:center;gap:0;font-size:11px;font-weight:700;transition:left .45s cubic-bezier(.2,.75,.25,1);display:flex;position:absolute;bottom:4px}.scene-avatar.dog-avatar{width:110px;height:110px}.scene-flip .avatar-model{transform:scaleX(-1) scale(var(--dog-scale))}.scene-sign{color:var(--heart);font-size:20px;font-weight:800;animation:.35s both speech-in;position:absolute;top:24px;left:50%;transform:translate(-50%)}.is-distance .scene-sign{color:var(--ink-muted);letter-spacing:4px}.is-together .scene-sign{color:var(--accent-ink)}.is-unknown .scene-sign{color:var(--ink-muted)}.confetti{pointer-events:none;z-index:var(--z-toast);position:fixed;inset:0;overflow:hidden}.confetti i{width:10px;height:14px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.6,1);animation-fill-mode:both;display:block;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}8%{opacity:1}to{opacity:.9;transform:translateY(100vh)rotate(720deg)}}.pass-flip{perspective:1400px;cursor:pointer;height:420px}.pass-face{text-align:center;backface-visibility:hidden;box-shadow:var(--shadow-2);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:18px 18px 16px;transition:transform .8s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0}.pass-flip{position:relative}.pass-front{background:linear-gradient(#fff 0%,#f1f6ec 100%);transform:rotateY(180deg)}.pass-back{background:linear-gradient(180deg, #fff, var(--surface-warm));transform:rotateY(0)}.pass-flip.is-flipped .pass-front{transform:rotateY(0)}.pass-flip.is-flipped .pass-back{transform:rotateY(-180deg)}.pass-top{letter-spacing:.12em;color:var(--ink-muted);align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.pass-no{font-variant-numeric:tabular-nums;margin-left:auto}.pass-dog.dog-avatar{width:200px;height:200px;margin:4px auto 0}.pass-name{margin-top:2px;font-size:30px}.pass-qr-ghost{width:200px;height:200px;margin:12px auto 10px;position:relative}.qr-ghost{background:repeating-linear-gradient(0deg, var(--surface-soft) 0 10px, transparent 10px 20px), repeating-linear-gradient(90deg, #dfe7d8 0 10px, transparent 10px 20px);opacity:.8;border-radius:20px;position:absolute;inset:0}.qr-ghost-dog.dog-avatar{background:#fff;border-radius:50%;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.feature-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:8px -16px 0;padding:4px 16px 10px;display:flex;overflow-x:auto}.feature-rail::-webkit-scrollbar{display:none}.feature-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);flex:0 0 200px;padding:14px}.feature-card strong{margin-top:8px;font-size:15px;display:block}.feature-card p{color:var(--ink-muted);margin-top:4px;font-size:13px}.feature-icon{background:var(--surface-soft);border-radius:14px;place-items:center;width:40px;height:40px;font-size:20px;display:inline-grid}@media (prefers-reduced-motion:reduce){.moment,.speech,.reward-pop,.scene-sign{animation:none}.pass-face,.scene-dog,.breed-card{transition:none}}.seg{background:var(--surface-soft);border-radius:var(--radius-pill);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:4px;display:grid}.seg-btn{color:var(--ink);font:inherit;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex}.seg-btn[aria-selected=true]{background:var(--surface);box-shadow:var(--shadow-1)}.seg-spark{color:#d7a728;font-size:11px}.swatches{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.swatch{border:3px solid var(--line);cursor:pointer;color:#fff;background-clip:padding-box;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;transition:transform .15s,border-color .15s;display:grid;position:relative}.swatch:hover{transform:translateY(-1px)scale(1.04)}.swatch.is-on{border-color:var(--brand);transform:scale(1.08)}.swatch-check{text-shadow:0 1px 2px #00000073}.swatch.is-special:after{content:"✦";color:#d7a728;background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-1);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:-6px;right:-4px}.ds-hinweis{left:12px;right:12px;bottom:calc(var(--ds-bottom,12px) + env(safe-area-inset-bottom));z-index:60;background:var(--surface);border-radius:var(--radius-l);gap:10px;max-width:480px;margin:0 auto;padding:14px 14px 12px;font-size:14px;animation:.35s cubic-bezier(.2,.75,.25,1) both ds-in;display:grid;position:fixed;box-shadow:0 10px 30px #2543332e}.ds-hinweis a{color:var(--brand);font-weight:700}@keyframes ds-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.recht{max-width:640px;margin:0 auto;padding:24px 18px 60px}.recht h1{margin-bottom:6px}.recht h2{margin-top:26px;font-size:18px}.recht p,.recht li{margin-top:8px;font-size:15px;line-height:1.55}.recht ul{padding-left:20px}.ds-check{color:var(--ink-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.ds-check input{width:18px;height:18px;accent-color:var(--brand);flex-shrink:0;margin-top:3px}.ds-check a{color:var(--brand);font-weight:700}:root{--shadow-1:0 1px 2px #213b350d, 0 8px 24px -8px #213b351a;--shadow-2:0 2px 4px #213b350f, 0 18px 40px -12px #213b352e;--shadow-btn:0 8px 20px -6px #25433373, inset 0 1px 0 #ffffff24;--brand-2:#3d6b52;--mint:#d9efe0;--ease-pop:cubic-bezier(.2, .9, .25, 1.2)}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.025em;font-size:32px}.eyebrow{align-items:center;gap:6px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ffd44740}.recht .eyebrow:before,.pass-top .eyebrow:before{display:none}.btn{transition:transform .15s var(--ease-pop), box-shadow .2s ease, background .2s ease, filter .2s ease}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(180deg, #33604b 0%, var(--brand) 60%, #1f3a2c 100%);box-shadow:var(--shadow-btn);position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff24 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after{transform:translate(120%)}.btn-big{min-height:58px;font-size:17px}.btn-secondary{background:var(--surface);border:1.5px solid var(--line);color:var(--brand);box-shadow:var(--shadow-1)}.card{box-shadow:var(--shadow-1), inset 0 1px 0 #fff;background:linear-gradient(#fff 0%,#fbfcf9 100%);border:1px solid #dfe7d8b3}.card-soft{background:linear-gradient(#eef4e8 0%,#e6efdf 100%);box-shadow:inset 0 1px #ffffffb3}.chip{box-shadow:inset 0 1px #fff9}.chip-accent{background:linear-gradient(#fff4c9,#fbe9a1)}.input,.textarea,.select{transition:box-shadow .15s,border-color .15s;box-shadow:inset 0 1px 2px #213b350a}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 4px #2543331f}.option,.tile{transition:transform .15s var(--ease-pop), border-color .15s, background .15s, box-shadow .15s}.option:active,.tile:active{transform:scale(.98)}.option[aria-pressed=true],.tile[aria-pressed=true]{box-shadow:0 0 0 4px #25433314}.app-header{padding:10px 16px}.tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border:1px solid #dfe7d8cc;border-radius:26px;max-width:508px;margin:0 auto;padding:6px;box-shadow:0 12px 36px -10px #213b3547,inset 0 1px #fff}.tabbar-inner{grid-template-columns:repeat(5,1fr)}.tab{border-radius:20px;gap:2px;padding:8px 2px;font-size:10.5px;transition:background .2s,color .2s}.tab[aria-current=page]{background:linear-gradient(180deg, var(--surface-soft), #e3ecdb);color:var(--brand);box-shadow:inset 0 1px #fff}.tab[aria-current=page] svg{transform:translateY(-1px)scale(1.08)}.app-main{padding-bottom:124px}.stage,.stage-hero,.stage-live{position:relative;overflow:hidden}.stage:before,.stage-live:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffffbf,#fff0);border-radius:50%;width:260px;height:260px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stage>*,.stage-live>*{position:relative}.stage .dog-avatar:after,.stage-hero .dog-avatar:after,.stage-live .dog-avatar:after,.pass-dog.dog-avatar:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side,#213b352e,#213b3500);border-radius:50%;width:58%;height:7%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.stage .dog-avatar .avatar-model,.stage-hero .dog-avatar .avatar-model,.stage-live .dog-avatar .avatar-model{z-index:1}.level-card{border-radius:var(--radius-m);box-shadow:var(--shadow-1);color:inherit;transition:transform .15s var(--ease-pop);background:linear-gradient(135deg,#fff 0%,#f2f7ee 100%);border:1px solid #dfe7d8cc;grid-template-columns:44px 1fr;align-items:center;gap:10px 12px;margin-top:12px;padding:12px 14px;text-decoration:none;display:grid}.level-card:active{transform:scale(.985)}.level-card.is-static{margin-top:0}.level-icon{background:linear-gradient(#fff4c9,#fbe9a1);border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:inset 0 1px #fff,0 2px 6px #f1c22e59}.level-text{gap:1px;min-width:0;display:grid}.level-text strong{font-size:15px}.level-text small{color:var(--ink-muted);font-size:12px}.level-bar{background:var(--surface-soft);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.level-bar>span{background:linear-gradient(90deg, var(--accent), #f1c22e);height:100%;transition:width .6s var(--ease-pop);border-radius:3px;display:block}.points-chip{border-radius:var(--radius-pill);color:var(--accent-ink);background:linear-gradient(#fff4c9,#fbe9a1);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #fff,0 2px 6px #f1c22e4d}.points-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.seg-count{background:var(--brand);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;display:inline-grid}.skill-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.skill{position:relative}.skill-main{text-align:left;border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;width:100%;font:inherit;color:var(--ink);transition:transform .15s var(--ease-pop), border-color .15s, background .2s, box-shadow .2s;box-shadow:var(--shadow-1);grid-template-columns:1fr auto;grid-template-areas:"icon mark""name name""state state";gap:4px 6px;padding:12px 12px 10px;display:grid}.skill-main:active{transform:scale(.96)}.skill-icon{grid-area:icon;font-size:24px;line-height:1}.skill-name{grid-area:name;font-size:14px;font-weight:800;line-height:1.2}.skill-state{color:var(--ink-muted);grid-area:state;font-size:12px}.skill-mark{background:var(--surface-soft);width:24px;height:24px;color:var(--ink-muted);transition:transform .25s var(--ease-pop), background .2s, color .2s;border-radius:50%;grid-area:mark;place-items:center;font-size:13px;font-weight:900;display:grid}.skill.is-kann .skill-main{border-color:var(--brand);background:linear-gradient(180deg, #fff, var(--mint));box-shadow:0 0 0 4px #25433314, var(--shadow-1)}.skill.is-kann .skill-mark{background:var(--brand);color:#fff;transform:scale(1.15)rotate(-8deg)}.skill.is-kann .skill-state{color:var(--brand);font-weight:700}.skill.is-ueben .skill-main{background:linear-gradient(#fff,#fff6d6);border-color:#e9c94b}.skill.is-ueben .skill-mark{background:var(--accent);color:var(--accent-ink)}.skill-tipp{border:1px solid var(--line);background:var(--surface);width:22px;height:22px;color:var(--ink-muted);cursor:pointer;border-radius:50%;font-size:12px;font-weight:800;position:absolute;bottom:8px;right:8px}.skill-tipp-text{background:var(--surface-warm);color:var(--ink-soft);border-radius:14px;grid-column:1/-1;margin-top:6px;padding:10px 12px;font-size:13px;line-height:1.4}.skill-chips{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink-soft);align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.skill-chip.is-kann{background:linear-gradient(180deg, #fff, var(--mint));color:var(--brand);border:1px solid #2543332e}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink-muted);opacity:.55;filter:grayscale(.6);align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:12px;font-weight:700;display:inline-flex}.badge.is-earned{opacity:1;filter:none;color:var(--ink);background:linear-gradient(#fff,#fff6d6);border-color:#ecd27a;box-shadow:0 2px 8px #f1c22e40}.badge-icon{background:var(--surface-soft);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.badge.is-earned .badge-icon{background:linear-gradient(#ffe89a,#f1c22e);box-shadow:inset 0 1px #fff}.badges-s .badge{padding:4px 8px 4px 4px;font-size:11px}.badges-s .badge-icon{width:20px;height:20px;font-size:11px}.karte{position:relative}.karte-full{height:calc(100dvh - 56px);margin:-8px -16px -124px}.karte-mini{border-radius:var(--radius-l);height:224px;box-shadow:var(--shadow-2);border:1px solid #dfe7d8cc;overflow:hidden}.karte-box,.karte-box.maplibregl-map{width:100%;height:100%;position:absolute;inset:0}.karte-box .maplibregl-ctrl-attrib{background:#fff9;border-radius:8px 0 0;font-size:9px}.karte-full .maplibregl-ctrl-bottom-left{bottom:118px}.karte-lade{background:var(--surface-soft);color:var(--ink-muted);align-content:center;place-items:center;gap:10px;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.karte-spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.karte-top{z-index:2;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:60px}.glass-chip{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-1);color:var(--ink-soft);background:#ffffffd1;border:1px solid #ffffffe6;align-items:center;gap:5px;padding:7px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.glass-chip strong{color:var(--ink)}.glass-chip.is-live{color:var(--brand)}.live-dot{background:#3fbf6f;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite live;box-shadow:0 0 #3fbf6f99}@keyframes live{0%{box-shadow:0 0 #3fbf6f99}to{box-shadow:0 0 0 10px #3fbf6f00}}.karte-locate{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;box-shadow:var(--shadow-1);color:var(--brand);cursor:pointer;background:#ffffffe6;border:1px solid #ffffffe6;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:12px;right:12px}.karte-locate:active{transform:scale(.94)}.me-pin{pointer-events:none;width:64px;height:64px;position:relative}.me-ring{background:#2543332e;border-radius:50%;animation:2.2s ease-out infinite me-pulse;position:absolute;inset:8px}@keyframes me-pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(2.1)}}.me-dog.dog-avatar{width:56px;height:56px;box-shadow:0 0 0 3px var(--brand), 0 8px 18px -4px #213b3573;mix-blend-mode:normal;background:#fff;border-radius:50%;position:absolute;inset:4px;overflow:hidden}.me-dog .avatar-model{transform-origin:50% 80%}.spot-pin{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;justify-items:center;padding:0;display:grid}.spot-pin-body{border:3px solid var(--pin,#5a8f5f);background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:relative;box-shadow:0 6px 14px -4px #213b3573}.spot-pin-tip{border-left:7px solid #0000;border-right:7px solid #0000;border-top:9px solid var(--pin,#5a8f5f);width:0;height:0;margin-top:-2px}.spot-pin.kind-dog_park{--pin:#2f6b4a}.spot-pin.kind-park{--pin:#5a8f5f}.spot-pin.kind-meadow{--pin:#8fa84f}.spot-pin.kind-water{--pin:#4f8fa8}.spot-pin.is-collected{--pin:#d9a916}.spot-pin.is-collected .spot-pin-body:after{content:"✓";width:18px;height:18px;color:var(--accent-ink);background:linear-gradient(#ffe89a,#f1c22e);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0003}.spot-pin-n{color:#fff;background:#3fbf6f;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 2px 6px #0003}.spot-pin.is-live .spot-pin-body{animation:2.4s ease-in-out infinite pin-bounce}@keyframes pin-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.spot-pin.is-sel{z-index:3}.spot-pin.is-sel .spot-pin-body{scale:1.18;box-shadow:0 0 0 6px #25433326,0 10px 20px -6px #213b3580}.sheet{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-l);box-shadow:var(--shadow-2);animation:sheet-in .3s var(--ease-pop) both;background:#fffffff0;border:1px solid #ffffffe6;gap:10px;padding:8px 14px 14px;display:grid;position:absolute;bottom:126px;left:10px;right:10px}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sheet-grip{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 2px}.sheet-head{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}.spot-badge{background:var(--surface-soft);border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.sheet-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sheet-stats span{background:var(--surface-soft);border-radius:14px;justify-items:center;padding:8px 4px;display:grid}.sheet-stats strong{font-size:18px}.sheet-stats small{color:var(--ink-muted);font-size:11px}.sheet-actions{grid-template-columns:1.4fr 1fr;gap:8px;display:grid}.sheet-hint{text-align:center;padding:14px}.karte-pop{z-index:5;position:absolute;top:70px;left:50%;transform:translate(-50%)}.karte-hero{position:relative}.karte-mini-cover{color:inherit;z-index:3;background:linear-gradient(#0000 50%,#ffffffeb 85%);justify-content:space-between;align-items:flex-end;gap:10px;padding:12px;text-decoration:none;display:flex;position:absolute;inset:0}.karte-mini-info{gap:2px;min-width:0;display:grid}.karte-mini-info strong{font-size:15px}.karte-mini-info small{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.karte-mini .maplibregl-ctrl-bottom-left{display:none}.heute-start{box-shadow:var(--shadow-1), inset 0 1px 0 #fff;background:linear-gradient(135deg,#eef4e8 0%,#e2ecd9 100%);border:1px solid #fffc}@media (prefers-reduced-motion:reduce){.me-ring,.live-dot,.spot-pin.is-live .spot-pin-body,.sheet{animation:none}}.karte-credit{z-index:2;color:var(--ink-muted);background:#ffffffb3;border-radius:6px;padding:2px 6px;font-size:9px;text-decoration:none;position:absolute;bottom:132px;left:8px}.karte-mini .karte-credit{bottom:6px;left:auto;right:8px}.karte-box .maplibregl-ctrl-bottom-left,.karte-box .maplibregl-ctrl-bottom-right{display:none}.paw-progress{grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:4px 8px 0}.paw-step small{font-size:10px}.stage-live>.stage-glow,.stage>.stage-glow{position:absolute}:root{--rose:#f4c2cf;--rose-ink:#8a3b52;--butter:#fff1bf}body{background:radial-gradient(70% 45% at 8% 0,#d9efe08c,#0000 70%),radial-gradient(55% 40% at 100% 8%,#ffe28c38,#0000 70%),radial-gradient(60% 45% at 50% 100%,#f4c2cf2e,#0000 70%),#f7f8f2}.card{background:#fff;border-color:#dfe7d8e6;box-shadow:inset 0 1px #ffffffe6,0 6px 20px -10px #213b3524}.card-soft{box-shadow:none;background:#eef3e8}.btn-primary{background:linear-gradient(#2f5844,#254333 70%);box-shadow:0 6px 16px -8px #2543338c}.btn-primary:after{display:none}.btn-accent{background:#ffd447;box-shadow:0 6px 16px -8px #f1c22eb3}.tabbar{background:#ffffffe6;box-shadow:0 10px 30px -12px #213b3538}.level-icon,.points-chip{box-shadow:none}.heute-start{background:#eef3e8}.stage-live:before,.stage:before{background:radial-gradient(closest-side,#ffffff8c,#fff0)}.eyebrow:before{box-shadow:none}h1{letter-spacing:-.02em}.karte-filter{pointer-events:auto;gap:6px;width:100%;margin-bottom:4px;display:flex}.glass-chip.is-btn{cursor:pointer;color:var(--ink-soft);border:1px solid #ffffffe6;font-weight:700}.glass-chip.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}.glass-chip.is-on strong{color:#fff}.spot-pin.is-foto{--pin:#d98aa0}.spot-pin.is-foto .spot-pin-body{background:#fff3f6}.spot-pin-stars{letter-spacing:-1px;color:#d98aa0;white-space:nowrap;background:#fff;border-radius:6px;padding:0 4px;font-size:8px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000026}.foto-stars{color:#e0a01c;letter-spacing:1px;font-size:13px}.foto-stars-off{color:#e6e0d0}.foto-box{background:linear-gradient(#fff6f8,#fdeef2);border:1px solid #f6d6de;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.foto-box strong{color:var(--rose-ink);font-size:13px}.foto-box p{color:var(--ink-soft);grid-column:1/-1;font-size:13px;line-height:1.4}.foto-strip{scrollbar-width:none;gap:6px;margin:0 -14px;padding:0 14px;display:flex;overflow-x:auto}.foto-strip::-webkit-scrollbar{display:none}.foto-strip img{object-fit:cover;background:var(--surface-soft);border-radius:14px;flex:none;width:84px;height:84px;box-shadow:0 2px 8px #213b351f}.foto-rail{z-index:3;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:6px 12px 10px;display:flex;position:absolute;bottom:122px;left:0;right:0;overflow-x:auto}.foto-rail::-webkit-scrollbar{display:none}.foto-card{scroll-snap-align:start;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-2);cursor:pointer;font:inherit;color:var(--ink);background:#fffffff0;border:1px solid #fffffff2;border-radius:20px;flex:0 0 210px;gap:3px;padding:12px 12px 10px;display:grid;position:relative}.foto-card:active{transform:scale(.97)}.foto-card-top{justify-content:space-between;font-size:12px;display:flex}.foto-card strong{font-size:14px;line-height:1.2}.foto-card small{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.foto-count{color:var(--rose-ink);background:#fff3f6;border-radius:8px;padding:2px 6px;font-size:11px;position:absolute;top:10px;right:10px}.sheet-actions{grid-template-columns:1.3fr 1fr}.sheet .btn-sm{justify-self:stretch}.like{border:1.5px solid var(--line);color:var(--ink-soft);border-radius:var(--radius-pill);font:inherit;cursor:pointer;transition:transform .15s var(--ease-pop), background .2s, color .2s, border-color .2s;background:#fff;align-items:center;gap:6px;padding:8px 14px;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.like:active{transform:scale(.94)}.like-heart{transition:transform .25s var(--ease-pop);font-size:18px;line-height:1}.like.is-on{color:#d2565f;background:#fff0f3;border-color:#f2b8c6}.like.is-on .like-heart{animation:like-pop .35s var(--ease-pop)}@keyframes like-pop{0%{transform:scale(.6)}60%{transform:scale(1.35)}to{transform:scale(1)}}.like-burst{color:#d2565f;pointer-events:none;font-size:22px;animation:.8s ease-out forwards like-fly;position:absolute;top:0;left:50%}@keyframes like-fly{0%{opacity:1;transform:translate(-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-40px)scale(1.4)}}.like-l{padding:10px 18px;font-size:16px}.like-l .like-heart{font-size:22px}.like-s{padding:5px 10px;font-size:13px}.sozial-leiste{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.sozial-stat{justify-items:center;line-height:1.1;display:grid}.sozial-stat strong{font-size:18px}.sozial-stat small{color:var(--ink-muted);font-size:11px}.grad-hinweis{border:1px solid var(--line);color:var(--brand);background:#fff;border-radius:14px;margin:10px auto 0;padding:8px 12px;font-size:13px;font-weight:700;display:inline-block}.grad-hinweis.is-neu{color:var(--ink-muted);font-weight:600}.sozial-zahlen{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.sozial-zahlen>span{line-height:1.1;display:grid}.sozial-zahlen strong{font-size:20px}.sozial-zahlen small{color:var(--ink-muted);font-size:11px}.sozial-zahlen .chip{margin-left:auto;text-decoration:none}.feed ul{margin:0;padding:6px 0;list-style:none}.feed-row{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 14px;display:grid}.feed-row+.feed-row{border-top:1px solid #dfe7d899}.feed-dog.dog-avatar{width:44px;height:44px}.feed-icon{background:var(--surface-soft);border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.feed-text{gap:1px;font-size:14px;display:grid}.feed-text small{font-size:11px}.feed-mark{color:var(--ink-muted);font-size:16px}.einladen{border-radius:var(--radius-l);background:linear-gradient(135deg,#fff8e1,#fff1bf);border:1px solid #f3dd8a;gap:10px;padding:14px;display:grid}.einladen-kopf{grid-template-columns:44px 1fr;align-items:center;gap:10px;display:grid}.einladen-kopf small{color:var(--ink-soft);margin-top:2px;font-size:12.5px;line-height:1.35;display:block}.einladen-icon{width:44px;height:44px;box-shadow:var(--shadow-1);background:#fff;border-radius:14px;place-items:center;font-size:22px;display:grid}.einladen-knoepfe{flex-wrap:wrap;gap:6px;display:flex}.deck-wrap{gap:12px;padding-top:8px;padding-bottom:96px;display:grid}.deck-kopf{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.deck-zaehler{flex-shrink:0;gap:6px;padding-bottom:4px;display:flex}.deck{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:clamp(430px,100dvh - 340px,600px);position:relative}.deck-karte{cursor:grab;background:#fff;border:1px solid #dfe7d8e6;border-radius:30px;grid-template-rows:52% 1fr;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 50px -24px #213b3573,inset 0 2px #fffc}.deck-karte:active{cursor:grabbing}.deck-karte.is-hinten{opacity:.6;filter:saturate(.8);transform:scale(.94)translateY(14px)}.deck-buehne{place-items:end center;display:grid;position:relative;overflow:hidden}.deck-buehne:before{content:"";background:radial-gradient(70% 55% at 50% 45%,#fff9,#0000 72%),linear-gradient(#ffffff1a,#ffffff59);position:absolute;inset:0}.deck-buehne:after{content:"";background:radial-gradient(50% 50%,#213b3547,#0000 70%);border-radius:50%;height:26px;position:absolute;bottom:10px;left:18%;right:18%}.deck-foto{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.deck-dog.dog-avatar{z-index:1;width:min(66%,250px);height:auto;margin-bottom:6px;position:relative}.deck-dog.is-klein.dog-avatar{width:84px;box-shadow:var(--shadow-1);mix-blend-mode:normal;background:#ffffffe6;border-radius:50%;margin:0;position:absolute;bottom:8px;left:10px}.deck-score{z-index:2;background:conic-gradient(var(--brand) var(--p), #2543331f 0);width:66px;height:66px;box-shadow:var(--shadow-1);border-radius:50%;place-content:center;justify-items:center;line-height:1;display:grid;position:absolute;top:12px;right:12px}.deck-score:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.deck-score strong,.deck-score span{position:relative}.deck-score strong{color:var(--brand);letter-spacing:-.02em;font-size:19px}.deck-score strong small{margin-left:1px;font-size:11px}.deck-score span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9.5px}.deck-score.is-top{background:conic-gradient(#d2565f var(--p), #d2565f26 0)}.deck-score.is-top strong{color:#d2565f}.deck-ort{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-soft);background:#ffffffd9;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.deck-stempel{z-index:3;letter-spacing:.08em;opacity:0;transition:opacity .15s, transform .2s var(--ease-pop);background:#ffffffd9;border:3px solid;border-radius:14px;padding:8px 14px;font-size:22px;font-weight:900;position:absolute;top:90px;transform:rotate(-12deg)scale(.8)}.deck-stempel.ja{color:#2f8a56;border-color:#2f8a56;left:16px}.deck-stempel.nein{color:#c9453f;border-color:#c9453f;right:16px;transform:rotate(12deg)scale(.8)}.deck-stempel.is-on{opacity:1;transform:rotate(-8deg)scale(1)}.deck-stempel.nein.is-on{transform:rotate(8deg)scale(1)}.deck-text{background:linear-gradient(#fff,#fbfcf9);align-content:start;gap:7px;padding:14px 16px 12px;display:grid;overflow:hidden}.deck-name{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.deck-name h2{letter-spacing:-.02em;font-size:26px}.deck-alter{color:var(--brand);background:var(--mint);border-radius:var(--radius-pill);padding:3px 9px;font-size:12.5px;font-weight:700}.deck-zahlen{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px;display:grid}.deck-zahlen span{background:var(--surface-soft);color:var(--ink-muted);border-radius:14px;justify-items:center;gap:1px;padding:8px 4px;font-size:11px;display:grid}.deck-zahlen strong{color:var(--ink);font-size:16px}.deck-kontakt{color:var(--ink-soft);font-size:13px;font-weight:600}.deck-gruende{flex-wrap:wrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.deck-gruende strong{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;width:100%;margin-right:2px;font-size:11px}.grund{background:var(--mint);color:var(--brand);border-radius:12px;padding:5px 10px;font-weight:700}.deck-knoepfe{justify-content:center;align-items:flex-start;gap:26px;margin-top:2px;display:flex}.deck-knopf{justify-items:center;gap:4px;display:grid}.deck-knopf small{color:var(--ink-muted);font-size:11.5px;font-weight:700}.deck-btn{cursor:pointer;width:66px;height:66px;box-shadow:var(--shadow-2);transition:transform .15s var(--ease-pop);border:0;border-radius:50%;place-items:center;font-size:26px;display:grid}.deck-btn:active{transform:scale(.9)}.deck-nein{color:#c9453f;background:#fff;border:1px solid #dfe7d8e6}.deck-ja{color:#fff;background:linear-gradient(#ff8a95,#d2565f);box-shadow:0 12px 24px -10px #d2565fb3}.deck-hint{color:var(--ink-muted);padding-top:24px;font-size:11px}.deck-leer{text-align:center;justify-items:center;gap:8px;padding:22px;display:grid}.match-overlay{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#213b358c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.match-karte{text-align:center;max-width:380px;animation:ds-in .35s var(--ease-pop) both;background:#fff;border-radius:28px;justify-items:center;gap:10px;padding:22px 18px;display:grid}.match-hunde{align-items:center;gap:8px;display:flex}.match-dog.dog-avatar{width:110px;height:110px}.match-herz{color:#d2565f;animation:like-pop .6s var(--ease-pop);font-size:30px}.tageslage{border-radius:var(--radius-l);box-shadow:var(--shadow-1);background:#fff;border:1px solid #dfe7d8e6;gap:10px;padding:14px;display:grid}.tl-kopf{align-items:center;gap:14px;display:flex}.tl-serie,.tl-heute{grid-auto-flow:column;align-items:center;gap:6px;line-height:1.05;display:grid}.tl-serie strong,.tl-heute strong{font-size:22px}.tl-serie small,.tl-heute small{color:var(--ink-muted);max-width:64px;font-size:11px}.tl-serie span[aria-hidden]{filter:grayscale();opacity:.5;font-size:20px}.tl-serie.is-on span[aria-hidden]{filter:none;opacity:1}.tl-aufgabe{background:linear-gradient(135deg,#fff8e1,#fff1bf);border-radius:16px;grid-template-columns:1fr 48px;align-items:center;gap:10px;padding:12px;display:grid}.tl-aufgabe.is-done{background:linear-gradient(135deg, #e9f5ec, var(--mint))}.tl-aufgabe-text{gap:2px;display:grid}.tl-aufgabe-text strong{font-size:15px}.tl-aufgabe-text small{font-size:12px}.tl-aufgabe-icon{width:48px;height:48px;box-shadow:var(--shadow-1);background:#fff;border-radius:16px;place-items:center;font-size:22px;display:grid}.tl-aufgabe.is-done .tl-aufgabe-icon{background:var(--brand);color:#fff}.tl-spot{color:inherit;background:#fff3f6;border:1px solid #f6d6de;border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:grid}.tl-spot-icon{background:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.tl-spot-text{gap:1px;min-width:0;display:grid}.tl-spot-text strong{font-size:15px}.tl-spot-text small{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tl-liste ol{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.tl-liste li{border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:grid}.tl-liste li.is-ich{background:var(--surface-soft);font-weight:700}.tl-rang{background:var(--surface-soft);width:22px;height:22px;color:var(--brand);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.tl-liste li:first-child .tl-rang{color:var(--accent-ink);background:linear-gradient(#ffe89a,#f1c22e)}.draussen{color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.draussen-hunde{display:flex}.draussen-dog.dog-avatar{mix-blend-mode:normal;background:#fff;border-radius:50%;width:40px;height:40px;margin-right:-12px;overflow:hidden;box-shadow:0 0 0 2px #fff}.draussen-text{gap:1px;display:grid}.draussen-text strong{font-size:15px}.draussen-text small{font-size:12px}.karte-live{align-items:center;gap:6px;display:inline-flex}.karte-live.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}.live-pin{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.live-pin-ring{background:#2543332e;border-radius:50%;animation:2.4s ease-out infinite me-pulse;position:absolute;inset:6px}.live-pin-body{color:var(--brand);background:#fff;border:3px solid #5a8f5f;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset:6px;box-shadow:0 6px 14px -4px #213b3573}.live-pin.is-freund .live-pin-body{border-color:var(--brand);background:var(--mint)}.live-pin.is-match .live-pin-body{color:#d2565f;background:#fff0f3;border-color:#d2565f}.live-pin-score{color:#fff;background:#d2565f;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.sheet-dog.dog-avatar{width:44px;height:44px}.entdecker{background:var(--surface-soft);border-radius:12px;padding:8px 10px;font-size:13px}.entdecker.is-frei{background:#fff8e1}.vorschlag{border-radius:var(--radius-l);box-shadow:var(--shadow-1);color:inherit;background:linear-gradient(135deg,#fff,#fff3f6);border:1px solid #f6d6de;grid-template-columns:84px 1fr;align-items:center;gap:12px;padding:12px 14px 12px 12px;text-decoration:none;display:grid}.vorschlag-buehne{border-radius:22px;place-items:center;width:84px;height:84px;display:grid;position:relative;overflow:hidden}.vorschlag-dog.dog-avatar{width:76px;height:76px}.vorschlag-score{color:#fff;background:#d2565f;border-radius:10px;padding:3px 7px;font-size:11px;font-weight:900;position:absolute;bottom:-2px;right:-2px}.vorschlag-text{gap:4px;min-width:0;display:grid}.vorschlag-text strong{font-size:15px}.vorschlag-text .grund{padding:3px 8px;font-size:12px}*,:before,:after{box-sizing:border-box}body{margin:0}.app-main table{table-layout:fixed;word-break:break-word;width:100%}.deck{overflow-x:clip}.karte-top .is-btn{pointer-events:auto}:root{--sun-soft:#fff6d6;--sun-1:#ffe89a;--sun-2:#f1c22e;--rose-soft:#fff3f6;--rose-line:#f6d6de}.stage-hero .stage-foto{margin-top:10px}.stage-hero .dog-avatar.is-klein{width:74px;height:74px;box-shadow:var(--shadow-1);mix-blend-mode:normal;background:#fff;border-radius:50%;margin:0;animation:none;position:absolute;bottom:14px;right:14px}.stage-hero .dog-avatar.is-klein:after{display:none}.tab{position:relative}.tab-badge{color:#fff;background:#d2565f;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;top:4px;left:calc(50% + 6px);box-shadow:0 0 0 2px #fff}.install-hinweis{border-radius:var(--radius-l);background:linear-gradient(135deg, #fff, var(--mint));box-shadow:var(--shadow-1);border:1px solid #2543332e;grid-template-columns:44px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.install-icon{width:44px;height:44px;box-shadow:var(--shadow-1);background:#fff;border-radius:14px;place-items:center;font-size:22px;display:grid}.install-text{gap:4px;min-width:0;display:grid}.install-text strong{font-size:15px}.install-text small{color:var(--ink-soft);font-size:13px;line-height:1.4}.install-tap{color:var(--brand);font-weight:800}.install-knoepfe{gap:6px;margin-top:4px;display:flex}.karte-full .reward-pop{z-index:5;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);top:150px;left:50%;right:auto;overflow:hidden;transform:translate(-50%)}.deck-text{flex-direction:column;display:flex}.deck-text>.skill-chips{flex-wrap:nowrap;max-height:30px;overflow:hidden}.deck-text>.deck-zahlen{margin-top:auto}.deck-text>.badges{display:none}.deck-wrap{padding-bottom:96px}.onboard .app-main{padding-bottom:150px}.fortschritt{gap:12px;display:grid}.fs-zahlen{background:var(--surface);border-radius:var(--radius-m);border:1px solid #dfe7d8e6;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.fs-zahlen>span{text-align:center;justify-items:center;padding:10px 4px;line-height:1.1;display:grid}.fs-zahlen>span+span{border-left:1px solid #dfe7d8cc}.fs-zahlen strong{font-size:17px}.fs-zahlen small{color:var(--ink-muted);font-size:10.5px}.fs-block{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-1);border:1px solid #dfe7d8e6;gap:8px;padding:14px;display:grid}.fs-trophaeen{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fs-trophaee{text-align:center;border-radius:var(--radius-m);background:var(--surface-soft);opacity:.55;justify-items:center;gap:2px;padding:10px 6px;display:grid}.fs-trophaee.is-erreicht{opacity:1;background:linear-gradient(180deg, #fff, var(--sun-soft));border:1px solid #ecd27a;box-shadow:0 2px 8px #f1c22e40}.fs-trophaee-icon{font-size:26px;line-height:1}.fs-trophaee strong{font-size:12px}.fs-trophaee small{color:var(--ink-muted);font-size:10.5px}.fs-liste{gap:4px;margin:0;padding:0;list-style:none;display:grid}.fs-liste li{border-radius:var(--radius-s);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.fs-liste li.is-erreicht{background:var(--surface-soft)}.fs-icon{border-radius:var(--radius-s);background:var(--surface-soft);place-items:center;width:36px;height:36px;font-size:18px;display:grid}.fs-liste li.is-erreicht .fs-icon{background:linear-gradient(180deg, var(--sun-1), var(--sun-2))}.fs-text{gap:2px;min-width:0;display:grid}.fs-text strong{font-size:14px}.fs-text small{color:var(--ink-muted);font-size:12px}.fs-text .level-bar{height:4px;margin-top:2px}.fs-punkte{color:var(--brand);font-size:12px;font-weight:800}.fs-sammlung{gap:4px;display:grid}.fs-sammlung-kopf{justify-content:space-between;font-size:13px;display:flex}.fs-sammlung-kopf span{color:var(--ink-muted)}.fs-profil{flex-wrap:wrap;gap:6px;display:flex}.deck-titel{color:var(--brand);background:linear-gradient(180deg, #fff, var(--mint));border-radius:var(--radius-pill);border:1px solid #2543332e;padding:3px 9px;font-size:12px;font-weight:800}.feier{border-radius:var(--radius-l);background:linear-gradient(135deg, #fff, var(--sun-soft));box-shadow:var(--shadow-2);animation:ds-in .4s var(--ease-pop) both;border:1px solid #ecd27a;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.feier.art-level{background:linear-gradient(135deg, #fff, var(--mint));border-color:#25433333}.feier.art-trophaee{background:linear-gradient(135deg, #fff, var(--rose-soft));border-color:var(--rose-line)}.feier-icon{width:56px;height:56px;box-shadow:var(--shadow-1);background:#fff;border-radius:18px;place-items:center;font-size:28px;display:grid}.feier-text{gap:2px;min-width:0;display:grid}.feier-text strong{font-size:16px}.feier-text small{color:var(--ink-soft);font-size:12.5px}@media (max-width:360px){.feier{grid-template-columns:48px 1fr}.feier .btn{grid-column:1/-1}}.dog-foto{object-fit:cover;background:var(--surface-soft);aspect-ratio:1;border-radius:50%}.dog-foto.list-dog{width:64px;height:64px}.dog-foto.feed-dog{width:44px;height:44px}.stage-foto{object-fit:cover;border-radius:50%;width:190px;height:190px;margin:4px auto 0;display:block;position:relative;box-shadow:0 10px 30px -10px #213b3573,0 0 0 5px #fff}.stage-live .dog-avatar.is-klein{width:74px;height:74px;box-shadow:var(--shadow-1);mix-blend-mode:normal;background:#fff;border-radius:50%;position:absolute;bottom:58px;right:14px}.pass-foto{object-fit:cover;width:200px;height:200px;box-shadow:0 0 0 5px #fff, var(--shadow-2);border-radius:50%;margin:4px auto 0;display:block}.foto-moment{justify-items:center;gap:10px;display:grid}.foto-rahmen{border:2px dashed var(--line);background:var(--surface);border-radius:50%;place-items:center;width:180px;height:180px;display:grid;overflow:hidden}.foto-rahmen.has-foto{border-style:solid;border-color:var(--brand)}.foto-rahmen img{object-fit:cover;width:100%;height:100%}.foto-leer{opacity:.5;font-size:40px}.foto-knoepfe{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.feedseite{gap:12px;display:grid}.composer{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);border:1px solid #dfe7d8e6;gap:8px;padding:10px;display:grid}.composer-zeile{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.composer-input{border-radius:var(--radius-pill);min-height:44px;font-size:15px}.composer-foto{border-radius:50%;width:44px;min-height:44px;padding:0;font-size:18px}.composer-preview{justify-items:start;gap:6px;display:grid}.composer-preview img{border-radius:var(--radius-m);aspect-ratio:4/3;object-fit:cover;width:100%}.composer-knoepfe{justify-content:flex-end;gap:8px;display:flex}.post{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);border:1px solid #dfe7d8e6;gap:10px;padding:12px 14px;display:grid}.post.art-fortschritt{background:linear-gradient(135deg, #fff, var(--sun-soft))}.post.art-neu{background:linear-gradient(135deg, #fff, var(--mint))}.post-kopf{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}.post-wer{gap:1px;min-width:0;display:grid}.post-wer strong{flex-wrap:wrap;align-items:center;font-size:15px;display:flex}.post-wer small{font-size:12px}.post-text{white-space:pre-wrap;font-size:15px;line-height:1.45}.post-foto{aspect-ratio:1;object-fit:cover;background:var(--surface-soft);width:calc(100% + 28px);margin:0 -14px}.post-spot{justify-self:start;text-decoration:none}.post-fuss{align-items:center;gap:8px;display:flex}.post-reagieren{position:relative}.post-btn{background:var(--surface-soft);border-radius:var(--radius-pill);font:inherit;color:var(--ink-soft);cursor:pointer;border:1px solid #dfe7d8e6;padding:7px 12px;font-size:13px;font-weight:700}.post-btn.is-on{background:linear-gradient(180deg, #fff, var(--mint));color:var(--brand);border-color:#25433333}.post-wahl{background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);gap:4px;padding:6px;animation:.2s both ds-in;display:flex;position:absolute;bottom:42px;left:0}.post-wahl button{cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:22px}.post-kommentare{border-top:1px solid #dfe7d8cc;gap:8px;padding-top:8px;display:grid}.kommentar{gap:1px;font-size:14px;display:grid}.kommentar strong{font-size:13px}.kommentar small{font-size:11px}.kommentar-form{grid-template-columns:1fr auto;gap:8px;display:grid}.kommentar-form .input{min-height:40px;font-size:14px}.ideen{gap:14px;padding-top:8px;display:grid}.ideen-preis{align-items:flex-start;gap:12px;padding:14px;display:flex}.ideen-preis-icon{font-size:28px;line-height:1}.ideen-rang{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.ideen-form{gap:10px;padding:14px;display:grid}.idee{align-items:flex-start;gap:12px;padding:12px;display:flex}.idee.is-gebaut{border-color:#ecd27a}.idee-stimme{border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);width:52px;min-height:56px;color:var(--ink-soft);font:inherit;cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.idee-stimme[aria-pressed=true]{border-color:var(--brand);background:var(--surface-soft);color:var(--brand)}.idee-stimme strong{font-size:16px}.idee-text{flex:1;align-content:start;gap:4px;min-width:0;display:grid}.idee-kopf{flex-wrap:wrap;gap:6px;display:flex}.idee-status{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink-muted);padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.idee-status.is-geplant{color:#2b4a8f;background:#e3ecff}.idee-status.is-arbeit{background:var(--sun-soft);color:var(--accent-ink)}.idee-status.is-gebaut{color:var(--brand);background:#dff3e6}.idee-status.is-nein{background:var(--rose-soft);color:var(--rose-ink)}.idee-status.is-marke{color:var(--accent-ink);text-transform:none;background:linear-gradient(#fff6d6,#fbe9a1)}.idee-titel{overflow-wrap:anywhere;font-size:16px;line-height:1.25}.idee-body{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.idee-wer{font-size:12px}.idee-link{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.idee-antwort{background:var(--surface-soft);border-radius:var(--radius-s);margin-top:4px;padding:8px 10px;font-size:14px}.ideen-beste{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ideen-beste li{border-radius:var(--radius-m);background:var(--surface-soft);align-items:center;gap:10px;padding:8px 10px;display:flex}.ideen-beste li.is-ich{outline:1.5px solid var(--brand)}.ideen-platz{background:var(--surface);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.ideen-name{flex:1;min-width:0;font-size:14px}.cockpit{gap:14px;padding-top:8px;display:grid}.cockpit-zahlen{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:8px;display:grid}.cockpit-tabelle{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.cockpit-tabelle td{border-top:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:6px 4px}.cockpit-balken{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:2px;height:56px;margin-top:6px;display:grid}.cockpit-balken>div{align-items:flex-end;height:100%;display:flex}.cockpit-balken span{background:var(--brand);border-radius:2px 2px 0 0;width:100%;min-height:2px;display:block}.cockpit-zeile{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.cockpit-zeile>span:first-child{overflow-wrap:anywhere;min-width:0}.kanban{scroll-snap-type:x proximity;grid-auto-columns:min(78vw,280px);grid-auto-flow:column;gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-spalte{scroll-snap-align:start;align-content:start;gap:8px;display:grid}.kanban-karte{text-align:left;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);font:inherit;color:inherit;cursor:pointer;gap:3px;min-width:0;padding:10px;display:grid}.kanban-karte.is-intern{background:var(--surface-soft);border-style:dashed}.kanban-karte strong{overflow-wrap:anywhere;font-size:14px;line-height:1.25}.kanban-kopf{align-items:center;gap:6px;font-size:12px;display:flex}.kanban-kopf .tabular{margin-left:auto}.kanban-prio{color:var(--rose-ink);font-weight:800}.gassi{gap:14px;padding-top:8px;display:grid}.gassi-live{padding-top:0}.gassi-cta{gap:10px;display:grid}.gassi-start{grid-template-columns:84px 1fr;align-items:center;gap:14px;padding:18px;display:grid}.gassi-map{border-radius:0 0 var(--radius-l) var(--radius-l);background:var(--surface-soft);height:min(52vh,460px);margin:0 -16px;position:relative;overflow:hidden}.gassi-map-box{position:absolute;inset:0}.me-dot{background:var(--brand);border-radius:50%;position:absolute;inset:22px;box-shadow:0 0 0 3px #fff,0 6px 14px -4px #213b3580}.gassi-zahlen{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gassi-zahlen.is-klein{grid-template-columns:repeat(4,1fr)}.gassi-zahlen>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);gap:2px;padding:10px 6px;display:grid}.gassi-zahlen strong{font-size:24px;font-family:var(--font-display);line-height:1.1}.gassi-zahlen.is-klein strong{font-size:18px}.gassi-zahlen small{color:var(--ink-muted);font-size:12px}.gassi-status{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.live-dot.is-aus{background:var(--ink-muted);box-shadow:none;animation:none}.gassi-spot{border:1.5px solid var(--brand);background:var(--surface-soft);border-radius:var(--radius-m);width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.gassi-spot strong{color:var(--brand);white-space:nowrap}.gassi-knoepfe{grid-template-columns:1fr 1fr 1.3fr;gap:8px;display:grid}.gassi-karte-box{gap:10px;padding:12px;display:grid}.gassi-foto{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-m);width:100%}.gassi-spur{width:100%}.gassi-zeile{align-items:flex-start;gap:12px;padding:12px;display:flex}.gassi-zeile-text{flex:1;gap:2px;min-width:0;display:grid}.gassi-zeile-text small{font-size:12px}.gassi-zeile-knoepfe{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.post-gassi{background:var(--surface-soft);border-radius:var(--radius-m);align-items:center;gap:12px;margin-top:8px;padding:10px;display:flex}.post-gassi-text{flex:1;gap:2px;min-width:0;display:grid}.post-gassi-text small{font-size:12px}.post.art-vermisst{background:linear-gradient(135deg,#fff,#fff1ef);border:2px solid #e05252}.post-vermisst{color:#8a2b2b;margin-top:6px;font-size:13px}.pass-vermisst{border-radius:var(--radius-l);background:#fff1ef;border:2px solid #e05252;gap:8px;margin:12px 12px 0;padding:14px 16px;display:grid}.pass-vermisst strong{color:#8a2b2b;font-size:17px}.pass-vermisst p{color:var(--ink-soft);font-size:14px}.anh-karte.is-vermisst{background:linear-gradient(135deg,#fff,#fff1ef);border-color:#e05252}.schnueffel-karte{color:inherit;padding:14px;text-decoration:none;display:block}.schnueffel{grid-template-columns:72px 1fr;align-items:center;gap:12px;display:grid}.schnueffel-ring{place-items:center;width:72px;height:72px;display:grid;position:relative}.schnueffel-ring svg{position:absolute;inset:0}.schnueffel-ring strong{font-size:20px;font-family:var(--font-display);position:relative}.schnueffel-text{gap:2px;min-width:0;display:grid}.schnueffel-text strong{font-size:15px;line-height:1.25}.schnueffel-text small{font-size:12px}.schnueffel-tage{grid-column:1/-1;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:56px;margin-top:4px;display:grid}.schnueffel-tage>div{grid-template-rows:1fr auto;place-items:end center;gap:3px;height:100%;display:grid}.schnueffel-tage span{border-radius:4px 4px 2px 2px;width:100%;min-height:3px;display:block}.schnueffel-tage small{color:var(--ink-muted);font-size:10px}.af{flex-direction:column;min-height:calc(100dvh - 140px);padding-top:4px;display:flex}.af-kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.af-punkte{gap:6px;margin:0;padding:0;list-style:none;display:flex}.af-punkte li{background:var(--line);width:6px;height:6px;transition:width .3s var(--ease-pop), background .3s;border-radius:3px}.af-punkte li.is-aktiv{background:var(--brand);width:22px}.af-punkte li.is-fertig{background:var(--brand);opacity:.5}.af-step{text-align:center;animation:af-in .45s var(--ease-pop) both;flex-direction:column;flex:1;align-items:center;gap:14px;padding:18px 4px 12px;display:flex}.af-step.is-zurueck{animation-name:af-in-zurueck}@keyframes af-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes af-in-zurueck{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.af-titel{letter-spacing:-.01em;margin-top:4px;font-size:30px;line-height:1.12}.af-text{color:var(--ink-soft);max-width:34ch;font-size:16px}.af-klein{color:var(--ink-muted);max-width:36ch;font-size:12.5px}.af-cta{width:100%;margin-top:auto}.af .field{text-align:left;width:100%}.af-buehne{place-items:center;width:220px;height:220px;margin:8px 0;display:grid;position:relative}.af-ring{border:1.5px solid #25433359;border-radius:50%;animation:2.8s ease-out infinite af-ring;position:absolute;inset:30px}.af-ring.is-2{animation-delay:.9s}.af-ring.is-3{animation-delay:1.8s}.af-ring.is-fertig{animation:1.6s ease-out both af-ring}@keyframes af-ring{0%{opacity:0;transform:scale(.6)}20%{opacity:.7}to{opacity:0;transform:scale(1.35)}}.af-disc{background:radial-gradient(circle at 35% 30%,#fff 0%,#f1f3ee 55%,#d9ded4 100%);border-radius:50%;place-items:center;width:120px;height:120px;animation:3.6s ease-in-out infinite af-float;display:grid;position:relative;box-shadow:0 18px 40px -14px #213b3573,inset 0 -3px 8px #00000014,inset 0 2px 3px #fff}.af-disc-innen{background:radial-gradient(circle at 40% 35%,#fbfcfa,#e3e7de);border-radius:50%;width:78px;height:78px;box-shadow:inset 0 1px 2px #00000014}.af-disc-text{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@keyframes af-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.af-buehne.is-dock .af-halsband{opacity:.9;border:22px solid #0000;border-top-color:#254333;border-radius:50%;height:200px;position:absolute;top:44px;left:10px;right:10px;transform:rotate(180deg)}.af-disc.is-dock{animation:af-dock 1.1s var(--ease-pop) both}@keyframes af-dock{0%{opacity:0;transform:translateY(-70px)scale(.8)}60%{opacity:1;transform:translateY(6px)scale(1.03)}to{transform:translateY(0)scale(1)}}.af-arten{gap:10px;width:100%;display:grid}.af-art{text-align:left;border-radius:var(--radius-l);border:1.5px solid var(--line);background:var(--surface);font:inherit;color:inherit;cursor:pointer;transition:transform .15s var(--ease-pop), border-color .15s, box-shadow .15s;align-items:center;gap:12px;padding:14px;display:flex}.af-art:active{transform:scale(.98)}.af-art[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 4px #2543331a}.af-art strong{font-size:16px;display:block}.af-art small{color:var(--ink-muted);margin-top:2px;font-size:13px;display:block}.af-bald{letter-spacing:.1em;text-transform:uppercase;background:var(--surface-soft);color:var(--ink-muted);vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;display:inline-block}.af-art-icon{background:var(--surface-soft);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.af-mini-disc{background:radial-gradient(circle at 35% 30%,#fff,#d9ded4);border-radius:50%;width:30px;height:30px;box-shadow:0 4px 10px -3px #213b3566}.af-mini-marke{font-size:20px}.af-mini-gps{color:var(--brand);font-size:24px}.af-vorschau{text-align:left;border:1.5px solid var(--line);border-radius:var(--radius-l);background:var(--surface);gap:8px;width:100%;padding:12px;display:grid}.af-vorschau-kopf{align-items:center;gap:10px;display:flex}.af-vorschau-text{color:var(--ink-soft);white-space:pre-wrap;font-size:14px}.af-vorschau-tel{font-size:14px}.af-check circle{stroke-dasharray:280;stroke-dashoffset:280px;animation:.7s ease-out .1s forwards af-draw}.af-check path{stroke-dasharray:70;stroke-dashoffset:70px;animation:.5s ease-out .6s forwards af-draw}@keyframes af-draw{to{stroke-dashoffset:0}}.xp-karte{gap:8px;padding:14px;display:grid}.xp-kopf{align-items:center;gap:12px;display:flex}.xp-stufe{background:linear-gradient(180deg, #33604b, var(--brand));color:#fff;width:44px;height:44px;font-size:20px;font-weight:900;font-family:var(--font-display);box-shadow:var(--shadow-btn);border-radius:50%;flex:none;place-items:center;display:grid}.xp-kopf strong{font-size:15px;display:block}.xp-kopf small{font-size:12px;display:block}.ideen-sperre{padding:14px}.idee-aktionen{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.idee-aktionen .chip{cursor:pointer;text-decoration:none}.rudel-karte{color:inherit;padding:14px;text-decoration:none;display:block}.rudel-liste{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.rudel-zeile{border-radius:var(--radius-m);background:var(--surface-soft);align-items:center;gap:10px;padding:8px 10px;display:flex}.rudel-zeile.is-1{background:linear-gradient(135deg,#fff8d6,#f7e6a3);box-shadow:inset 0 0 0 1.5px #e3c451}.rudel-zeile.is-2{background:linear-gradient(135deg,#f7f7f7,#e3e6e8);box-shadow:inset 0 0 0 1.5px #b9c0c6}.rudel-zeile.is-3{background:linear-gradient(135deg,#fbeee2,#ecc9a8);box-shadow:inset 0 0 0 1.5px #c99364}.rudel-zeile.is-ich{outline:1.5px solid var(--brand)}.rudel-bild{flex:none;width:48px;height:48px;position:relative}.rudel-bild .tile-dog{border-radius:50%;width:48px;height:48px;overflow:hidden}.rudel-zeile.is-1 .rudel-bild .tile-dog{box-shadow:0 0 0 3px #e3c451}.rudel-zeile.is-2 .rudel-bild .tile-dog{box-shadow:0 0 0 3px #b9c0c6}.rudel-zeile.is-3 .rudel-bild .tile-dog{box-shadow:0 0 0 3px #c99364}.rudel-medaille{filter:drop-shadow(0 2px 3px #00000040);font-size:20px;position:absolute;bottom:-6px;right:-8px}.rudel-text{flex:1;gap:1px;min-width:0;font-size:14px;display:grid}.rudel-text small{font-size:12px}.rudel-xp{white-space:nowrap;font-size:15px}.post-medaille{vertical-align:-1px;margin-left:6px;font-size:15px}.idee-oeffentlich{gap:12px;padding:16px;display:grid}.idee-oeff-kopf{align-items:center;gap:12px;display:flex}.idee-oeff-kopf .list-dog{width:56px;height:56px}.idee-oeff-stimmen{align-items:baseline;gap:8px;display:flex}.idee-oeff-stimmen strong{font-size:40px;font-family:var(--font-display);line-height:1}.idee-oeff-stimmen span{color:var(--ink-muted);font-size:14px}.pass-aufgaben{border-radius:var(--radius-l);padding:12px 14px 4px;display:grid}.pass-aufgabe{color:inherit;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:grid}.pass-aufgabe+.pass-aufgabe{border-top:1px solid var(--line)}.pass-aufgabe .stamp{width:44px;height:44px;font-size:20px}.pass-aufgabe strong{font-size:15px;display:block}.pass-aufgabe small{font-size:12px;display:block}.pass-aufgabe:active{background:var(--surface-soft)}.dex-zahlen{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dex-zahlen>div{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius-m);text-align:center;box-shadow:var(--shadow-1);padding:12px 8px}.dex-zahlen strong{font-size:24px;font-family:var(--font-display);line-height:1.1;display:block}.dex-zahlen small{color:var(--ink-muted);font-size:12px}.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dex-kachel{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius-m);text-align:center;box-shadow:var(--shadow-1);justify-items:center;gap:4px;min-width:0;padding:12px 6px;display:grid;position:relative}.dex-kachel strong{overflow-wrap:anywhere;font-size:13px;line-height:1.2}.dex-kachel small{color:var(--ink-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.25}.dex-kachel small a{color:inherit}.dex-kachel .dex-punkte{color:var(--accent-ink);font-weight:700}.dex-kachel.is-offen,.dex-kachel.is-wartet{background:color-mix(in srgb, var(--surface) 70%, var(--surface-warm));border-style:dashed}.dex-kachel.is-fehlt{background:color-mix(in srgb, var(--surface) 55%, var(--surface-soft));box-shadow:none}.dex-kachel.is-fehlt .dog-avatar{filter:grayscale()contrast(.5)brightness(1.25)opacity(.55)}.dex-kachel.is-fehlt strong{color:var(--ink-soft)}.dex-dog.dog-avatar{width:84px;height:84px}.dog-foto.dex-dog{object-fit:cover;border-radius:50%;width:84px;height:84px}.dex-selten{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);color:#fff;padding:2px 8px;font-size:10px;font-weight:800}.dex-anzahl{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-pill);padding:2px 7px;font-size:12px;font-weight:800;position:absolute;top:8px;right:8px}.dex-wartend{align-items:center;gap:12px;display:flex}.dex-wartend strong{font-size:15px;line-height:1.25;display:block}.dex-offene{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dex-offene li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.dex-feier{background:linear-gradient(180deg, #fff, var(--surface-soft));border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius-l);text-align:center;box-shadow:var(--shadow-1);gap:10px;padding:16px;display:grid}.dex-feier.is-klein{padding:12px}.merkmal-dialog{text-align:left;background:var(--surface);border-radius:var(--radius-m);border:1px solid var(--line);padding:12px}.merkmal-chips{flex-wrap:wrap;gap:8px;display:flex}.merkmal-chip{border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.merkmal-chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.merkmal-chip:disabled{opacity:.6}.karten-block{max-width:100%;display:inline-block}.karten-chip{border-radius:var(--radius-pill);background:var(--surface);isolation:isolate;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.karten-chip small{color:var(--ink-muted);font-weight:600}.karten-chip:before{content:"";border-radius:inherit;background:var(--karten-rand);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.karte .sheet{overscroll-behavior:contain;max-height:min(58dvh,520px);overflow-y:auto}.karte-suche{pointer-events:auto;width:100%}.karte-suche .ortsuche{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-2);padding:12px}.karte-zoom{z-index:2;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:20px;display:grid;position:absolute;top:66px;right:12px;overflow:hidden}.karte-zoom button{color:var(--ink);cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:24px}.karte-fehler{z-index:5;background:var(--surface-soft);place-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.karte-datenfehler{z-index:3;background:var(--surface);box-shadow:var(--shadow-1);border-radius:20px;padding:14px;font-size:13px;position:absolute;bottom:130px;left:12px;right:12px}.karte-ortsliste .option{text-align:left;gap:4px;display:grid}.karte-ortsliste .option span{color:var(--ink-muted);font-size:12px}.karte-filter .glass-chip,.karte-suche>button,.karte-top>button{min-height:44px}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}