:root{--vvh: 100dvh;--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);--surface-2: #FFF5FA;--surface-glass: rgba(255, 255, 255, .85);--success: #2E7D32;--blue-500: #3B82F6;--blue-600: #2563EB;--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 3px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 6px 24px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .14), 0 4px 12px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .09), 0 4px 16px rgba(0, 0, 0, .03);--shadow-pink-sm: 0 4px 20px rgba(255, 77, 166, .25);--shadow-pink-md: 0 8px 30px rgba(255, 77, 166, .3);--shadow-pink-lg: 0 12px 40px rgba(255, 77, 166, .35);--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)}.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;height:auto}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);margin:0;min-height:100dvh;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures;font-kerning:normal;overscroll-behavior-y:none;overflow-x:hidden;letter-spacing:var(--tracking-normal)}::selection{background:var(--pink-200);color:var(--gray-800)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea,select{-webkit-touch-callout:default}.app,.app-shell{min-height:100%;min-height:100dvh;height:auto;display:flex;flex-direction:column;background:transparent;position:relative;overflow:visible}#app{position:relative}#modal-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9999;transform:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none}#modal-root>*{pointer-events:auto}.app-content{flex:1;min-height:0;padding:var(--space-4);padding-top:max(var(--space-5),env(safe-area-inset-top));padding-bottom:calc(max(20px,calc(env(safe-area-inset-bottom) + 8px)) + 84px);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;overscroll-behavior-y:contain;-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:max(20px,calc(env(safe-area-inset-bottom) + 8px));left:50%;transform:translate(-50%);width:calc(100vw - 16px);max-width:460px;height:60px;background:#1c1c20;border:.5px solid rgba(255,255,255,.12);border-radius:30px;display:flex;justify-content:space-around;align-items:center;padding:0 4px;z-index:1000;box-sizing:border-box;box-shadow:0 8px 40px #0006,0 2px 8px #00000040,inset 0 .5px #ffffff14}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:0;padding:4px 2px;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);flex:1 1 0;overflow:visible}.nav-item:before{display:none}.nav-item.active:before{display:none}.nav-item:active{transform:scale(.92)}.nav-item.active .nav-icon{transform:translateY(-1px) scale(1.08);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)}.nav-dot,.nav-item.active .nav-dot{display:none!important}.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}.home-hero-card{background:linear-gradient(160deg,#fff7fb,#fff0f7,#fde8f3);border:1px solid rgba(255,77,166,.08);box-shadow:0 2px #ffffffe6 inset,0 12px 40px #ff4da61a,0 2px 8px #0000000a;padding:var(--space-8) var(--space-6)}.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 .08s ease,opacity .15s ease,background .2s ease;position:relative;overflow:hidden}.btn:active{transform:scale(.97);opacity:.92;transition:transform .05s ease,opacity .05s ease}.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:calc(var(--tab-bar-height) + var(--space-6))}.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(2,1fr);gap:10px;margin:var(--space-4) 0}.mood-btn{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;border:1.5px solid transparent;background:var(--surface);cursor:pointer;text-align:left;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease,background .18s ease;box-shadow:0 1px 4px #0000000f,0 1px 2px #0000000a;position:relative;overflow:hidden}.mood-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mood-gradient, linear-gradient(135deg,#FF8FC0,#FF4DA6));opacity:0;transition:opacity .18s ease;border-radius:inherit}.mood-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--mood-gradient, linear-gradient(135deg,#FF8FC0,#FF4DA6));display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.mood-icon svg{width:18px;height:18px}.mood-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em;position:relative;z-index:1;transition:color .18s ease}.mood-btn:active{transform:scale(.96)}.mood-btn:active .mood-icon{transform:scale(.92)}.mood-btn.selected{background:color-mix(in srgb,var(--mood-color, #FF4DA6) 8%,white);border-color:var(--mood-color, #FF4DA6);box-shadow:0 0 0 3px color-mix(in srgb,var(--mood-color, #FF4DA6) 15%,transparent),0 4px 16px color-mix(in srgb,var(--mood-color, #FF4DA6) 20%,transparent);transform:scale(1.02)}.mood-btn.selected .mood-label{color:var(--mood-color, #FF4DA6);font-weight:600}.mood-btn.selected .mood-icon{transform:scale(1.08);box-shadow:0 4px 12px color-mix(in srgb,var(--mood-color,#FF4DA6) 40%,transparent)}.mood-selected-label{font-size:15px;font-weight:600;letter-spacing:-.02em}.mood-display-large{width:80px;height:80px;border-radius:24px;background:var(--mood-gradient, linear-gradient(135deg,#FF8FC0,#FF4DA6));display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 24px color-mix(in srgb,var(--mood-color,#FF4DA6) 35%,transparent)}.mood-display-icon{color:#fff;display:flex}.mood-display-icon svg{width:36px;height:36px}.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)}.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)}.mood-history-dot{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:.92}.mood-history-icon{color:#fff;display:flex;align-items:center;justify-content:center}.mood-history-icon svg{width:20px;height:20px}.history-note-indicator{color:var(--text-secondary);opacity:.5;display:flex;align-items:center}.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-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);display:inline-flex;align-items:center;justify-content:center}.game-icon-img-card{width:60px;height:60px;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18)) drop-shadow(0 1px 3px rgba(0,0,0,.1))}.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}body.modal-open,body.modal-active{-webkit-overflow-scrolling:none;overflow:hidden}.app-content.modal-active{overflow:hidden!important}.game-modal,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:3000}.game-modal{position:fixed;right:0;left:0;top:0;bottom:auto;height:var(--vvh);background:#00000047;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.modal-backdrop{position:fixed;right:0;left:0;top:0;bottom:auto;height:var(--vvh);opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-backdrop.active{opacity:1;pointer-events:auto}.game-modal-content,.modal-card{background:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.game-modal-content{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-6);width:100vw;max-width:min(var(--content-max-width),100vw);min-height:68dvh;max-height:calc(var(--vvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom));position:absolute;left:0;right:0;bottom:0;box-shadow:0 -10px 40px #0000002e;animation:none!important;transition:none!important;transform:none!important;pointer-events:auto}.game-modal-content *{transform:none!important}.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);pointer-events:none}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-container{position:fixed;right:0;left:0;top:0;bottom:auto;height:var(--vvh);display:flex;align-items:center;justify-content:center;z-index:3001;pointer-events:none}.modal-container.active{pointer-events:auto}.modal-card{width:min(420px,92vw);max-height:85dvh;transform:scale(.96);opacity:0;transition:transform .2s ease,opacity .2s ease}.modal-card.active{transform:scale(1);opacity:1}.game-modal-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:#fffffffa;box-shadow:0 4px 14px #00000024;z-index:3501;pointer-events:auto;color:var(--text-primary);border-radius:999px;font-size:22px;line-height:1;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s ease,background .15s ease}.game-modal-close:hover{background:#fff}.game-modal-close:active{transform:scale(.95)}.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{border:2px dashed var(--pink-200);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;background:linear-gradient(135deg,var(--pink-25) 0%,var(--cream-100) 100%);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center}.journal-photo-placeholder:active{border-color:var(--pink-400);background:var(--pink-50);transform:scale(.99)}.photo-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.photo-upload-icon{font-size:40px;display:block;margin-bottom:var(--space-2)}.photo-upload-text{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--pink-500);margin-bottom:var(--space-4)}.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-light);box-shadow:var(--shadow-xs)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--surface);cursor:pointer;transition:background var(--duration-fast);gap:var(--space-4);min-height:52px}.settings-list .settings-item+.settings-item{border-top:.5px solid var(--border-subtle)}.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}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .2s ease both}.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{background:linear-gradient(135deg,#fff5fb,#ffedf7);border:1.5px solid rgba(255,77,166,.12);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);position:relative;box-shadow:0 4px 20px #ff4da612}.baby-speech-bubble:before{content:"💬";position:absolute;top:-14px;left:20px;font-size:24px;filter:drop-shadow(0 2px 4px rgba(255,77,166,.2))}.baby-speech-title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--pink-500);margin-bottom:var(--space-2)}.baby-speech-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);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-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)}@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)}.auction-page{padding-top:var(--space-2)}.auction-content{position:relative;z-index:1}.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}.nav-icon{font-size:20px;transition:transform var(--duration-normal) var(--ease-bounce);opacity:.38}@media (hover: hover){.home-baby-card:hover,.home-message-card:hover,.home-fact-card:hover,.home-lovenote-card:hover{transform:translateY(-2px);box-shadow:0 14px 44px #ff4da62e,0 4px 12px #00000012}}.home-hero{margin:calc(-1*max(var(--space-5),env(safe-area-inset-top))) calc(-1 * var(--space-4)) 0;padding:max(var(--space-10),calc(env(safe-area-inset-top) + 28px)) var(--space-6) var(--space-10);background:radial-gradient(ellipse 140% 80% at 50% -10%,rgba(255,130,195,.55) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 90% 110%,rgba(160,20,100,.4) 0%,transparent 50%),linear-gradient(160deg,#ff1f85,#d91268 45%,#aa0f52);position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:-30%;left:-10%;width:120%;height:120%;background:radial-gradient(ellipse at 65% 35%,rgba(255,255,255,.1) 0%,transparent 55%);pointer-events:none}.home-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:52px;background:var(--background);border-radius:40px 40px 0 0}.home-topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);position:relative;z-index:1}.home-greeting-label{font-size:var(--text-sm);color:#ffffffa6;font-weight:var(--weight-medium);margin:0;max-width:none;line-height:1.3}.home-greeting-name{font-size:34px;font-weight:var(--weight-heavy);color:#fff;letter-spacing:-.03em;line-height:1.1;margin:2px 0 0;text-shadow:0 2px 16px rgba(0,0,0,.15)}.home-settings-btn{width:40px;height:40px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.22);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),transform var(--duration-fast);margin-top:4px}.home-settings-btn:active{background:#ffffff47;transform:scale(.9)}.home-week-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-full);padding:7px 16px;margin-bottom:var(--space-5);position:relative;z-index:1}.home-week-num{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff}.home-week-dot{color:#ffffff73;font-size:14px}.home-week-sub{font-size:var(--text-sm);color:#ffffffb8}.home-ring-stage{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:var(--space-5);z-index:1}.home-ring-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,180,220,.4) 0%,transparent 70%);filter:blur(24px);pointer-events:none}.home-ring-svg{position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(255,150,210,.5))}.home-ring-center{position:absolute;text-align:center;z-index:2;pointer-events:none}.home-ring-pct{font-size:54px;font-weight:var(--weight-heavy);color:#fff;line-height:1;letter-spacing:-.04em;text-shadow:0 3px 24px rgba(0,0,0,.25)}.home-ring-pct-sym{font-size:22px;font-weight:var(--weight-bold);vertical-align:super;opacity:.85}.home-ring-label{font-size:10px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.14em;font-weight:var(--weight-bold);margin-top:4px}.home-days-badge{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:var(--space-6);position:relative;z-index:1}.home-days-num{font-size:var(--text-3xl);font-weight:var(--weight-heavy);color:#fff;letter-spacing:var(--tracking-tight);text-shadow:0 2px 16px rgba(0,0,0,.2)}.home-days-label{font-size:var(--text-sm);color:#ffffffb3}.home-content{padding:var(--space-5) 0 var(--space-4)}.home-baby-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 36px #ff4da624,0 2px 8px #0000000f;border:1px solid rgba(255,77,166,.07);position:relative;overflow:hidden;transition:transform .1s ease}.home-baby-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff1f85,#ff6baf,#ffb8d9)}.home-baby-card:active{transform:scale(.985)}.home-baby-left{flex:1}.home-baby-eyebrow{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--weight-bold);margin:0 0 4px;max-width:none}.home-baby-name{font-size:var(--text-3xl);font-weight:var(--weight-heavy);color:var(--pink-600);letter-spacing:-.03em;line-height:1.1;margin:0 0 6px}.home-baby-sub{font-size:var(--text-sm);color:var(--text-muted);margin:0;max-width:none}.home-baby-emoji{font-size:68px;line-height:1;margin-left:var(--space-4);flex-shrink:0;filter:drop-shadow(0 6px 16px rgba(255,77,166,.25));animation:gentleBob 4s ease-in-out infinite}.home-message-card{background:linear-gradient(135deg,#fff0f8,#ffe5f3);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);border:1px solid rgba(255,77,166,.1);box-shadow:0 6px 24px #ff4da61a;transition:transform .1s ease}.home-message-card:active{transform:scale(.985)}.home-message-from{font-size:10px;font-weight:var(--weight-bold);color:var(--pink-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.home-message-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);font-style:italic;margin:0;max-width:none}.home-stats-row{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-around;box-shadow:0 6px 24px #00000012;border:1px solid var(--border-light)}.home-stat{text-align:center;flex:1}.home-stat-value{font-size:var(--text-3xl);font-weight:var(--weight-heavy);color:var(--pink-600);line-height:1;letter-spacing:-.03em}.home-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-bold);margin-top:5px}.home-stat-divider{width:1px;height:44px;background:var(--border-light);flex-shrink:0}.home-fact-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:0 6px 24px #00000012;border:1px solid var(--border-light);transition:transform .1s ease}.home-fact-card:active{transform:scale(.985)}.home-fact-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.home-fact-icon{font-size:22px}.home-fact-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.home-fact-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0;max-width:none}.home-lovenote-card{background:linear-gradient(145deg,#fff3fa,#ffe8f5,#fff0f8);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(255,77,166,.1);box-shadow:0 10px 36px #ff4da61f,0 2px 8px #0000000a;position:relative;overflow:hidden;transition:transform .1s ease}.home-lovenote-card:active{transform:scale(.985)}.home-lovenote-card:after{content:"💕";position:absolute;right:-8px;bottom:-12px;font-size:88px;opacity:.07;pointer-events:none;line-height:1}.home-lovenote-label{font-size:10px;font-weight:var(--weight-bold);color:var(--pink-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.home-lovenote-text{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);font-style:italic;margin:0;max-width:none}.page-header-hero{margin:calc(-1*max(var(--space-5),env(safe-area-inset-top))) calc(-1 * var(--space-4)) var(--space-5);padding:calc(env(safe-area-inset-top) + 20px) var(--space-6) 52px;position:relative;overflow:hidden}.page-header-hero:before{content:"";position:absolute;top:-30%;left:-10%;width:120%;height:130%;background:radial-gradient(ellipse at 65% 35%,rgba(255,255,255,.1) 0%,transparent 55%);pointer-events:none}.page-header-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:28px;background:var(--background);border-radius:28px 28px 0 0}.page-header-hero-title{font-size:30px;font-weight:var(--weight-heavy);color:#fff;letter-spacing:-.03em;line-height:1.1;margin:0 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.15);position:relative;z-index:1}.page-header-hero-sub{font-size:var(--text-sm);color:#ffffffb3;margin:0;max-width:none;position:relative;z-index:1}.page-header-feelings{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(200,160,255,.5) 0%,transparent 60%),linear-gradient(160deg,#9b59b6,#7d3c98,#5b2c6f)}.page-header-journal{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(255,180,160,.5) 0%,transparent 60%),linear-gradient(160deg,#e8506a,#c0392b,#96281b)}.page-header-kicks{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(100,180,255,.5) 0%,transparent 60%),linear-gradient(160deg,#2980b9,#1a6fa8,#1a5276)}.page-header-timeline{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(100,220,200,.5) 0%,transparent 60%),linear-gradient(160deg,#16a085,#0e8070,#0a6055)}.page-header-together{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(255,130,195,.55) 0%,transparent 60%),linear-gradient(160deg,#ff1f85,#d91268 45%,#aa0f52)}.page-header-settings{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(150,180,220,.4) 0%,transparent 60%),linear-gradient(160deg,#2c3e50,#1a252f,#17202a)}.nav-item:before{display:none!important}.nav-item:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#ff79c0;opacity:0;transform:scale(0);transition:all var(--duration-normal) var(--ease-spring);margin-top:2px}.nav-item.active:after{opacity:1;transform:scale(1)}.nav-icon{font-size:22px;transition:transform var(--duration-normal) var(--ease-bounce);opacity:.45}.nav-item.active .nav-icon{transform:translateY(-1px) scale(1.1);opacity:1}.nav-label{font-size:9px;font-weight:var(--weight-semibold);color:#fff6;letter-spacing:.02em;transition:color var(--duration-normal)}.nav-item.active .nav-label{color:#ff79c0}.page-feelings,.page-journal,.page-kicks,.page-timeline,.page-settings,.page-together{padding-bottom:calc(max(20px,calc(env(safe-area-inset-bottom) + 8px)) + 88px)}.feelings-today-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:0 8px 32px #9b59b61f,0 2px 8px #0000000f;border:1px solid rgba(155,89,182,.08)}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:var(--space-4) 0}.mood-btn{aspect-ratio:1;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:26px;background: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);box-shadow:0 2px 8px #0000000f}.mood-btn.selected{background:#9b59b614;border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b626,0 4px 16px #9b59b633;transform:scale(1.12)}.mood-label{display:none!important}.journal-entry{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:0 6px 24px #00000014,0 2px 6px #0000000a;border:1px solid var(--border-light);overflow:hidden;position:relative}.journal-entry:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e8506a,#ff8fab,#ffb8d9)}.journal-photo{width:100%;border-radius:var(--radius-lg);aspect-ratio:4/5;object-fit:cover;margin-bottom:var(--space-3);box-shadow:0 4px 16px #0000001f}.kick-hero-card{background:linear-gradient(160deg,#2980b9,#1a5276);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);margin-bottom:var(--space-4);text-align:center;box-shadow:0 12px 40px #2980b959;position:relative;overflow:hidden}.kick-hero-card:before{content:"";position:absolute;top:-40%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse at 60% 35%,rgba(255,255,255,.1) 0%,transparent 55%);pointer-events:none}.kick-count-big{font-size:80px;font-weight:var(--weight-heavy);color:#fff;line-height:1;letter-spacing:-.04em;text-shadow:0 4px 24px rgba(0,0,0,.2)}.kick-count-sub{font-size:var(--text-sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:.12em;font-weight:var(--weight-bold);margin-top:var(--space-1)}.kick-btn-big{margin-top:var(--space-6);padding:18px 48px;font-size:var(--text-lg);font-weight:var(--weight-heavy);background:#fff3;border:2px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast);width:100%;letter-spacing:-.01em}.kick-btn-big:active{transform:scale(.96);background:#ffffff4d}.timeline-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:0 6px 24px #00000014;border:1px solid var(--border-light);position:relative;overflow:hidden}.timeline-item.type-journal .timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e8506a,#ff8fab)}.timeline-item.type-mood .timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9b59b6,#c39bd3)}.timeline-item.type-kick .timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2980b9,#7fb3d3)}.timeline-img{width:100%;border-radius:var(--radius-lg);aspect-ratio:4/3;object-fit:cover;margin-bottom:var(--space-3);box-shadow:0 4px 16px #0000001f}.settings-list{background:var(--surface);border-radius:var(--radius-xl)!important;overflow:hidden;border:1px solid var(--border-light);box-shadow:0 6px 24px #00000012;margin-bottom:var(--space-5)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);min-height:54px;border-bottom:.5px solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast);gap:var(--space-4)}.settings-item:active{background:var(--pink-25)}.settings-item:last-child{border-bottom:none}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.game-card{background:var(--surface);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:transform .12s var(--ease-out),box-shadow .12s;min-height:148px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000014,0 2px 6px #0000000a}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.5) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.game-card:active{transform:scale(.96)}.card{border-radius:var(--radius-xl)!important}@media (hover: hover){.home-baby-card:hover,.home-fact-card:hover,.home-lovenote-card:hover{transform:translateY(-2px)}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #ff4da626}}.nav-item{flex:1 1 0;min-width:0;max-width:calc((100vw - 28px) / 7);padding:4px 1px;gap:0;-webkit-tap-highlight-color:transparent;overflow:visible}.nav-icon{font-size:20px!important;line-height:1;flex-shrink:0;display:block}.nav-label{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;line-height:1.3;display:block}.nav-bar{padding:0 4px!important;justify-content:space-around!important}.nav-bar .nav-item{flex:1 1 0!important;min-width:0!important;max-width:calc((100vw - 24px) / 7)!important;padding:4px 0!important;gap:0!important;overflow:visible!important}.nav-bar .nav-icon{font-size:20px!important;line-height:1!important;display:block!important;width:auto!important}.nav-bar .nav-label{font-size:8.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;text-align:center!important;display:block!important}.nav-bar .nav-item{flex:1 1 0!important;min-width:0!important;max-width:calc((100vw - 24px) / 7)!important;padding:4px 0!important;gap:0!important}.nav-bar .nav-icon{font-size:20px!important;line-height:1!important}.nav-bar .nav-label{font-size:8.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;text-align:center!important}.naughty-game{padding:20px 20px 120px;position:relative;overflow:hidden}.naughty-game:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(circle at 20% 30%,rgba(255,70,130,.32),transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,140,50,.28),transparent 45%),radial-gradient(circle at 55% 90%,rgba(155,39,175,.18),transparent 35%);z-index:0;pointer-events:none;animation:breathingGlow 7s ease-in-out infinite}.naughty-game:after{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(circle at 75% 20%,rgba(233,30,140,.16),transparent 40%),radial-gradient(circle at 25% 80%,rgba(255,100,60,.14),transparent 40%);z-index:0;pointer-events:none;animation:breathingGlow 7s ease-in-out infinite reverse;animation-delay:-3.5s}.naughty-game>*{position:relative;z-index:1}.naughty-hero{text-align:center;padding:36px 24px 28px;margin-bottom:24px;background:linear-gradient(160deg,#2d1b35,#1a0a22);border-radius:28px;position:relative;overflow:hidden}.naughty-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,60,120,.3) 0%,transparent 65%);pointer-events:none}.naughty-hero-title-row{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;position:relative;z-index:1}.naughty-hero-title{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.03em;margin:0}.naughty-hero-sub{font-size:14px;color:#ffffff80;margin:8px 0 0;position:relative;z-index:1}.naughty-section-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}.naughty-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.naughty-level-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:20px;border:1.5px solid var(--border-light);background:var(--surface);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 2px 8px #0000000f}.naughty-level-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000001f}@keyframes breathingGlow{0%{opacity:.55;transform:scale(1) translateY(0)}33%{opacity:.9;transform:scale(1.06) translateY(-8px)}66%{opacity:.75;transform:scale(1.03) translateY(4px)}to{opacity:.55;transform:scale(1) translateY(0)}}.naughty-level-btn:active{transform:scale(.94)}.naughty-level-btn.active{background:linear-gradient(135deg,#e91e8c38,#9b27af38);border-color:#e91e8c99;box-shadow:0 0 0 3px #e91e8c26,0 8px 24px #e91e8c40;transform:scale(1.04)}.naughty-level-btn.active .naughty-level-text{color:#fff}.naughty-surprise{grid-column:span 2;flex-direction:row;padding:14px 20px;background:#ff8c000f;border-color:#ff8c0040}.naughty-surprise.active{background:linear-gradient(135deg,#ff8c00,#ff3c78);border-color:transparent}.naughty-level-emoji{font-size:24px;line-height:1}.naughty-level-text{font-size:13px;font-weight:600;color:var(--text-secondary)}.naughty-kit-block{background:#ffffff2e;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border-radius:20px;padding:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 25px #ff5f8f2e,inset 0 1px #ffffff59;transition:transform .18s ease,box-shadow .18s ease}.naughty-kit-block:hover{transform:translateY(-2px);box-shadow:0 14px 35px #ff5f8f40,inset 0 1px #ffffff59}.naughty-kit-block:active{transform:scale(.98)}.naughty-kit-subtitle{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 8px}.naughty-pills{display:flex;flex-wrap:wrap;gap:8px}.naughty-pill{padding:8px 14px;border-radius:999px;border:1.5px solid var(--border-light);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.naughty-pill:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.naughty-pill:active{transform:scale(.96)}.naughty-pill.active{background:linear-gradient(135deg,#c2185b,#9b27af);color:#fff;border-color:transparent;box-shadow:0 4px 16px #c2185b59,0 0 0 2px #c2185b26;transform:scale(1.05)}.naughty-dare-wrap{display:flex;justify-content:center;margin:28px 0 20px}.naughty-dare-btn{display:flex;align-items:center;gap:12px;padding:18px 44px;border-radius:999px;border:none;background:linear-gradient(135deg,#c2185b,#9b27af,#6a1b9a);color:#fff;font-size:18px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 32px #c2185b66;position:relative;overflow:hidden}.naughty-dare-btn:active{transform:scale(.95)}.naughty-dare-btn.rolling{animation:dareButtonPulse 1.2s ease}.naughty-dice{display:inline-block;width:32px;height:32px;perspective:120px;flex-shrink:0}.dice-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(20deg);transition:transform .3s ease}.dice-face{position:absolute;width:32px;height:32px;border-radius:7px;background:linear-gradient(145deg,#fff8f0,#f0d8c8);border:1.5px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a;backface-visibility:hidden}.dice-dot{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8a090,#c2185b);box-shadow:0 1px 2px #00000040;position:absolute}.dice-face.front{transform:translateZ(16px)}.dice-face.back{transform:rotateY(180deg) translateZ(16px)}.dice-face.right{transform:rotateY(90deg) translateZ(16px)}.dice-face.left{transform:rotateY(-90deg) translateZ(16px)}.dice-face.top{transform:rotateX(90deg) translateZ(16px)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(16px)}.face-1 .dice-dot{top:50%;left:50%;transform:translate(-50%,-50%)}.face-2 .dice-dot:nth-child(1){top:25%;left:25%}.face-2 .dice-dot:nth-child(2){bottom:25%;right:25%}.face-3 .dice-dot:nth-child(1){top:22%;left:22%}.face-3 .dice-dot:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%)}.face-3 .dice-dot:nth-child(3){bottom:22%;right:22%}.face-4 .dice-dot:nth-child(1){top:25%;left:25%}.face-4 .dice-dot:nth-child(2){top:25%;right:25%}.face-4 .dice-dot:nth-child(3){bottom:25%;left:25%}.face-4 .dice-dot:nth-child(4){bottom:25%;right:25%}.face-5 .dice-dot:nth-child(1){top:22%;left:22%}.face-5 .dice-dot:nth-child(2){top:22%;right:22%}.face-5 .dice-dot:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%)}.face-5 .dice-dot:nth-child(4){bottom:22%;left:22%}.face-5 .dice-dot:nth-child(5){bottom:22%;right:22%}.face-6 .dice-dot:nth-child(1){top:20%;left:25%}.face-6 .dice-dot:nth-child(2){top:20%;right:25%}.face-6 .dice-dot:nth-child(3){top:50%;left:25%;transform:translateY(-50%)}.face-6 .dice-dot:nth-child(4){top:50%;right:25%;transform:translateY(-50%)}.face-6 .dice-dot:nth-child(5){bottom:20%;left:25%}.face-6 .dice-dot:nth-child(6){bottom:20%;right:25%}.naughty-dare-btn.rolling .dice-3d{animation:dice3dSpin 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.dice-3d.land-1{transform:rotateX(0) rotateY(0)}.dice-3d.land-2{transform:rotateX(0) rotateY(-90deg)}.dice-3d.land-3{transform:rotateX(-90deg) rotateY(0)}.dice-3d.land-4{transform:rotateX(90deg) rotateY(0)}.dice-3d.land-5{transform:rotateX(0) rotateY(90deg)}.dice-3d.land-6{transform:rotateX(180deg) rotateY(0)}@keyframes dice3dSpin{0%{transform:rotateX(-20deg) rotateY(20deg) scale(1)}15%{transform:rotateX(120deg) rotateY(180deg) scale(1.4)}35%{transform:rotateX(300deg) rotateY(420deg) scale(1.5)}55%{transform:rotateX(540deg) rotateY(720deg) scale(1.45)}75%{transform:rotateX(660deg) rotateY(900deg) scale(1.3)}88%{transform:rotateX(720deg) rotateY(1080deg) scale(1.1)}to{transform:rotateX(720deg) rotateY(1080deg) scale(1)}}@keyframes dareButtonPulse{0%{box-shadow:0 8px 32px #c2185b66}30%{box-shadow:0 12px 48px #c2185bb3,0 0 0 8px #c2185b26}60%{box-shadow:0 10px 40px #c2185b8c,0 0 0 4px #c2185b1a}to{box-shadow:0 8px 32px #c2185b66}}.naughty-result-card{background:#ffffff2e;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border-radius:24px;padding:28px 24px;text-align:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 25px #ff5f8f2e,inset 0 1px #ffffff59;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;transition:transform .18s ease,box-shadow .18s ease}.naughty-result-card.has-dare{animation:resultPop .45s cubic-bezier(.34,1.56,.64,1);border-color:#e91e8c4d;box-shadow:0 10px 35px #ff5f8f40,0 0 0 1px #e91e8c26,inset 0 1px #ffffff59}@keyframes resultPop{0%{opacity:0;transform:scale(.93) translateY(12px)}60%{opacity:1;transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.naughty-result-empty{color:#ffffff59;font-size:15px;margin:0;font-style:italic}.naughty-result-badge{font-size:12px;font-weight:700;color:#e91e8c;text-transform:uppercase;letter-spacing:.1em;background:#e91e8c1f;padding:4px 14px;border-radius:999px}.naughty-result-dare{font-size:17px;font-weight:600;color:#fff;line-height:1.5;margin:0}.naughty-result-prop{font-size:13px;color:#ffffff8c;background:#ffffff12;padding:6px 16px;border-radius:999px}.naughty-save-btn{width:100%;padding:16px;border-radius:20px;border:1.5px solid rgba(155,39,175,.35);background:#9b27af1a;color:#ce93d8;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #9b27af1a}.naughty-save-btn:hover{background:#9b27af2e;transform:translateY(-1px);box-shadow:0 8px 24px #9b27af33}.naughty-save-btn:active{transform:scale(.97)}.naughty-saved{background:#9b27af0f;border:1px solid rgba(155,39,175,.15);border-radius:20px;padding:16px 20px}.naughty-saved-dare{font-size:15px;color:var(--text-primary);margin:8px 0 4px;font-style:italic}.naughty-saved-meta{font-size:12px;color:var(--text-muted);margin:0}.nav-icon-img{width:28px!important;height:28px!important;object-fit:contain;display:block;transition:transform .15s var(--ease-bounce),filter .15s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.nav-bar .nav-item.active .nav-icon-img{transform:scale(1.2) translateY(-2px);filter:drop-shadow(0 3px 8px rgba(255,77,166,.4))}.nav-bar .nav-item:active .nav-icon-img{transform:scale(.88)}.nav-bar .nav-item .nav-icon:has(img){font-size:0!important;line-height:0}.home-ring-stage-pearl{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-6)}.home-ring-stage-pearl .home-ring-svg{width:260px;height:260px;filter:none}.home-ring-center-pearl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.home-ring-week-label{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:22px;color:#ffffffb8;line-height:1}.home-ring-week{font-family:Playfair Display,Georgia,serif;font-size:96px;line-height:.9;font-weight:500;color:#fff;letter-spacing:-.03em;margin:2px 0 6px}.home-ring-label-pearl{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}.home-days-bubble{position:absolute;right:28px;bottom:26px;width:60px;height:60px;border-radius:999px;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000001a}.home-days-bubble-num{font-family:Playfair Display,Georgia,serif;font-size:24px;line-height:1;color:#675f56}.home-days-bubble-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8c857b;margin-top:2px}.page-home{background:#fdfcfb}.home-hero{background:radial-gradient(ellipse 140% 80% at 50% -10%,rgba(255,255,255,.85) 0%,transparent 60%),radial-gradient(ellipse 90% 60% at 90% 110%,rgba(196,214,206,.22) 0%,transparent 55%),linear-gradient(160deg,#fdfcf9,#f3efe8 55%,#ebe5db)!important;box-shadow:0 20px 60px -15px #b4a89240}.home-hero:after{background:#fdfcfb!important}.home-greeting-label{color:#938a7d!important;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.home-greeting-name{color:#2f2a25!important;text-shadow:none!important;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500}.home-settings-btn{background:#fff9!important;border:1px solid rgba(255,255,255,.9)!important;color:#7f7668}.home-week-pill{background:#ffffff9e!important;border:1px solid rgba(255,255,255,.9)!important}.home-week-num,.home-week-sub{color:#6f675c!important}.home-week-dot{color:#b7aea0!important}.home-ring-week-label,.home-ring-label-pearl{color:#8f877b!important}.home-ring-week{color:#2f2a25!important}.home-days-num,.home-days-label{color:#6f675c!important;text-shadow:none!important}.home-baby-card,.home-message-card,.home-stats-row,.home-fact-card,.home-lovenote-card{background:#ffffffbf!important;border:1px solid rgba(233,227,217,.9)!important;box-shadow:0 8px 28px #a295801a!important}.home-baby-card:before{background:linear-gradient(90deg,#d8d1c4,#ece4d6,#d8d1c4)!important}.home-baby-name,.home-fact-title,.home-lovenote-label,.home-message-from{color:#5e766b!important}body,.app-shell,#app,.page-home{background:#fdfcfb!important}.home-hero:after{height:26px!important;background:#fdfcfb!important;border-radius:28px 28px 0 0!important}.home-content{padding-top:6px!important}.home-stat-value{color:#2f2a25!important;font-family:Playfair Display,Georgia,serif!important;font-weight:500!important}.home-days-num,.home-days-label,.home-ring-pct,.home-ring-pct-sym,.home-ring-label{color:#2f2a25!important;text-shadow:none!important}.journal-tabs{display:flex;gap:6px;background:#edeae399;border:1px solid rgba(224,219,207,.8);border-radius:999px;padding:4px}.journal-tab{flex:1;border:0;background:transparent;color:#7a7267;border-radius:999px;padding:10px 12px;font-size:14px;font-weight:600}.journal-tab.active{background:#f5e6d3;color:#3f3932;box-shadow:0 2px 8px #786e5f1f}.journal-header-pearl{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 6px}.journal-header-title{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:46px;line-height:1;color:#2f2a25;margin:0;font-weight:500}.journal-add-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(224,219,207,.8);background:#ffffffb8;color:#6d655a;font-size:28px;line-height:1}.page-journal .page-header-hero,.page-journal .page-header-journal{display:none!important}.page-journal #journal-compose .journal-week-badge{background:#e3ebe5!important;color:#41665d!important}.page-journal #journal-compose .journal-photo-placeholder{border-color:#9bbdb1!important;background:#f4f7f5!important}.page-journal #journal-compose .journal-photo-placeholder:active{border-color:#548275!important;background:#e3ebe5!important}.page-journal #journal-compose .photo-upload-text{color:#548275!important}.page-journal #journal-compose .btn-soft{background:#f4f7f5!important;border:1px solid #c5d9cd!important;color:#41665d!important}.page-journal #journal-compose .emoji-picker-toggle{color:#548275!important;border-color:#c5d9cd!important;background:#f4f7f5!important}.page-journal #journal-compose .btn-primary,.page-journal #journal-compose #save-entry{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important;color:#fff!important;border:1px solid #41665d!important}.page-journal #journal-compose .btn-primary:active,.page-journal #journal-compose #save-entry:active{background:#41665d!important}.kick-pearl-page{background:#fdfcfb}.kick-pearl-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 6px}.kick-pearl-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:42px;font-style:italic;font-weight:500;color:#2f2a25}.kick-pearl-icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(224,219,207,.8);background:#ffffffb8;color:#6d655a;font-size:20px}.kick-pearl-hero{display:flex;flex-direction:column;align-items:center;padding:8px 0 18px}.kick-pearl-circle{width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#fffffff2,#f4f7f5bf 60%,#fffffff2);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 24px #ffffffe6,0 16px 40px #a99f8829;display:flex;flex-direction:column;align-items:center;justify-content:center}.kick-pearl-circle-label{font-family:Playfair Display,Georgia,serif;font-size:30px;font-style:italic;color:#a7a094;line-height:1}.kick-pearl-circle-count{font-family:Playfair Display,Georgia,serif;font-size:100px;line-height:.9;color:#2f2a25;margin-top:4px}.kick-pearl-circle-sub{font-size:18px;letter-spacing:.2em;color:#548275;font-weight:600;margin-top:8px}.kick-pearl-help{max-width:260px;text-align:center;margin:20px 0 10px;font-family:Playfair Display,Georgia,serif;font-style:italic;color:#6f675c;font-size:20px;line-height:1.35}.kick-pearl-start,.kick-pearl-finish{border-radius:999px;border:1px solid #c5d9cd;background:#f4f7f5;color:#41665d;font-weight:700;padding:12px 26px}.kick-pearl-sheet{margin:10px calc(-1 * var(--space-4)) 0;background:#ffffffb8;border-top:1px solid rgba(255,255,255,.9);border-radius:40px 40px 0 0;box-shadow:0 -10px 30px #a99f881f;padding-bottom:8px}.kick-pearl-sheet-handle{width:48px;height:4px;border-radius:999px;background:#e4dfd6;margin:10px auto 8px}.kick-pearl-sheet-head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px 8px;border-bottom:1px solid rgba(229,225,217,.6)}.kick-pearl-sheet-head h2{margin:0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:34px;color:#4a433a;font-weight:500}.kick-pearl-sheet-head span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#548275;font-weight:700;background:#f4f7f5;border:1px solid #e3ebe5;border-radius:999px;padding:6px 10px}.kick-pearl-history{padding:14px 14px calc(var(--tab-bar-height) + 22px);display:flex;flex-direction:column;gap:12px}.kick-pearl-row{background:#fff;border:1px solid #f2eeea;border-radius:24px;padding:14px;box-shadow:0 6px 20px #a99f8814;display:flex;justify-content:space-between;align-items:center}.kick-pearl-row-left{display:flex;align-items:center;gap:12px}.kick-pearl-row-icon{width:44px;height:44px;border-radius:999px;background:#f4f7f5;border:1px solid #e3ebe5;display:flex;align-items:center;justify-content:center;font-size:19px}.kick-pearl-row-title{font-family:Playfair Display,Georgia,serif;font-size:30px;font-style:italic;color:#2f2a25;line-height:1.05}.kick-pearl-row-meta{margin-top:4px;color:#8a8378;font-size:13px}.kick-pearl-row-meta span{color:#cdc7bc;margin:0 5px}.kick-pearl-row-right{text-align:right}.kick-pearl-row-count{font-family:Playfair Display,Georgia,serif;font-size:44px;line-height:.9;color:#2f2a25}.kick-pearl-row-sub{margin-top:6px;font-size:10px;letter-spacing:.16em;color:#9a9388}.page-feelings .page-header-hero,.page-feelings .page-header-feelings{display:none!important}.feelings-header-pearl{padding:10px 2px 8px;margin-bottom:10px}.feelings-header-title{margin:0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:46px;line-height:1;color:#2f2a25;font-weight:500}.feelings-header-sub{margin:8px 0 0;color:#8b8378;font-size:15px}.page-feelings .feelings-today-card{background:#ffffffc7!important;border:1px solid rgba(233,227,217,.9)!important;box-shadow:0 10px 30px #a99f881f!important}.page-feelings .mood-btn.selected{background:#f4f7f5!important;border-color:#749e91!important;box-shadow:0 0 0 3px #749e9129,0 4px 14px #749e913d!important}.page-feelings #save-mood,.page-feelings .btn-primary{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important;border:1px solid #41665d!important;color:#fff!important}.page-feelings #save-mood:disabled{opacity:.5}.page-feelings #selected-mood .text-love,.page-feelings .text-love,.page-feelings .mood-selected-label{color:#548275!important}.page-feelings .history-note-content{color:#6f675c!important}.page-together .page-header-hero,.page-together .page-header-together{display:none!important}.together-header-pearl{padding:10px 2px 8px;margin-bottom:10px}.together-header-title{margin:0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:46px;line-height:1;color:#2f2a25;font-weight:500}.together-header-sub{margin:8px 0 0;color:#8b8378;font-size:15px}.page-together,.page-together #together-content{background:#fdfcfb}.page-together .game-grid{gap:14px}.page-together .game-card{background:#ffffffc7!important;border:1px solid rgba(233,227,217,.9)!important;box-shadow:0 8px 26px #a99f881c!important}.page-together .game-card:hover,.page-together .game-card:active{box-shadow:0 10px 30px #749e912e!important}.page-together .game-chip{background:#f4f7f5!important;color:#41665d!important;border:1px solid #c5d9cd!important}.page-together .game-title{color:#2f2a25!important}.page-together .game-desc{color:#7d7569!important}.page-together .identity-selection,.page-together .identity-badge,.page-together .answer-card,.page-together .name-card,.page-together .presence-badge,.page-together .card,#game-modal .card{background:#ffffffd1!important;border:1px solid rgba(233,227,217,.9)!important;box-shadow:0 8px 24px #a99f881c!important}.page-together .btn,#game-modal .btn,.page-together button,#game-modal button{border-radius:999px}.page-together .btn-primary,#game-modal .btn-primary,.page-together .btn-bytt,#game-modal .btn-bytt{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important;border:1px solid #41665d!important;color:#fff!important;box-shadow:0 6px 20px #54827538!important}.page-together .btn-soft,#game-modal .btn-soft,.page-together .btn-ghost,#game-modal .btn-ghost{background:#f4f7f5!important;border:1px solid #c5d9cd!important;color:#41665d!important}.page-together .text-love,#game-modal .text-love,.page-together .heading-love,#game-modal .heading-love{color:#41665d!important}.page-together .name-card{background:linear-gradient(135deg,#fbfaf8,#f4f7f5)!important}.page-together .tag.love{background:#e3ebe5!important;color:#41665d!important;border-color:#c5d9cd!important}.page-together .tag.maybe{background:#f5f3ef!important;color:#6f675c!important;border-color:#e0dbcf!important}.page-together .tag.nope{background:#f7f3f1!important;color:#8b8378!important;border-color:#ece6df!important}#game-modal .game-modal-content{background:#fdfcfb!important;border-radius:30px 30px 0 0!important}#game-modal .game-modal-close{background:#f4f7f5!important;border:1px solid #c5d9cd!important;color:#41665d!important}.page-together .progress-fill,#game-modal .progress-fill{background:linear-gradient(90deg,#749e91,#548275)!important}.page-feelings .mood-icon{background:linear-gradient(135deg,#9bbdb1,#749e91 55%,#548275)!important;color:#fff!important;box-shadow:0 6px 14px #54827538!important}.page-feelings .mood-btn{background:#fff!important;border-color:#e3ebe5!important}.page-feelings .mood-btn:before{background:linear-gradient(135deg,#f4f7f5,#e3ebe5)!important}.page-feelings .mood-btn.selected .mood-icon{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important}.page-feelings .mood-history-dot{background:linear-gradient(135deg,#9bbdb1,#749e91 55%,#548275)!important}.page-feelings #save-mood,.page-feelings .btn-primary{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important;border:1px solid #41665d!important;color:#fff!important;box-shadow:0 6px 20px #54827538!important}.page-feelings #save-mood:disabled{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important;opacity:.65!important}.page-together .game-card{min-height:220px!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px}.page-together .game-card-top{margin-bottom:6px}.page-together .game-title{margin-top:0!important;line-height:1.15!important;overflow-wrap:anywhere}.page-together .game-desc{line-height:1.3!important;display:block!important;white-space:normal!important;overflow:visible!important}.page-feelings .mood-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.page-feelings .mood-btn.mood-btn-text{min-height:56px!important;aspect-ratio:auto!important;padding:10px 8px!important;border-radius:14px!important;background:#f4f7f5!important;border:1px solid #c5d9cd!important;display:flex!important;align-items:center!important;justify-content:center!important}.page-feelings .mood-btn.mood-btn-text .mood-icon{display:none!important}.page-feelings .mood-label-text{display:block!important;font-size:14px!important;font-weight:600!important;color:#41665d!important;text-align:center;line-height:1.2}.page-feelings .mood-btn.mood-btn-text.selected{background:#e3ebe5!important;border-color:#749e91!important;box-shadow:0 0 0 2px #749e9133,0 4px 12px #5482752e!important}.page-feelings .mood-btn.mood-btn-text.selected .mood-label-text{color:#2f4f46!important}.kick-pearl-title{font-size:26px!important}.kick-pearl-circle-label{font-size:18px!important}.kick-pearl-circle-count{font-size:72px!important}.kick-pearl-circle-sub{font-size:12px!important}.kick-pearl-help{font-size:18px!important;line-height:1.3!important}.kick-pearl-sheet-head h2{font-size:24px!important}.kick-pearl-row-title{font-size:20px!important}.kick-pearl-row-count{font-size:34px!important}.page-feelings .mood-btn.mood-btn-text{min-height:64px!important;padding:10px 6px!important}.page-feelings .mood-label-text{font-size:12px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;width:100%}.page-settings .page-header-hero,.page-settings .page-header-settings{display:none!important}.settings-header-pearl{padding:10px 2px 8px;margin-bottom:10px}.settings-header-title{margin:0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:46px;line-height:1;color:#2f2a25;font-weight:500}.settings-header-sub{margin:8px 0 0;color:#8b8378;font-size:15px}.page-settings .text-tiny{color:#9a9287;letter-spacing:.12em;font-weight:700}.page-settings .settings-list{background:#ffffffd1!important;border:1px solid rgba(233,227,217,.9)!important;box-shadow:0 8px 26px #a99f881c!important}.page-settings .settings-item{min-height:58px}.page-settings .settings-item:active{background:#f4f7f5!important}.page-settings .settings-label{color:#3f3932!important}.page-settings .settings-value,.page-settings .settings-icon,.page-settings .settings-input{color:#6f675c!important}.page-settings .settings-input::placeholder{color:#b3aca1!important}.page-settings .settings-item-danger .settings-label{color:#8f5148!important}.page-settings #save-settings,.page-settings .btn-primary{background:linear-gradient(135deg,#749e91,#548275 55%,#41665d)!important;border:1px solid #41665d!important;color:#fff!important;box-shadow:0 6px 20px #54827538!important}.page-settings .settings-footer p:first-child{color:#6f675c}.page-settings .settings-footer .text-muted{color:#8e867a!important}.page-feelings .mood-btn.mood-btn-text{min-height:62px!important;padding:10px 12px!important}.page-feelings .mood-label-text{font-size:18px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.page-together button.game-card{border-radius:var(--radius-xl)!important}.page-together .game-card:after{border-radius:var(--radius-xl)!important}.page-feelings .mood-grid{grid-template-columns:1fr!important;gap:10px!important}.page-feelings .mood-btn.mood-btn-text{width:100%!important;min-height:58px!important;padding:12px 16px!important;justify-content:flex-start!important}.page-feelings .mood-label-text{font-size:17px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important}#game-modal #name-game-container .header-row .btn-text{color:#548275!important;border:1px solid #c5d9cd;background:#f4f7f5;border-radius:999px;padding:6px 12px;text-decoration:none!important}#game-modal #name-game-container .name-card{background:linear-gradient(135deg,#fbfaf8,#f4f7f5)!important;border:1px solid #e3ebe5!important;box-shadow:0 10px 26px #a99f881f!important}#game-modal #name-game-container .name-text{color:#2f2a25!important;font-family:Playfair Display,Georgia,serif;font-weight:500}#game-modal #name-game-container .swipe-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#game-modal #name-game-container .swipe-btn{min-height:92px;border-radius:18px;border:1px solid #d8e5df;background:#f4f7f5;color:#41665d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 16px #5482751a}#game-modal #name-game-container .swipe-btn.nope{border-color:#e6d9d6;color:#8b5e55;background:#f8f4f3}#game-modal #name-game-container .swipe-btn.maybe{border-color:#ddd8cf;color:#6f675c;background:#f7f5f1}#game-modal #name-game-container .swipe-btn.love{border-color:#c5d9cd;color:#41665d;background:#e3ebe5}#game-modal #name-game-container .swipe-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}#game-modal #name-game-container .swipe-icon svg{width:22px;height:22px}#game-modal #name-game-container .swipe-btn small{font-size:13px;font-weight:700;letter-spacing:.01em}.page-feelings .mood-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.page-feelings .mood-btn.mood-btn-text{min-height:66px!important;padding:10px 12px!important;justify-content:center!important}.page-feelings .mood-label-text{font-size:16px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:normal!important}#game-modal .heart-pulse.heart-tap{font-size:148px!important;line-height:1;border:none;background:transparent;padding:0;cursor:pointer;color:#548275;filter:drop-shadow(0 10px 18px rgba(84,130,117,.24))}#game-modal .heart-pulse.heart-tap:active{transform:scale(.94)}#game-modal .mini-heart-float{position:absolute;font-size:24px;pointer-events:none;opacity:0;animation:miniHeartUp .95s ease-out forwards;filter:drop-shadow(0 4px 8px rgba(84,130,117,.24))}@keyframes miniHeartUp{0%{transform:translateY(0) scale(.85);opacity:.95}to{transform:translateY(-110px) scale(1.25);opacity:0}}#game-modal .heart-pulse.heart-tap{width:170px;height:170px}#game-modal .heart-pulse .heart-tap-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(84,130,117,.24))}#game-modal .mini-heart-float{color:#548275;font-size:22px}.page-settings .settings-toggle{width:52px;height:30px;border-radius:999px;background:#f6f1e8;border:1px solid #e8dfd1;display:inline-flex;align-items:center;padding:3px;box-shadow:inset 0 1px 2px #0000000f;transition:background .2s ease,border-color .2s ease}.page-settings .settings-toggle-knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000002e;transform:translate(0);transition:transform .22s ease,background .22s ease}.page-settings .settings-toggle.is-on{background:#e3ebe5;border-color:#b8d1c6}.page-settings .settings-toggle.is-on .settings-toggle-knob{transform:translate(22px);background:#548275}.page-settings #enable-notifications.is-loading{opacity:.7}.page-settings #enable-notifications.is-disabled{opacity:.65}.page-settings #enable-notifications.is-disabled .settings-toggle{filter:grayscale(.25)}.app-content{overflow-x:hidden}.page-together,.page-together #together-content,.page-together .game-grid{width:100%;max-width:100%;overflow-x:hidden}.page-together .game-card{min-width:0}: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:max(var(--space-8),env(safe-area-inset-bottom,16px))}}.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:linear-gradient(180deg,#fff5fafa,#ffe4f0f5);border-top:1px solid rgba(255,192,203,.3);max-height:80vh;max-height:max(80dvh,500px);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.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)}@media (hover: hover){.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}.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)}@media (hover: hover){.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:translateY(-1px) scale(1.08);filter:drop-shadow(0 2px 6px rgba(255,77,166,.25))}.nav-item:active{transform:scale(.9)}.nav-item:before,.nav-item.active:before{display:none}.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{width:52px;height:52px;border-radius:var(--radius-md);border:1.5px solid transparent;background:var(--surface);font-size:26px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.mood-btn:active{transform:scale(.88)}.mood-btn.selected{background:var(--pink-50);border-color:var(--pink-300);box-shadow:0 0 0 3px #ff4da61f,var(--shadow-sm);transform:scale(1.12)}.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 .12s var(--ease-out),box-shadow .12s;will-change:auto;overflow:hidden}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.6) 0%,transparent 60%);border-radius:inherit;pointer-events:none}.game-card:active{transform:scale(.96);box-shadow:var(--shadow-sm)}@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:none!important;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)}: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}}@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:none;will-change:auto}.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}.match-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff8fab,#ff6b9d);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);border-radius:24px}.match-overlay.show{opacity:1;transform:scale(1)}.match-content{text-align:center;color:#fff;padding:2rem;animation:matchBounce .6s ease-out}.match-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.2);animation:matchPulse .8s ease-in-out infinite}.match-name{font-size:3rem;font-weight:900;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 6px 20px rgba(0,0,0,.3)}.match-subtitle{font-size:1.1rem;font-weight:500;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.2)}@keyframes matchBounce{0%{transform:scale(.5) translateY(50px);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes matchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}:root{--ease-premium: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.25, .46, .45, .94);--ease-gentle: cubic-bezier(.33, 1, .68, 1);--ease-cinematic: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-instant: .1s;--motion-quick: .2s;--motion-smooth: .3s;--motion-calm: .4s;--motion-cinematic: .6s;--motion-breathe: 2s;--page-transition-duration: .35s;--page-transition-ease: var(--ease-cinematic)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-exit{animation:pageExit var(--motion-quick) var(--ease-premium) forwards}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.btn,button,[role=button]{transition:transform var(--motion-quick) var(--ease-premium),box-shadow var(--motion-quick) var(--ease-premium),opacity var(--motion-quick) var(--ease-premium);will-change:transform,box-shadow}.btn:active,button:active,[role=button]:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.btn-primary{box-shadow:var(--shadow-md),var(--shadow-pink-sm);transition:transform var(--motion-smooth) var(--ease-premium),box-shadow var(--motion-smooth) var(--ease-premium)}.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-pink-md)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm),var(--shadow-pink-sm)}.card,.journal-entry,.mood-card,.weekly-card,[class*=card-]{transition:transform var(--motion-smooth) var(--ease-premium),box-shadow var(--motion-smooth) var(--ease-premium);will-change:transform,box-shadow}.card[onclick],.journal-entry[onclick],.card.interactive,.tappable{cursor:pointer}.card[onclick]:active,.journal-entry[onclick]:active,.card.interactive:active,.tappable:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.icon-button,.tab-icon,[class*=icon-]{transition:transform var(--motion-quick) var(--ease-premium),opacity var(--motion-quick) var(--ease-premium);will-change:transform}.icon-button:active,.tab-icon:active{transform:scale(.92);opacity:.7}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideIn var(--motion-calm) var(--ease-cinematic) backwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:40ms}.stagger-item:nth-child(3){animation-delay:80ms}.stagger-item:nth-child(4){animation-delay:.12s}.stagger-item:nth-child(5){animation-delay:.16s}.stagger-item:nth-child(6){animation-delay:.2s}.stagger-item:nth-child(7){animation-delay:.24s}.stagger-item:nth-child(8){animation-delay:.28s}.stagger-item:nth-child(9){animation-delay:.32s}.stagger-item:nth-child(10){animation-delay:.36s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.breathe{animation:breathe var(--motion-breathe) var(--ease-gentle) infinite}.float{animation:float 3s var(--ease-gentle) infinite}.hero-icon,.feature-icon,.emotional-icon{animation:breathe 4s var(--ease-gentle) infinite}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalEnter{0%{opacity:0;transform:scale(.94) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(10px)}}.modal-backdrop{animation:backdropFadeIn var(--motion-smooth) var(--ease-premium)}.modal-backdrop.closing{animation:backdropFadeOut var(--motion-quick) var(--ease-premium)}.modal-content{animation:modalEnter var(--motion-calm) var(--ease-cinematic)}.modal-content.closing{animation:modalExit var(--motion-smooth) var(--ease-premium)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton,.loading-shimmer{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:shimmer 2s var(--ease-gentle) infinite}input,textarea,select{transition:border-color var(--motion-smooth) var(--ease-premium),box-shadow var(--motion-smooth) var(--ease-premium),transform var(--motion-smooth) var(--ease-premium)}input:focus,textarea:focus,select:focus{transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 0 4px #ff4da614}.page,.card,.modal-content,.btn,[class*=animate-],[class*=transition-]{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.breathe,.float,.hero-icon{animation:none}}.tab-bar{transition:backdrop-filter var(--motion-smooth) var(--ease-premium)}.tab-item{transition:color var(--motion-smooth) var(--ease-premium),transform var(--motion-quick) var(--ease-premium)}.tab-item:active{transform:scale(.94)}.tab-item.active{transition:color var(--motion-calm) var(--ease-cinematic),transform var(--motion-smooth) var(--ease-premium)}.global-heartbeat-overlay,.global-kick-overlay,.global-heartbeat-overlay.active,.global-kick-overlay.active{animation:overlayEnter var(--motion-calm) var(--ease-cinematic)}@keyframes overlayEnter{0%{opacity:0;transform:scale(.9);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;transform:scale(1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.global-heart-icon{animation:heartPulse 1.2s var(--ease-gentle) infinite}@keyframes heartPulse{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(-100%) translate(-50%)}}.toast,.notification{animation:toastSlideIn var(--motion-calm) var(--ease-cinematic)}.toast.closing,.notification.closing{animation:toastSlideOut var(--motion-smooth) var(--ease-premium)}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}.confetti{animation:confettiFall 3s var(--ease-gentle) forwards}:root{--shadow-premium-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-premium-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-premium-lg: 0 8px 32px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-pink-premium: 0 4px 20px rgba(255, 77, 166, .12), 0 2px 8px rgba(255, 77, 166, .08), 0 0 0 1px rgba(255, 77, 166, .06);--glass-bg: rgba(255, 255, 255, .85);--glass-blur: blur(24px);--glass-border: rgba(255, 255, 255, .3)}.page{padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--tab-bar-height) + var(--space-8))}.section{margin-bottom:var(--space-10)}.section+.section{margin-top:var(--space-8)}.card,[class*=card-]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium-md);border:1px solid rgba(0,0,0,.02);padding:var(--space-5)}.card-elevated{box-shadow:var(--shadow-premium-lg);border:none}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium-sm)}.btn{border-radius:var(--radius-full);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);min-height:var(--tap-comfortable);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--pink-500) 0%,var(--pink-600) 100%);color:#fff;box-shadow:var(--shadow-pink-premium);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--motion-smooth) var(--ease-premium)}.btn-primary:hover:before{opacity:1}.btn-secondary{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-premium-sm);border:1px solid var(--border-light)}.btn-ghost{background:#ff4da614;color:var(--pink-600);box-shadow:none}.btn-icon{min-width:var(--tap-comfortable);min-height:var(--tap-comfortable);padding:0;border-radius:var(--radius-half);display:inline-flex;align-items:center;justify-content:center}input,textarea,select{background:var(--surface);border:1.5px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4);font-size:var(--text-base);color:var(--text-primary);min-height:var(--tap-comfortable);font-family:var(--font-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--pink-400);background:#fff}textarea{min-height:120px;resize:vertical;line-height:var(--leading-relaxed)}.tab-bar{background:var(--glass-bg);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -2px 16px #0000000a,0 -1px 2px #00000005;padding-bottom:max(var(--space-3),env(safe-area-inset-bottom,0px))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);min-height:var(--tap-comfortable);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none;position:relative}.tab-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--pink-500);border-radius:999px;opacity:0;transition:opacity var(--motion-smooth) var(--ease-premium)}.tab-item.active:before{opacity:1}.tab-item.active{color:var(--pink-600)}.tab-icon{font-size:24px;line-height:1}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);min-height:var(--tap-comfortable);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-subtle)}.list-item+.list-item{margin-top:var(--space-2)}.list-item-interactive{cursor:pointer;transition:all var(--motion-smooth) var(--ease-premium)}.list-item-interactive:hover{background:var(--surface-raised);box-shadow:var(--shadow-premium-sm)}.avatar{width:44px;height:44px;border-radius:var(--radius-half);background:var(--pink-50);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);box-shadow:var(--shadow-premium-sm);border:2px solid white}.avatar-lg{width:64px;height:64px;font-size:var(--text-3xl)}.avatar-sm{width:32px;height:32px;font-size:var(--text-base)}.icon-container{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--pink-50);color:var(--pink-600);font-size:20px}.modal-backdrop{background:#14141480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-premium-lg);border:1px solid rgba(0,0,0,.06);max-width:90vw;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle)}.modal-body{padding:var(--space-6);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-primary{background:var(--pink-50);color:var(--pink-700)}.badge-secondary{background:var(--gray-100);color:var(--gray-700)}.badge-success{background:#22c55e1a;color:#15803d}h1,.h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-3)}h2,.h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:var(--space-2)}h3,.h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-primary)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-4)}small,.text-sm{font-size:var(--text-sm);color:var(--text-tertiary)}.text-gradient{background:linear-gradient(135deg,var(--pink-500),var(--pink-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--shadow-premium-md),0 0 32px #ff4da626}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent);margin:var(--space-6) 0}@media (hover: none) and (pointer: coarse){.btn{min-height:var(--tap-comfortable)}.tab-item{min-height:56px}input,textarea,select{font-size:16px}}@supports (padding: max(0px)){.page{padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px));padding-top:max(var(--space-6),env(safe-area-inset-top,0px))}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.modal-active{overflow:hidden!important}.modal-backdrop{position:fixed;right:0;left:0;top:0;bottom:auto;height:var(--vvh);z-index:1000;background:#0000;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:background-color;animation:backdropFadeIn .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes backdropFadeIn{to{background:#0006;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.modal-container{position:fixed;right:0;left:0;top:0;bottom:auto;height:var(--vvh);z-index:1001;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.modal-container.modal-center{align-items:center}.modal-card{position:relative;width:100%;max-width:var(--content-max-width, 600px);max-height:85vh;max-height:85dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto;will-change:auto;animation:none!important;transition:none!important;transform:none!important}@keyframes modalSlideUp{0%{transform:translateY(100%) scale(1);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-container.modal-center .modal-card{animation:modalScaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-backdrop:active{background:#00000059;transition:background .1s ease-out}.modal-card{transition:transform .1s ease-out}@supports (height: 100dvh){.modal-card{max-height:85dvh}}.modal-card:focus{outline:none}.modal-backdrop,.modal-container{pointer-events:auto}.modal-card.modal-full{max-height:var(--vvh);border-radius:0}.modal-handle{position:sticky;top:0;width:36px;height:5px;background:var(--gray-200, #e5e7eb);border-radius:999px;margin:12px auto 16px;flex-shrink:0}.modal-close-btn{position:sticky;top:max(12px,env(safe-area-inset-top,0px));float:right;margin-bottom:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#0000000d;z-index:10;color:var(--text-primary, #141414);border-radius:9999px;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s ease}.modal-close-btn:hover{background:#0000001a}.modal-close-btn:active{transform:scale(.95);transition:transform .1s ease}.modal-card{scrollbar-gutter:stable}.modal-backdrop,.modal-card{backface-visibility:hidden;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-card{animation:none!important;transition:none!important}}