*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.glass-card{background:#ffffff9e;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 20px #0f172a14,inset 0 0 0 1px #ffffff59}.glass-card-teal{background:#e0f7fa80;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);border:1px solid rgba(165,243,252,.55);box-shadow:0 6px 20px #00bcd426,inset 0 0 0 1px #ffffff4d}.glass-card-orange{background:#fff7ed8c;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);border:1px solid rgba(255,152,0,.35);box-shadow:0 6px 20px #ff98002e,inset 0 0 0 1px #ffffff4d}.glass-card-elevated{background:#ffffffc7;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 16px 40px #0f172a29,inset 0 0 0 1px #fff6}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-card{background:#fffffff2}.glass-card-teal{background:#e0f7fa}.glass-card-orange{background:#fff7ed}.glass-card-elevated{background:#fff}}.glass-bg-ambient{background:radial-gradient(1200px 600px at 0% 0%,rgba(38,198,218,.18),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(255,152,0,.1),transparent 60%),radial-gradient(1000px 700px at 50% 100%,rgba(0,188,212,.1),transparent 70%),linear-gradient(180deg,#e0f7fa,#fafafa)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}@keyframes highlight{0%,to{box-shadow:0 4px 12px #ff8c421a;transform:scale(1)}50%{box-shadow:0 12px 32px #ff8c4280;transform:scale(1.02)}}@media (max-width: 768px){body{font-size:14px}button{font-size:13px!important;padding:8px 12px!important}input,textarea,select{font-size:14px!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}}@keyframes glow-pulse-red{0%,to{box-shadow:0 0 6px #ef444459,0 0 0 1px #ef44442e}50%{box-shadow:0 0 16px #ef444499,0 0 32px #ef44442e}}@keyframes glow-pulse-orange{0%,to{box-shadow:0 0 6px #ff980059,0 0 0 1px #ff980033}50%{box-shadow:0 0 18px #ff9800a6,0 0 32px #ff98002e}}@keyframes recording-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.45}}@keyframes walk-btn-glow{0%,to{box-shadow:0 6px 20px #00bcd459,0 2px 8px #ff980033}50%{box-shadow:0 6px 30px #00bcd48c,0 0 48px #ff980033}}@keyframes shimmer-gold{0%{background-position:-300% center}to{background-position:300% center}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes achievement-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes achievement-bounce{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease-out}html[data-transition-direction=forward]::view-transition-old(root){animation:petiway-slide-out-left .25s ease-out forwards}html[data-transition-direction=forward]::view-transition-new(root){animation:petiway-slide-in-right .25s ease-out forwards}html[data-transition-direction=back]::view-transition-old(root){animation:petiway-slide-out-right .25s ease-out forwards}html[data-transition-direction=back]::view-transition-new(root){animation:petiway-slide-in-left .25s ease-out forwards}@keyframes petiway-slide-out-left{to{transform:translate(-12%);opacity:0}}@keyframes petiway-slide-in-right{0%{transform:translate(12%);opacity:0}}@keyframes petiway-slide-out-right{to{transform:translate(12%);opacity:0}}@keyframes petiway-slide-in-left{0%{transform:translate(-12%);opacity:0}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media (max-width: 480px){body{font-size:13px}h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}