.pp-theme{--color-bg:#f2faf8;--color-surface:#fff;--color-border:#d7ede8;--color-text:#1f2e2c;--color-text-muted:#5c706c;--color-primary:#12897d;--color-primary-dark:#0d685f;--color-accent:#4fb8a8;--color-accent-light:#e3f7f2;--shadow-clay-sm:0 3px 10px #12897d40;--shadow-clay-card:0 6px 20px #12897d1a;--shadow-soft:0 4px 14px #12897d2e;background:var(--color-bg);color:var(--color-text);min-height:100dvh}.pp-theme .btn-primary:hover,.pp-theme .btn-primary:active{background:var(--color-primary-dark);box-shadow:var(--shadow-clay-sm);transform:none}.pp-theme .clay-card:hover{box-shadow:var(--shadow-clay-card)}.pp-passport-card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-card);color:#fff;box-shadow:var(--shadow-clay-card)}.pp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-clay-card)}.pp-btn-primary{font-family:var(--font-ui), sans-serif;color:#fff;background:var(--color-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-clay-sm);border:none;font-weight:600;transition:background .15s}.pp-btn-primary:hover{background:var(--color-primary-dark)}.pp-btn-primary:disabled{opacity:.6}.pp-btn-secondary{font-family:var(--font-ui), sans-serif;color:var(--color-primary-dark);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-pill);font-weight:600;transition:border-color .15s}.pp-btn-secondary:hover{border-color:var(--color-primary)}.pp-bottom-nav{inset-inline:0;z-index:30;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;display:flex;position:fixed;bottom:0}.pp-bottom-nav a{font-family:var(--font-ui), sans-serif;color:var(--color-text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px 8px;font-size:11px;font-weight:600;display:flex}.pp-bottom-nav a[data-active=true]{color:var(--color-primary-dark)}@keyframes pp-paw-bounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-16px)rotate(4deg)}}.pp-hero-paw{font-size:64px;animation:2.2s ease-in-out infinite pp-paw-bounce;display:inline-block}@media (prefers-reduced-motion:reduce){.pp-hero-paw{animation:none}}