:root{--pink-25: #FEF7FA;--pink-50: #FDF0F5;--pink-100: #FFD1E6;--pink-200: #FFB8D9;--pink-300: #FF8FC0;--pink-400: #FF6BAF;--pink-500: #FF4DA6;--pink-600: #E63D90;--pink-700: #C4307A;--rose-50: #FFF1F3;--rose-100: #FFE0E6;--rose-200: #FFC7D3;--rose-400: #FB7A9C;--rose-500: #F43F6C;--blue-accent: #6EC6FF;--blue-accent-soft: rgba(110, 198, 255, .12);--blue-accent-border: rgba(110, 198, 255, .25);--lavender-50: #F8F6FC;--lavender-100: #F0EAFA;--lavender-200: #E4D9F5;--lavender-300: #D0C0EB;--lavender-400: #B8A1DE;--cream-50: #FDF4F8;--cream-100: #FFF9F5;--cream-200: #FFF3EB;--cream-warm: #FBF7F4;--gray-25: #FCFBFA;--gray-50: #F9F7F6;--gray-100: #F1EEED;--gray-200: #E5E1DF;--gray-300: #D3CDCA;--gray-400: #A8A19D;--gray-500: #7D7572;--gray-600: #6B6B6B;--gray-700: #3D3835;--gray-800: #141414;--gray-900: #0A0A0A;--background: #FDF4F8;--background-subtle: var(--pink-25);--surface: #FFFFFF;--surface-raised: #FFF9F7;--surface-overlay: rgba(255, 255, 255, .92);--text-primary: #141414;--text-secondary: #6B6B6B;--text-tertiary: #8A8A8A;--text-muted: #A8A8A8;--text-love: var(--pink-600);--text-accent: var(--pink-500);--border-subtle: rgba(0, 0, 0, .04);--border-light: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .08);--border-pink: rgba(255, 77, 166, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 0px 1px rgba(0, 0, 0, .02);--shadow-md: 0 4px 16px rgba(0, 0, 0, .05), 0 1px 4px rgba(0, 0, 0, .02);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .07), 0 2px 8px rgba(0, 0, 0, .02);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .09), 0 4px 16px rgba(0, 0, 0, .03);--shadow-pink-sm: 0 2px 12px rgba(255, 77, 166, .12);--shadow-pink-md: 0 4px 20px rgba(255, 77, 166, .16);--shadow-pink-lg: 0 8px 32px rgba(255, 77, 166, .2);--shadow-pink-glow: 0 0 40px rgba(255, 77, 166, .2);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .05);--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 19px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 48px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--tracking-tighter: -.04em;--tracking-tight: -.025em;--tracking-normal: -.01em;--tracking-wide: .02em;--tracking-wider: .05em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-heavy: 800;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-half: 50%;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-soft: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .5s;--tap-target: 44px;--tap-comfortable: 48px;--tab-bar-height: 80px;--header-height: 56px;--content-max-width: 500px}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-45deg);opacity:1}to{transform:scale(1) rotate(-45deg);opacity:1}}.success-check{display:inline-block;width:20px;height:12px;border-left:3px solid var(--pink-500);border-bottom:3px solid var(--pink-500);transform:rotate(-45deg);animation:checkmark .4s var(--ease-spring)}.spinner{width:20px;height:20px;border:3px solid var(--pink-100);border-top-color:var(--pink-500);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--pink-50) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.toast{position:fixed;bottom:calc(var(--tab-bar-height) + 20px);left:50%;transform:translate(-50%) translateY(100px);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:16px 24px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.3);z-index:100000;opacity:0;transition:all .4s var(--ease-spring)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.text-primary{color:var(--text-dark)}@media (prefers-color-scheme: dark){:root{--background: #161314;--background-subtle: #1C1819;--surface: #1C1819;--surface-raised: #252021;--surface-overlay: rgba(28, 24, 25, .96);--text-primary: #F5F0F2;--text-secondary: #B8ACB1;--text-tertiary: #8E8185;--text-muted: #5F5457;--text-love: #FF9ECB;--text-accent: #FF7EB9;--border-subtle: rgba(255, 255, 255, .03);--border-light: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-pink: rgba(255, 77, 166, .2);--blue-accent-border: rgba(110, 198, 255, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--pink-50: #2D2225;--pink-100: #3D2B30;--pink-200: #4A3539;--cream-50: var(--background);--cream-100: var(--surface)}}.icon-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:5px 5px 10px #e6e6e6,-5px -5px 10px #fff;display:flex;align-items:center;justify-content:center;color:var(--pink-500)}.flex-between{display:flex;justify-content:space-between;align-items:center}.overflow-hidden{overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:radial-gradient(ellipse at top,rgba(255,237,245,.4) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(255,245,249,.6) 0%,transparent 50%),linear-gradient(180deg,#fdf4f8,#ffedf5 40%,#fff9fc 60%,#fdf4f8);background-attachment:fixed;min-height:100vh;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures;font-kerning:normal;min-height:100dvh;overscroll-behavior:none;overflow-x:hidden;letter-spacing:var(--tracking-normal)}::selection{background:var(--pink-200);color:var(--gray-800)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:transparent;position:relative}.app-content{flex:1;padding:var(--space-4);padding-top:max(var(--space-5),env(safe-area-inset-top));padding-bottom:calc(var(--tab-bar-height) + var(--space-4));padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.page{display:none;max-width:var(--content-max-width);margin:0 auto}.page.active{display:block;animation:pageIn var(--duration-slow) var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pageInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pageOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes pageOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.nav-bar{position:fixed;bottom:0;left:0;right:0;height:var(--tab-bar-height);background:#ffffffd1;backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);border-top:.5px solid rgba(0,0,0,.06);display:flex;justify-content:space-around;align-items:center;padding-top:var(--space-1);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:var(--tap-comfortable);min-height:var(--tap-target);padding:var(--space-1) var(--space-3);background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out);position:relative;border-radius:var(--radius-md)}.nav-item:before{content:"";position:absolute;top:4px;right:6px;bottom:4px;left:6px;background:var(--pink-50);border-radius:var(--radius-sm);opacity:0;transform:scale(.85);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring);z-index:-1}.nav-item:active{transform:scale(.92)}.nav-icon{font-size:22px;transition:transform var(--duration-normal) var(--ease-bounce);opacity:.55}.nav-item.active .nav-icon{transform:scale(1.05);opacity:1}.nav-label{font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);letter-spacing:.02em;transition:color var(--duration-normal)}.nav-item.active .nav-label{color:var(--pink-500)}.heading-hero{font-size:var(--text-5xl);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-3);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.heading-love{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-primary);text-rendering:optimizeLegibility}.heading-section{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:var(--space-4)}.heading-card{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);color:var(--text-primary);line-height:var(--leading-snug)}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:65ch}.text-warm{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary);letter-spacing:var(--tracking-normal)}.text-tiny{font-size:var(--text-xs);line-height:1.4;color:var(--text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:var(--weight-bold)}.text-love{color:var(--text-love)}.text-left{text-align:left}.font-regular{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}p{max-width:70ch;text-wrap:pretty}ul,ol{line-height:var(--leading-relaxed);margin-left:var(--space-4)}li+li{margin-top:var(--space-2)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md),0 1px 3px #00000005;border:.5px solid var(--border-light);position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);opacity:.6}.card:active{transform:scale(.98)}.card-soft{background:linear-gradient(165deg,var(--pink-25) 0%,#FFFFFF 100%);border:.5px solid var(--border-pink);box-shadow:var(--shadow-md),0 4px 16px #ff4da60f}.card-love{background:linear-gradient(145deg,#fff5f9,#fff);border:.5px solid var(--border-pink);box-shadow:var(--shadow-md),0 4px 20px #ff4da61f,inset 0 1px #fff9}.card-love:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,transparent 60%,var(--blue-accent-soft) 100%);pointer-events:none}.card-glass{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.4);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-comfortable);padding:12px 28px;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast),background var(--duration-normal);position:relative;overflow:hidden}.btn:active{transform:scale(.96);opacity:.9}.btn-primary{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(135deg,var(--pink-500) 0%,var(--pink-600) 100%);color:#fff;box-shadow:var(--shadow-pink-sm)}.btn-primary:active{background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,transparent 50%),linear-gradient(135deg,var(--pink-600) 0%,var(--pink-700) 100%)}.btn-soft{background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,transparent 50%),linear-gradient(180deg,var(--pink-50) 0%,rgba(255,237,245,.6) 100%);color:var(--pink-600);border:.5px solid var(--pink-100)}.btn-soft:active{background:linear-gradient(135deg,rgba(0,0,0,.03) 0%,transparent 50%),linear-gradient(180deg,var(--pink-100) 0%,var(--pink-50) 100%)}.btn-ghost{background:transparent;color:var(--pink-600)}.btn-ghost:active{background:var(--pink-50)}.btn-block{width:100%}.input,.textarea{width:100%;padding:var(--space-4);border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,transparent 100%),var(--surface);resize:none;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),background var(--duration-normal);-moz-appearance:none;appearance:none;-webkit-appearance:none}.textarea{min-height:120px}.input:hover,.textarea:hover{border-color:var(--pink-200)}.input:focus,.textarea:focus{outline:none;border-color:var(--pink-400);box-shadow:0 0 0 3px #ff4da61f,0 4px 12px #ff4da614;background:linear-gradient(135deg,#fff,#fff5f980),var(--surface);transform:translateY(-1px)}.input::placeholder,.textarea::placeholder{color:var(--text-muted);transition:opacity var(--duration-normal)}.input:focus::placeholder,.textarea:focus::placeholder{opacity:.6}.input.error,.textarea.error{border-color:#ef4444;animation:shake .4s var(--ease-bounce)}.input.error:focus,.textarea.error:focus{box-shadow:0 0 0 3px #ef44441f,0 4px 12px #ef444414}.input.success,.textarea.success{border-color:#10b981}.input.success:focus,.textarea.success:focus{box-shadow:0 0 0 3px #10b9811f,0 4px 12px #10b98114}.form-field{position:relative;margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);transition:color var(--duration-normal)}.form-field:focus-within .form-label{color:var(--pink-600)}.form-error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:#ef4444;margin-top:var(--space-2);animation:slideDown .3s var(--ease-out)}.form-success{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:#10b981;margin-top:var(--space-2);animation:slideDown .3s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.char-counter{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:var(--space-1);transition:color var(--duration-normal)}.char-counter.warning{color:#f59e0b}.char-counter.danger{color:#ef4444}.select{width:100%;padding:var(--space-4);border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,transparent 100%),var(--surface);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23FF4DA6" d="M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.select:hover{border-color:var(--pink-200)}.select:focus{outline:none;border-color:var(--pink-400);box-shadow:0 0 0 3px #ff4da61f,0 4px 12px #ff4da614;transform:translateY(-1px)}.form-field.floating{position:relative}.form-field.floating .floating-label{position:absolute;left:var(--space-4);top:var(--space-4);font-size:var(--text-base);color:var(--text-muted);pointer-events:none;transition:all var(--duration-normal) var(--ease-out);background:var(--surface);padding:0 4px}.form-field.floating .input:focus~.floating-label,.form-field.floating .input:not(:placeholder-shown)~.floating-label,.form-field.floating .textarea:focus~.floating-label,.form-field.floating .textarea:not(:placeholder-shown)~.floating-label{top:-10px;left:12px;font-size:var(--text-xs);color:var(--pink-600);font-weight:var(--weight-semibold)}.input-group{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-lg);pointer-events:none;transition:color var(--duration-normal)}.input-group .input{padding-left:calc(var(--space-4) * 2 + 24px)}.input-group:focus-within .input-icon{color:var(--pink-500)}.page-home{padding-bottom:var(--space-8)}.settings-icon-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast);flex-shrink:0}.settings-icon-btn:active{transform:scale(.92);box-shadow:none}.progress-ring-wrapper{display:flex;justify-content:center;align-items:center;position:relative;height:240px;margin-bottom:var(--space-4)}.home-greeting{text-align:center;margin-bottom:var(--space-8)}.home-greeting-text{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.home-greeting-week{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.home-greeting-day{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.progress-container{display:flex;justify-content:center;margin-bottom:var(--space-8);filter:drop-shadow(0 10px 25px var(--pink-100))}.progress-ring{position:relative;width:240px;height:240px}.progress-ring-track{fill:none;stroke:var(--pink-50);stroke-width:6}.progress-ring-fill{fill:none;stroke:url(#progressGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{font-size:42px;font-weight:var(--weight-heavy);color:var(--pink-600);line-height:1;letter-spacing:var(--tracking-tight)}.progress-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--weight-bold);margin-top:var(--space-1)}.baby-size-card{text-align:center;padding:var(--space-8) var(--space-6);margin-bottom:var(--space-6);background:radial-gradient(ellipse at center,rgba(255,237,245,.4) 0%,transparent 70%),var(--surface);position:relative;overflow:hidden}.baby-size-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,77,166,.05) 0%,transparent 50%);opacity:.5;pointer-events:none}.baby-emoji{font-size:72px;margin-bottom:var(--space-4);display:inline-block;animation:gentleBob 4s ease-in-out infinite}@keyframes gentleBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-2deg)}75%{transform:translateY(-3px) rotate(2deg)}}.baby-size-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.baby-size-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-love)}.fact-card{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(ellipse at bottom left,rgba(59,152,226,.06) 0%,transparent 60%)}.fact-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.fact-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-6) 0}.stat-card{background:linear-gradient(135deg,#ffffffe6,#fff5f980),var(--surface);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:linear-gradient(180deg,var(--pink-400) 0%,var(--blue-accent) 100%);border-radius:0 2px 2px 0;opacity:.6}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-love);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.love-note{position:relative;padding:var(--space-6);background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(ellipse at top right,rgba(255,77,166,.08) 0%,transparent 60%)}.love-note-icon{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.love-note-text{font-size:var(--text-base);font-style:italic;color:var(--text-secondary);line-height:var(--leading-relaxed)}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:var(--space-6) 0}.mood-btn{aspect-ratio:1;min-height:var(--tap-target);display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#fffc,#fff5f966),var(--surface);border:1.5px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}.mood-btn:active,.mood-btn.selected{background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,var(--pink-50) 0%,rgba(255,237,245,.8) 100%);border-color:var(--pink-400);transform:scale(1.06);box-shadow:var(--shadow-pink-sm)}.feelings-history-item{padding:var(--space-4)!important;transition:all var(--duration-fast) var(--ease-out);position:relative;border-left:3px solid transparent}.feelings-history-item:active{transform:scale(.98)}.feelings-history-item[data-mood=🥰]{border-left-color:#ff4da6}.feelings-history-item[data-mood=😊]{border-left-color:#ffd54f}.feelings-history-item[data-mood=😌]{border-left-color:#81c784}.feelings-history-item[data-mood=😄]{border-left-color:#ff6b9d}.feelings-history-item[data-mood=😴]{border-left-color:#9fa8da}.history-emoji{font-size:40px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:radial-gradient(circle at center,rgba(255,237,245,.5) 0%,transparent 70%),var(--pink-25);box-shadow:var(--shadow-xs)}.history-note-content{border-top:1px solid var(--pink-50);padding-top:var(--space-2);line-height:var(--leading-relaxed)}.history-note-indicator{filter:drop-shadow(0 0 4px var(--pink-200))}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.game-card{background:radial-gradient(circle at top right,rgba(255,237,245,.5) 0%,transparent 60%),linear-gradient(135deg,#ffffffe6,#fff5f999),var(--surface);border:.5px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal);min-height:140px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.game-card:active{transform:scale(.96);box-shadow:var(--shadow-xs)}.game-card-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.game-icon{font-size:32px;margin-bottom:var(--space-2)}.game-chip{padding:3px 10px;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 100%),var(--blue-accent-soft);color:#3b98e2;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.game-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:auto;line-height:var(--leading-tight)}.game-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;line-height:1.3}.game-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:2000;animation:modalBgIn .4s var(--ease-out)}.game-modal-content{background:linear-gradient(180deg,#fffffffa,#fff5f9f2),var(--surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-8);padding-top:var(--space-10);padding-bottom:calc(var(--tab-bar-height) + var(--space-16));width:100%;max-width:var(--content-max-width);max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 -10px 40px #00000026;animation:sheetSlideUp .5s var(--ease-out)}.game-modal-content:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:36px;height:5px;background:var(--gray-200);border-radius:var(--radius-full)}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.game-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--gray-50);color:var(--text-primary);border-radius:var(--radius-full);font-size:14px;font-weight:700;cursor:pointer;z-index:10}.journal-entry{background:linear-gradient(135deg,#fffffff2,#fff5f9b3),var(--surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.journal-date{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.journal-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg);background:var(--pink-50);margin-bottom:var(--space-4)}.journal-photo-placeholder{width:100%;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(145deg,var(--pink-50) 0%,var(--cream-100) 100%);border-radius:var(--radius-lg);border:2px dashed var(--border-pink);color:var(--text-muted);transition:background var(--duration-fast),border-color var(--duration-fast);padding:var(--space-6)}.photo-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.photo-upload-icon{font-size:56px}.photo-upload-text{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-secondary)}.photo-upload-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-2);width:100%;max-width:320px}.photo-upload-buttons .btn{flex:1;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.settings-list{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);min-height:var(--tap-comfortable);border-bottom:.5px solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast)}.settings-item:last-child{border-bottom:none}.settings-item:active{background:var(--pink-50)}.settings-label{font-size:var(--text-base);color:var(--text-primary)}.settings-value{font-size:var(--text-base);color:var(--text-muted)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.12)}20%{transform:scale(1)}30%{transform:scale(1.08)}40%{transform:scale(1)}}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-pulse{animation:pulse 3s ease-in-out infinite}.mb-5{margin-bottom:var(--space-5)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.mb-xl{margin-bottom:var(--space-10)}.mt-6{margin-top:var(--space-6)}.mt-sm{margin-top:var(--space-2)}.mt-md{margin-top:var(--space-4)}.mb-sm{margin-bottom:var(--space-2)}.mb-xl{margin-bottom:var(--space-8)}.mt-lg{margin-top:var(--space-6)}.mt-xl{margin-top:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);animation:emptyStateFadeIn .6s var(--ease-out);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.empty-state-icon{font-size:72px;margin-bottom:var(--space-6);opacity:.7;animation:emptyIconFloat 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(255,77,166,.15));position:relative}.empty-state-icon:after{content:"";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);width:60%;height:8px;background:radial-gradient(ellipse,rgba(255,77,166,.2) 0%,transparent 70%);border-radius:50%;animation:emptyIconShadow 3s ease-in-out infinite}.empty-state .heading-section{background:linear-gradient(135deg,var(--text-primary) 0%,var(--pink-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);animation:emptyTextSlideUp .6s var(--ease-out) .2s backwards}.empty-state .text-muted{max-width:280px;line-height:var(--leading-relaxed);animation:emptyTextSlideUp .6s var(--ease-out) .3s backwards}.empty-state-cta{margin-top:var(--space-6);animation:emptyTextSlideUp .6s var(--ease-out) .4s backwards}@keyframes emptyStateFadeIn{0%{opacity:0}to{opacity:1}}@keyframes emptyIconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@keyframes emptyIconShadow{0%,to{opacity:.3;transform:translate(-50%) scale(1)}50%{opacity:.15;transform:translate(-50%) scale(.8)}}@keyframes emptyTextSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.empty-state-compact{min-height:200px;padding:var(--space-8) var(--space-4)}.empty-state-compact .empty-state-icon{font-size:48px;margin-bottom:var(--space-3)}.empty-state-illustration{width:200px;height:200px;margin:0 auto var(--space-6);background:radial-gradient(circle at center,rgba(255,237,245,.8) 0%,transparent 70%),linear-gradient(135deg,var(--pink-50) 0%,rgba(255,245,249,.5) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:80px;animation:emptyIllustrationPulse 4s ease-in-out infinite;position:relative;overflow:hidden}.empty-state-illustration:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:emptyShine 3s ease-in-out infinite}@keyframes emptyIllustrationPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #ff4da61a}50%{transform:scale(1.05);box-shadow:0 12px 32px #ff4da626}}@keyframes emptyShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.sync-indicator{position:fixed;top:max(var(--space-2),env(safe-area-inset-top));right:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);z-index:9999;opacity:0;transform:translateY(-10px);transition:all var(--duration-normal) var(--ease-out);pointer-events:none;box-shadow:var(--shadow-sm)}.sync-indicator.syncing{opacity:1;transform:translateY(0);color:var(--pink-600)}.sync-indicator.syncing .sync-icon{animation:syncPulse 1s ease-in-out infinite}.sync-indicator.success{opacity:1;transform:translateY(0);color:#10b981}.sync-indicator.error{opacity:1;transform:translateY(0);color:#ef4444}@keyframes syncPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (hover: none) and (pointer: coarse){.btn,.nav-item,.mood-btn,.game-card,button{min-height:var(--tap-comfortable)}.btn,.card,.nav-item,.mood-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.btn:active,.card:active,.game-card:active{transform:scale(.96);opacity:.9}.app-content{overscroll-behavior-y:contain}.app-content,.game-modal-content{-webkit-overflow-scrolling:touch}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.ripple:active:after{width:300px;height:300px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.global-heartbeat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000000d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:30000;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out)}.global-heartbeat-overlay.active{opacity:1}.global-heartbeat-content{text-align:center;transform:scale(.5);transition:transform .6s var(--ease-bounce)}.global-heartbeat-overlay.active .global-heartbeat-content{transform:scale(1)}.global-heart-icon{font-size:140px;filter:drop-shadow(0 0 30px rgba(255,143,171,.6));animation:globalHeartBeat 1.2s ease-in-out infinite;display:block}@keyframes globalHeartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1.1)}45%{transform:scale(1.4)}}.global-heartbeat-label{margin-top:var(--space-6);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--pink-600);text-shadow:0 2px 10px rgba(255,255,255,.8);background:#fffc;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full)}.baby-speech-bubble{position:relative;background:var(--surface);border:1px solid var(--pink-100);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-top:var(--space-4);box-shadow:var(--shadow-sm);animation:bubblePulse 4s ease-in-out infinite;text-align:left}.baby-speech-bubble:before{content:"";position:absolute;top:-8px;left:24px;width:16px;height:16px;background:var(--surface);border-top:1px solid var(--pink-100);border-left:1px solid var(--pink-100);transform:rotate(45deg)}@keyframes bubblePulse{0%,to{transform:translateY(0);box-shadow:var(--shadow-sm)}50%{transform:translateY(-4px);box-shadow:var(--shadow-md)}}.baby-speech-title{font-size:10px;font-weight:var(--weight-bold);color:var(--pink-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.baby-speech-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4;font-style:italic}body.night-mode{--pink-50: #fff5f7;--pink-100: #ffeef2}body.night-mode:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#ffb6c10d,#ffb6c11f);pointer-events:none;z-index:9999;mix-blend-mode:multiply;opacity:1;transition:opacity 2s ease-in-out}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffffa;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .8s ease}.celebration-overlay.active{opacity:1;pointer-events:auto}.celebration-content{text-align:center;transform:scale(.8);transition:transform 1s var(--ease-bounce);padding:var(--space-6)}.celebration-overlay.active .celebration-content{transform:scale(1)}.celebration-title{font-family:Outfit,sans-serif;font-size:clamp(32px,8vw,48px);font-weight:800;background:linear-gradient(to right,var(--pink-500),var(--pink-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-4)}.celebration-week{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-8)}.floating-emoji{position:fixed;font-size:48px;opacity:1;z-index:99999;pointer-events:none;animation:simpleBurst 2s ease-out forwards}@keyframes simpleBurst{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.3);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes floatUp{0%{transform:translateY(0) scale(.3) rotate(0);opacity:0}10%{opacity:1;transform:translateY(-50px) scale(1.1) rotate(15deg)}to{transform:translateY(-550px) scale(.7) rotate(-20deg);opacity:0}}.identity-selection{padding:var(--space-6) 0}.identity-btn{width:100%;padding:var(--space-6);font-size:var(--text-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.identity-btn span{font-size:40px}.identity-badge{display:inline-flex;align-items:center;gap:12px;background:var(--surface);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-muted);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.btn-bytt{background:var(--pink-50);color:var(--pink-600);border:1px solid var(--pink-100);padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast)}.btn-bytt:active{transform:scale(.95);background:var(--pink-100)}.heartbeat-area{height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.heart-pulse{font-size:100px;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:inline-block;filter:drop-shadow(0 0 10px var(--pink-100))}.heart-pulse.beat{transform:scale(1.4)}.answer-card{background:var(--pink-25);padding:var(--space-5);border-radius:var(--radius-md);text-align:left;border:1px solid var(--pink-50)}.answer-text{font-style:italic;color:var(--text-primary);line-height:var(--leading-relaxed)}.reveal-animation{animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.guess-comparison{display:flex;justify-content:center;gap:var(--space-8)}.guess-item{text-align:center}.header-row{display:flex;justify-content:space-between;align-items:center}.spinner{font-size:40px;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.name-card{background:linear-gradient(135deg,var(--pink-50) 0%,#F8F0FA 100%);padding:var(--space-12) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:transform .3s,opacity .3s}.name-card.swipe-left{transform:translate(-100%) rotate(-10deg);opacity:0}.name-card.swipe-right{transform:translate(100%) rotate(10deg);opacity:0}.name-text{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.swipe-buttons{display:flex;justify-content:center;gap:var(--space-4)}.swipe-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-4) var(--space-6);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.swipe-btn:active{transform:scale(.95);box-shadow:none}.swipe-btn span{font-size:32px}.swipe-btn small{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.swipe-btn.love:active{box-shadow:0 0 20px #ff4da633;border-color:var(--pink-400)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-medium);border:1px solid var(--border-subtle)}.tag.match{background:var(--pink-50);color:var(--pink-700);border-color:var(--pink-200)}.tag.maybe{background:var(--blue-accent-bg);color:var(--blue-accent-text);border-color:var(--blue-accent-border)}.tag.mine{background:var(--surface);color:var(--text-secondary)}.feelings-history-item{padding:var(--space-4)}.history-emoji{font-size:32px}.history-note-indicator{font-size:14px;opacity:.6}.feelings-timeline{display:flex;justify-content:space-between;padding:var(--space-2) 0}.feelings-day{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.feelings-day-emoji{font-size:28px}.feelings-day-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.journal-week-badge{display:inline-block;background:var(--pink-50);color:var(--pink-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid var(--pink-100)}.photo-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.photo-upload-icon{font-size:44px;opacity:.8}.photo-upload-text{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.photo-upload-hint{font-size:var(--text-sm);color:var(--text-muted)}.journal-timeline-header{display:flex;justify-content:space-between;align-items:center}.journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.journal-week{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--pink-500)}.journal-date{font-size:var(--text-xs);color:var(--text-muted)}.journal-note{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-top:var(--space-3)}.journal-timeline .journal-entry{position:relative}.journal-timeline .journal-entry:before{content:"";position:absolute;left:20px;top:0;bottom:-12px;width:2px;background:var(--pink-50);z-index:-1}.journal-timeline .journal-entry:last-child:before{display:none}.emoji-picker-wrapper{position:relative}.emoji-picker-toggle{min-height:36px!important;padding:var(--space-1) var(--space-4)!important;font-size:var(--text-sm)!important;border-radius:var(--radius-full)!important;background:var(--pink-25)!important;border:1px solid var(--pink-50)!important;color:var(--pink-600)!important;font-weight:var(--weight-medium)!important}.emoji-picker-popup{position:absolute;bottom:44px;left:0;right:0;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:100;animation:modalSlideUp .2s var(--ease-out)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1)}.emoji-pick-btn{background:none;border:none;font-size:24px;padding:var(--space-1);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast);line-height:1}.emoji-pick-btn:active{background:var(--pink-50);transform:scale(1.2)}.kick-count-ring{width:160px;height:160px;border-radius:var(--radius-full);border:8px solid var(--pink-25);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto var(--space-8);background:var(--surface);box-shadow:var(--shadow-sm);position:relative}.kick-count-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid var(--pink-100);border-radius:var(--radius-full)}.kick-count-number{font-size:64px;font-weight:var(--weight-bold);color:var(--pink-500);line-height:1}.kick-count-label{font-size:14px;color:var(--text-muted);text-transform:uppercase;font-weight:var(--weight-semibold);letter-spacing:1px}.kick-icon-big{font-size:72px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-pop{animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}.timeline-container{position:relative;padding-left:24px}.timeline-container:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--pink-100) 0%,var(--pink-50) 50%,var(--pink-100) 100%);border-radius:var(--radius-full)}.timeline-item{position:relative;margin-bottom:var(--space-6);animation:slideIn var(--duration-normal) var(--ease-out)}.timeline-item:after{content:"";position:absolute;left:-29px;top:24px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--surface);border:3px solid var(--pink-300);box-shadow:var(--shadow-xs),0 0 0 6px #ff4da614;z-index:2;transition:all var(--duration-normal) var(--ease-out)}.timeline-item:hover:after{transform:scale(1.2);box-shadow:var(--shadow-sm),0 0 0 8px #ff4da61f}.timeline-item.type-journal:after{border-color:var(--pink-400);animation:timelinePulse 2s ease-in-out infinite}.timeline-item.type-mood:after{border-color:var(--blue-accent);animation:timelinePulse 2.5s ease-in-out infinite .5s}.timeline-item.type-kick:after{border-color:var(--pink-200);animation:timelinePulse 2s ease-in-out infinite 1s}@keyframes timelinePulse{0%,to{box-shadow:var(--shadow-xs),0 0 0 6px #ff4da614}50%{box-shadow:var(--shadow-xs),0 0 0 10px #ff4da626}}.timeline-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);background:linear-gradient(135deg,#fffffff2,#fff5f999);border-left:3px solid transparent;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--pink-400) 50%,transparent 100%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.timeline-item.type-journal .timeline-card:before{background:linear-gradient(180deg,transparent 0%,var(--pink-500) 50%,transparent 100%)}.timeline-item.type-mood .timeline-card:before{background:linear-gradient(180deg,transparent 0%,var(--blue-accent) 50%,transparent 100%)}.timeline-item.type-kick .timeline-card:before{background:linear-gradient(180deg,transparent 0%,var(--pink-300) 50%,transparent 100%)}.timeline-card:hover:before{opacity:1}.timeline-card:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.timeline-date{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:var(--weight-semibold)}.timeline-type-badge{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;font-weight:var(--weight-bold);display:inline-block}.badge-journal{background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 100%),var(--pink-25);color:var(--pink-600)}.badge-mood{background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 100%),var(--blue-accent-bg);color:var(--blue-accent-text)}.badge-kick{background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 100%),var(--pink-50);color:var(--pink-700)}.badge-boy{background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 100%),#e3f2fd;color:#1565c0}.timeline-img{width:100%;border-radius:var(--radius-lg);object-fit:cover;max-height:400px;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-out);cursor:pointer}.timeline-img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.timeline-special-icon{font-size:64px;margin-bottom:var(--space-4);animation:bounce 2s ease-in-out infinite;display:block;filter:drop-shadow(0 8px 16px rgba(74,144,226,.25))}.timeline-special-heading{background:linear-gradient(135deg,#4a90e2,#5b7fa5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.timeline-special-note{color:#5b7fa5;font-size:var(--text-base);line-height:var(--leading-relaxed);font-style:italic}.timeline-mood-icon,.timeline-kick-icon{font-size:40px;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-md);background:radial-gradient(circle at center,rgba(255,237,245,.6) 0%,transparent 70%),var(--pink-25);box-shadow:var(--shadow-xs);transition:transform var(--duration-normal) var(--ease-spring)}.timeline-mood-icon:hover,.timeline-kick-icon:hover{transform:scale(1.1) rotate(-5deg)}.mood-theme-loved{--mood-color: #FF4DA6;--mood-bg: rgba(255, 77, 166, .08);--mood-glow: rgba(255, 77, 166, .2)}.mood-theme-happy{--mood-color: #FFD54F;--mood-bg: rgba(255, 213, 79, .08);--mood-glow: rgba(255, 213, 79, .2)}.mood-theme-calm{--mood-color: #81C784;--mood-bg: rgba(129, 199, 132, .08);--mood-glow: rgba(129, 199, 132, .2)}.mood-theme-excited{--mood-color: #FF6B9D;--mood-bg: rgba(255, 107, 157, .08);--mood-glow: rgba(255, 107, 157, .2)}.mood-theme-tired{--mood-color: #9FA8DA;--mood-bg: rgba(159, 168, 218, .08);--mood-glow: rgba(159, 168, 218, .2)}.mood-btn[data-mood=🥰].selected{background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,#ffebf5,#ffd6e8);border-color:#ff4da6;box-shadow:0 4px 12px #ff4da640,0 0 0 4px #ff4da61a}.mood-btn[data-mood=😊].selected{background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,#fff9e6,#ffeaa7);border-color:#ffd54f;box-shadow:0 4px 12px #ffd54f40,0 0 0 4px #ffd54f1a}.mood-btn[data-mood=😌].selected{background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784;box-shadow:0 4px 12px #81c78440,0 0 0 4px #81c7841a}.mood-btn[data-mood=😄].selected{background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,#ffe8f0,#ffd1e3);border-color:#ff6b9d;box-shadow:0 4px 12px #ff6b9d40,0 0 0 4px #ff6b9d1a}.mood-btn[data-mood=😴].selected{background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,#e8eaf6,#c5cae9);border-color:#9fa8da;box-shadow:0 4px 12px #9fa8da40,0 0 0 4px #9fa8da1a}@keyframes moodGlow{0%,to{box-shadow:0 4px 12px var(--mood-glow),0 0 0 4px var(--mood-bg)}50%{box-shadow:0 6px 16px var(--mood-glow),0 0 0 6px var(--mood-bg)}}.mood-btn.selected{animation:moodGlow 2s ease-in-out infinite}.settings-input{text-align:right;border:none;background:none;font-size:var(--text-base);color:var(--text-secondary);width:140px;padding:0;font-family:inherit}.settings-input:focus{outline:none;color:var(--text-primary)}.settings-icon{font-size:18px}.settings-item-static{cursor:default}.settings-item-danger .settings-label{color:#d32f2f}.settings-footer{text-align:center;margin-top:var(--space-8);padding:var(--space-6)}.settings-footer p{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.wallet-switcher{background:var(--surface-2);border-radius:var(--radius-full);padding:4px;display:inline-flex;position:relative;margin-bottom:var(--space-4)}.switch-btn{padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);background:transparent;border:none;transition:all var(--duration-fast);cursor:pointer}.switch-btn.active-andrine{background:var(--surface);color:var(--pink-600);box-shadow:var(--shadow-sm)}.switch-btn.active-partner{background:var(--surface);color:var(--blue-accent);box-shadow:var(--shadow-sm)}.wallet-balance{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1;margin:var(--space-2) 0}.wallet-weekly{font-size:var(--text-xs);color:var(--success);font-weight:var(--weight-medium)}.auction-nav{display:flex!important;overflow-x:auto;gap:var(--space-2);padding:4px;background:var(--surface-2);border-radius:12px;margin-bottom:var(--space-6)}.nav-tab{flex:1;text-align:center;padding:8px 12px;border-radius:8px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);background:transparent;border:none;white-space:nowrap;transition:all var(--duration-fast)}.nav-tab.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-daily{background:var(--pink-500);color:#fff;border:none;border-radius:var(--radius-full);padding:6px 16px;font-weight:var(--weight-bold);font-size:var(--text-xs);box-shadow:var(--shadow-pink-sm);transition:transform .2s}.btn-daily:active{transform:scale(.95)}.btn-daily:disabled{background:var(--surface-2);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-backup{background:var(--surface);border:1px solid var(--border-light);color:var(--text-secondary);font-size:11px;padding:6px 12px;border-radius:6px;transition:background .2s}.btn-backup:hover{background:var(--surface-2)}.bid-box{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center}.bid-value{font-size:24px;font-weight:800;color:var(--text-primary)}.btn-leader{background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9;cursor:default;font-weight:700}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.filter-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-4);margin-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;padding:6px 14px;border-radius:var(--radius-full);background:var(--surface-2);border:none;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);transition:all var(--duration-fast);cursor:pointer}.filter-chip.active{background:var(--pink-500);color:#fff;box-shadow:var(--shadow-sm)}.shop-card{padding:var(--space-3);position:relative;display:flex;flex-direction:column;height:100%}.shop-category{font-size:10px;font-weight:var(--weight-bold);color:var(--pink-500);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.shop-title{font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.2;font-size:var(--text-sm)}.shop-desc{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3);flex-grow:1}.shop-footer{margin-top:auto}.shop-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.inventory-card{position:relative;overflow:hidden;padding:var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.status-badge{position:absolute;top:0;right:0;font-size:9px;padding:2px 8px;border-bottom-left-radius:8px;font-weight:var(--weight-bold);text-transform:uppercase}.status-won{background:var(--blue-accent);color:#fff}.status-redeemed{background:var(--surface-2);color:var(--text-muted)}.inventory-tabs{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:var(--space-4)}.inventory-tab{flex:1;padding:var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer}.inventory-tab.active{color:var(--pink-500);border-bottom-color:var(--pink-500)}.inventory-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.ledger-section-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.ledger-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);margin-bottom:var(--space-8);overflow:hidden}.ledger-item{padding:var(--space-3);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.ledger-item:last-child{border-bottom:none}.earn-section-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.daily-claim-card{padding:var(--space-4);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center}.soft-task-list{display:flex;flex-direction:column;gap:var(--space-3)}.soft-task-card{padding:var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:var(--weight-bold)}.font-semibold{font-weight:var(--weight-medium)}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-danger{color:#d32f2f}.text-success{color:#388e3c}.text-warning{color:#fbc02d}.text-pink-500{color:var(--pink-500)}.text-pink-600{color:var(--pink-600)}.text-blue-500{color:var(--blue-500)}.text-blue-600{color:var(--blue-600)}.text-gray-800{color:var(--text-primary)}.text-gray-500{color:var(--text-muted)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mr-2{margin-right:var(--space-2)}.ml-auto{margin-left:auto}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.pt-2{padding-top:var(--space-2)}.pb-20{padding-bottom:80px}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.relative{position:relative}.absolute{position:absolute}.h-full{height:100%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.bg-white{background:#fff}.bg-surface-2{background:var(--surface-2)}.shadow-sm{box-shadow:var(--shadow-sm)}.border{border:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.border-gray-100{border-color:var(--border-light)}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase}.badge-primary{background:var(--pink-100);color:var(--pink-700)}.badge-soft{background:var(--surface-2);color:var(--text-muted)}.badge-danger{background:#ffebee;color:#d32f2f}.btn-primary{background:var(--pink-500);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:var(--weight-bold);cursor:pointer}.btn-soft{background:var(--surface-2);color:var(--text-primary);border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:var(--weight-bold);cursor:pointer}.btn-sm{padding:4px 12px;font-size:var(--text-sm)}.btn-block{width:100%;display:block}.btn-disabled{opacity:.5!important;cursor:not-allowed!important}.auction-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-4);border:1px solid var(--border-light);padding:var(--space-4)}.auction-list{display:flex;flex-direction:column;gap:var(--space-4)}.justify-center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;transition:all .2s}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02), 0 0 1px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .02), 0 0 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .02), 0 0 1px rgba(0, 0, 0, .03);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .03), 0 0 1px rgba(0, 0, 0, .02);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(20px) saturate(180%);--hover-lift: translateY(-2px);--press-scale: scale(.97);--focus-ring: 0 0 0 3px rgba(255, 77, 166, .15);--focus-ring-offset: 2px}@supports (padding: max(0px)){.app-content{padding-top:max(var(--space-5),calc(env(safe-area-inset-top) + 8px));padding-bottom:calc(var(--tab-bar-height) + max(var(--space-4),env(safe-area-inset-bottom)));padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.nav-bar{padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.game-modal-content{padding-bottom:calc(var(--tab-bar-height) + max(var(--space-4),env(safe-area-inset-bottom)))}}.nav-bar{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:.5px solid rgba(255,255,255,.3)}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px #fff6,inset 0 -1px #ffffff1a}.card-soft,.stat-card,.game-card{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:.5px solid rgba(255,255,255,.3)}.game-modal-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid rgba(255,255,255,.4)}.celebration-overlay,.global-heartbeat-overlay,.global-kick-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn{position:relative;isolation:isolate;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-fast);will-change:transform}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.96) translateY(0);transition-duration:.1s}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:linear-gradient(145deg,var(--pink-500) 0%,var(--pink-600) 100%);box-shadow:var(--shadow-pink-sm),inset 0 1px #ffffff26}.btn-primary:active{background:linear-gradient(145deg,var(--pink-600) 0%,var(--pink-700) 100%);box-shadow:inset 0 2px 4px #0000001a}.btn-icon-small{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#0000000a;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:16px;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast),opacity var(--duration-fast);opacity:.6}.btn-icon-small:hover{background:#00000014;opacity:1;transform:scale(1.05)}.btn-icon-small:active{transform:scale(.95);background:#0000001f}@media (prefers-color-scheme: dark){.btn-icon-small{background:#ffffff14}.btn-icon-small:hover{background:#ffffff1f}.btn-icon-small:active{background:#ffffff29}}.card{position:relative;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out);will-change:transform}.card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,#ffffff4d,#fff0);opacity:0;pointer-events:none;transition:opacity var(--duration-normal)}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.card:hover:after{opacity:1}.card:active{transform:scale(.98);box-shadow:var(--shadow-sm);transition-duration:.1s}.card-love{background:linear-gradient(165deg,#fff5f9e6,#fffffff2);border:.5px solid rgba(255,77,166,.12);box-shadow:var(--shadow-sm),0 4px 20px #ff4da614}.nav-item{transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast)}.nav-item .nav-icon{transition:transform var(--duration-normal) var(--ease-spring),opacity var(--duration-normal)}.nav-item.active .nav-icon{transform:scale(1.1);filter:drop-shadow(0 2px 6px rgba(255,77,166,.25))}.nav-item:active{transform:scale(.9)}.nav-item:before{transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);transform:scale(.8)}.nav-item.active:before{opacity:1;transform:scale(1)}.progress-ring{filter:drop-shadow(0 8px 24px rgba(255,77,166,.15))}.progress-ring-fill{transition:stroke-dashoffset 1.2s var(--ease-out);filter:drop-shadow(0 0 8px rgba(255,77,166,.3))}.progress-center{animation:subtlePulse 4s ease-in-out infinite}@keyframes subtlePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.02)}}.mood-btn{box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.mood-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.mood-btn.selected{transform:scale(1.08);box-shadow:var(--shadow-pink-sm),0 0 0 3px #ff4da61a}.kick-count-ring{transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal)}.kick-count-ring:active{transform:scale(.95);box-shadow:var(--shadow-xs)}.kick-count-number{transition:transform .2s var(--ease-spring)}.animate-pop .kick-count-number{animation:kickPop .35s var(--ease-spring)}@keyframes kickPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.textarea{transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}.textarea:hover{border-color:var(--pink-200)}.textarea:focus{border-color:var(--pink-400);box-shadow:0 0 0 4px #ff4da614,var(--shadow-sm);background:#ffffffe6}.game-card{position:relative;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out);will-change:transform;overflow:visible}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#ff4da60d,#ff4da600);opacity:0;transition:opacity var(--duration-normal)}.game-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg),0 8px 32px #ff4da626}.game-card:hover:before{opacity:1}.game-card:active{transform:translateY(-2px) scale(.99);box-shadow:var(--shadow-md);transition-duration:.1s}.game-icon{transition:transform var(--duration-slow) var(--ease-spring),filter var(--duration-normal);display:inline-block}.game-card:hover .game-icon{transform:scale(1.15) rotate(-8deg);filter:drop-shadow(0 4px 8px rgba(255,77,166,.2));animation:iconBounce .6s var(--ease-spring)}@keyframes iconBounce{0%,to{transform:scale(1.15) rotate(-8deg) translateY(0)}50%{transform:scale(1.15) rotate(-8deg) translateY(-4px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}75%{transform:translateY(-4px) rotate(-2deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% auto;animation:shimmer 2s linear infinite}@keyframes pageIn{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.page.active{animation:pageIn var(--duration-slow) var(--ease-out)}@keyframes modalBgIn{0%{opacity:0}to{opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.game-modal{animation:modalBgIn .35s var(--ease-out)}.game-modal-content{animation:sheetSlideUp .45s var(--ease-out);border-radius:28px 28px 0 0}.celebration-overlay{background:radial-gradient(ellipse at center,#fff5f9fa,#fffffff2)}.celebration-content{transition:transform .8s var(--ease-spring)}.global-heartbeat-overlay{background:radial-gradient(ellipse at center,#fff0f526,#00000008)}.global-heart-icon{filter:drop-shadow(0 0 40px rgba(255,143,171,.5)) drop-shadow(0 0 80px rgba(255,77,166,.3))}.global-heartbeat-label{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,77,166,.1);box-shadow:var(--shadow-lg)}@media (prefers-color-scheme: dark){:root{--glass-bg: rgba(28, 24, 25, .85);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--shadow-pink-sm: 0 2px 16px rgba(255, 77, 166, .2);--shadow-pink-md: 0 4px 24px rgba(255, 77, 166, .25)}.card-love{background:linear-gradient(165deg,#2d2225e6,#1c1819f2);border-color:#ff4da626}.global-heartbeat-label{background:#1c1819e6}.celebration-overlay{background:radial-gradient(ellipse at center,#1c1819fa,#161314f2)}}:focus-visible{outline:2px solid var(--pink-400);outline-offset:2px}button:focus-visible,.btn:focus-visible,.nav-item:focus-visible{outline:2px solid var(--pink-400);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;background:var(--pink-500);color:#fff;padding:12px 24px;z-index:10000;border-radius:0 0 12px;font-weight:600;transition:top .2s}.skip-link:focus{top:0}@media (prefers-contrast: high){.card{border-width:2px}.btn{border:2px solid currentColor}.nav-item.active:before{border:2px solid var(--pink-500)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.baby-emoji,.kick-icon-big,.global-heart-icon{animation:none!important}.floating-emoji{animation:simpleFade 3s ease-out forwards!important}@keyframes simpleFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}}@media (max-width: 374px){:root{--text-4xl: 32px;--text-3xl: 26px;--text-2xl: 22px}.progress-ring{width:200px;height:200px}.progress-percent{font-size:36px}.baby-emoji{font-size:56px}.stats-grid,.game-grid{gap:var(--space-3)}.game-card{min-height:120px;padding:var(--space-3)}}@media (min-width: 414px){.page{max-width:440px}.progress-ring{width:260px;height:260px}.progress-percent{font-size:48px}}@media (min-width: 768px){.page{max-width:520px}.app-content{padding:var(--space-8);padding-bottom:calc(var(--tab-bar-height) + var(--space-8))}.nav-bar{max-width:520px;left:50%;transform:translate(-50%);border-radius:24px 24px 0 0}}img{content-visibility:auto}.journal-photo,.timeline-img{contain:layout style paint}.app-content{contain:layout style;will-change:scroll-position}.nav-item,.btn,.card,.mood-btn,.game-card{transform:translateZ(0);backface-visibility:hidden}.floating-emoji{will-change:transform,opacity;contain:strict}.progress-ring-fill{will-change:stroke-dashoffset}