:root{--font-family-base:"Parkinsans", sans-serif;--color-background:#fbfbfb;--color-surface:#fff;--color-text-primary:#1c1c1e;--color-text-secondary:#8e8e93;--color-border:#f2f2f7;--color-blue-soft:#e3f2fd;--color-green-water:#e8f5e9;--color-yellow-light:#fff9c4;--color-pink-pastel:#fce4ec;--color-orange-soft:#fff3e0;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 8px 24px #0000000d;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-8:64px;--radius-sm:12px;--radius-card:22px;--radius-image:28px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.4}::-webkit-scrollbar{display:none}*{scrollbar-width:none}#root{justify-content:center;min-height:100dvh;display:flex}.app-container{background-color:var(--color-background);width:100%;max-width:480px;min-height:100dvh;padding-bottom:90px;position:relative}h1{letter-spacing:-.02em;margin-bottom:var(--spacing-1);font-size:28px;font-weight:600}h2{letter-spacing:-.01em;margin-bottom:var(--spacing-1);font-size:20px;font-weight:500}p{color:var(--color-text-secondary);font-size:16px}.text-caption{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:500}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--spacing-3);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.bottom-nav{-webkit-backdrop-filter:blur(20px);width:100%;max-width:480px;padding:var(--spacing-2) var(--spacing-2) calc(var(--spacing-2) + env(safe-area-inset-bottom));z-index:50;background-color:#fbfbfbd9;border-top:1px solid #0000000a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0}.nav-item{color:#c7c7cc;flex-direction:column;align-items:center;gap:4px;text-decoration:none;transition:color .3s;display:flex}.nav-item.active{color:var(--color-text-primary)}.nav-item svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-item.active svg{stroke-width:2.5px;transform:translateY(-2px)}@keyframes heartbeat-soft{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.25)}}.animate-heart-beat{animation:1.8s ease-in-out infinite heartbeat-soft;display:inline-block}