@import "https://api.fontshare.com/v2/css?f[]=chillax@700,600,500,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&display=swap";:root{--color-bg:#eef6ea;--color-surface:#fff;--color-surface-2:#f5faf3;--color-header:#2a5225;--color-primary:#3f6437;--color-primary-light:#5a8a50;--color-primary-dark:#1a3d18;--color-primary-body:#2d5a27;--color-secondary:#6b8f68;--color-text-secondary:#6b8f68;--color-text-muted:#9ab897;--color-icon:#3f6437;--color-icon-bg:#3f64371a;--color-btn-top:#4a7a40;--color-btn-bottom:#3f6437;--color-btn-hover:#4e8044;--color-btn-pressed:#2d4a25;--color-border:#3f64371f;--shadow-card:0 2px 12px #3f643714, 0 1px 3px #0000000a;--shadow-card-hover:0 8px 24px #3f643724, 0 2px 6px #0000000f;--glass-bg:var(--color-surface);--glass-blur:0px;--glass-border:1px solid var(--color-border);--glass-shadow:var(--shadow-card);--glass-saturate:100%;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--radius-pill:50px;--spacing-lg:24px;--nav-height:60px;--nav-bottom:28px;--nav-gap:24px;--page-bottom-space:calc(var(--nav-height) + var(--nav-bottom) + var(--nav-gap) + env(safe-area-inset-bottom,0px));--font-heading:"Chillax", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background:var(--color-bg);min-height:100%}body{background:var(--color-bg);color:var(--color-primary-body);font-family:var(--font-body);min-height:100vh;font-weight:400;line-height:1.5;overflow-x:hidden}body:after{display:none}#root{background:0 0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary-dark);letter-spacing:-.01em;font-weight:600}p{margin-bottom:.5rem}.container{background:var(--color-bg);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:16px;position:relative;overflow:hidden}.glass-frosted{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.hero-card{background:var(--color-header);box-shadow:none;border:none}.page-container{background:0 0!important}:is(.page-content>:not(:has(~:not(style,script))),.page-content>:not(:has(~:not(style,script)))>:not(:has(~:not(style,script))),.page-content>:not(:has(~:not(style,script)))>:not(:has(~:not(style,script)))>:not(:has(~:not(style,script))),.page-content>:not(:has(~:not(style,script)))>:not(:has(~:not(style,script)))>:not(:has(~:not(style,script)))>:not(:has(~:not(style,script)))){margin-bottom:0!important}.glass-bubble{background:var(--color-icon-bg);color:var(--color-primary);border:1px solid #3f64372e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-primary{background:linear-gradient(180deg, var(--color-btn-top) 0%, var(--color-btn-bottom) 100%);color:#fff;border-radius:var(--radius-pill);letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #3f643747}.btn-primary:hover{background:linear-gradient(180deg, var(--color-btn-hover) 0%, var(--color-btn-top) 100%);transform:translateY(-1px);box-shadow:0 8px 24px #3f643757}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #3f64372e}.nav-pill{background:var(--color-header);border-radius:var(--radius-pill);border:none;overflow:hidden;box-shadow:0 8px 32px #00000038,0 2px 8px #0000001f}.action-card{backface-visibility:hidden;border-radius:var(--radius-lg)!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s!important}.action-card:hover{box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px)!important}.action-card:active{transition:transform .1s!important;transform:scale(.985)!important}.animate-slide-up{will-change:transform, opacity;animation:.5s cubic-bezier(.23,1,.32,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-white{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:0}.shimmer-card{background:#3f64370f;position:relative;overflow:hidden}.shimmer-card:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);width:200%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.glass-shimmer{background:linear-gradient(90deg,#3f643712 0%,#3f643721 50%,#3f643712 100%) 0 0/200% 100%;border-radius:12px;animation:1.5s infinite glass-shimmer-anim}@keyframes glass-shimmer-anim{0%{background-position:100% 0}to{background-position:-100% 0}}
