:root{--color-charcoal: #3a3230;--color-charcoal-light: #5c524f;--color-white: #ffffff;--color-off-white: #f8f3ee;--color-cream: #f8f3ee;--color-blush: #f6ece8;--color-coral: #d4787a;--color-coral-light: #e8a8a9;--color-coral-dark: #c15b62;--color-gold: #e4c39a;--color-gold-light: #f0d9b8;--color-gold-dark: #c9a56e;--color-sage: #7d9b8a;--color-sage-dark: #5f7f6e;--color-sage-light: #a8c0b3;--color-mauve: #c4a4b0;--color-mauve-dark: #a07d8c;--color-neon-cyan: #7d9b8a;--color-neon-purple: #c4a4b0;--color-success: #6b9b7d;--color-warning: #d4a574;--color-error: #c45c5c;--color-info: #7d9b8a;--color-gray-50: #faf7f4;--color-gray-100: #f3eee9;--color-gray-200: #e8dfd8;--color-gray-300: #d4c8bf;--color-gray-400: #b5a59a;--color-gray-500: #8c7d74;--color-gray-600: #6b5e56;--gradient-hero: linear-gradient(160deg, #e8b4b8 0%, #d4787a 52%, #c45c62 100%);--gradient-brand: linear-gradient(135deg, #d4787a 0%, #c15b62 100%);--gradient-sage: linear-gradient(135deg, #8ba888 0%, #5f7f6e 100%);--gradient-peach: linear-gradient(135deg, #e8c9a0 0%, #d4a574 100%);--gradient-mauve: linear-gradient(135deg, #c4a4b0 0%, #d4787a 100%);--gradient-page: linear-gradient(180deg, #f8f3ee 0%, #f3e6e0 100%);--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(58, 50, 48, .05);--shadow-md: 0 8px 20px rgba(193, 91, 98, .1);--shadow-lg: 0 16px 32px rgba(193, 91, 98, .14);--shadow-glass: 0 12px 40px rgba(58, 50, 48, .08);--shadow-neon: 0 8px 24px rgba(196, 164, 176, .28);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}body{font-family:var(--font-primary);color:var(--color-charcoal);background:var(--color-cream);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-header-orb{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);box-shadow:0 4px 14px #c15b6247;color:#fff}.page-header-orb svg{width:18px;height:18px}.page-header-gradient .page-header-orb{background:#ffffff38;box-shadow:none;border:1px solid rgba(255,255,255,.45)}.back-button,.back-button-white,.back-arrow-btn,.onboarding-back-button,.header-btn{width:40px;height:40px;border-radius:50%;box-sizing:border-box}.glass-card{background:#ffffffc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-glass)}.rounded-strong{border-radius:var(--radius-lg)}.neon-highlight{box-shadow:var(--shadow-neon)}.text-coral{color:var(--color-coral)}.text-gold{color:var(--color-gold-dark)}.text-neon-cyan{color:var(--color-sage)}.text-neon-purple{color:var(--color-mauve-dark)}.bg-coral{background-color:var(--color-coral)}.bg-gold{background-color:var(--color-gold)}.bg-neon-purple{background-color:var(--color-mauve)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-off-white);color:var(--color-charcoal);padding-top:env(safe-area-inset-top);overscroll-behavior-y:none}button,input,select,textarea{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100%;min-height:100vh;background:var(--gradient-page)}.app-layout{position:relative;min-height:100vh}.app-container{max-width:448px;margin:0 auto;background-color:var(--color-cream);position:relative;min-height:100vh;padding-bottom:80px}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.section{padding:20px 24px}.section-title{font-size:20px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.btn{border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.icon{width:20px;height:20px;display:inline-block}.icon-large{width:24px;height:24px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-small{width:32px;height:32px}.avatar-large{width:80px;height:80px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-live{background:#ff00001a;color:red}.badge-host{background:#22c55e1a;color:#22c55e}.badge-public{background:#3b82f61a;color:#3b82f6}.rating{display:flex;align-items:center;gap:4px}.star{color:#fbbf24;font-size:14px}.toggle{position:relative;width:48px;height:24px;background:#ccc;border-radius:12px;cursor:pointer;transition:background .3s}.toggle.active{background:#22c55e}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .3s}.toggle.active:after{left:26px}.connection-web{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.connection-web-glow{fill:none;stroke:#d4787a29;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.connection-web-line{fill:none;stroke:#d4787a;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.72;stroke-dasharray:1;stroke-dashoffset:1;animation:connection-web-draw 1.35s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:var(--connection-delay, 0ms)}.connection-web-adjacent .connection-web-glow{stroke:#d4787a33;stroke-width:8}.connection-web-adjacent .connection-web-line{stroke-width:1.5;opacity:.8}@keyframes connection-web-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.connection-web-line{animation:none;stroke-dashoffset:0}}.navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:448px;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(232,223,216,.8);padding:0 0 env(safe-area-inset-bottom);z-index:100;overflow:visible;box-shadow:0 -8px 28px #3a32300f}.nav-container{display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:8px var(--spacing-md) 10px;position:relative;gap:var(--spacing-xs)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:8px;position:relative;z-index:1;transition:color .2s;flex:1}.nav-item:hover,.nav-item.active{color:var(--color-coral)}.nav-item-center.active .nav-center-icon{box-shadow:0 8px 22px #c15b6261;transform:scale(1.05)}.nav-item svg{width:24px;height:24px}.nav-item span{font-size:12px}.nav-item-center{position:relative;flex:0 0 auto;margin:0 var(--spacing-xs);display:flex;align-items:center;justify-content:center}.nav-item-circle{flex:0 0 auto;padding:0;display:flex;align-items:center;justify-content:center}.nav-circle-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:var(--gradient-brand);color:#fff}.nav-item-label{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-circle-food{background:var(--gradient-peach)}.nav-circle-theater{background:var(--gradient-mauve)}.nav-circle-classes{background:var(--gradient-sage)}.nav-circle-happenings{background:var(--gradient-brand)}.nav-item-circle.active .nav-circle-icon,.nav-item-circle:hover .nav-circle-icon{transform:scale(1.08);box-shadow:var(--shadow-md)}.nav-circle-icon svg{width:20px;height:20px}.nav-center-icon{width:58px;height:58px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #c15b6252;position:relative;top:-6px;transition:all var(--transition-normal);border:3px solid var(--color-white)}.nav-center-icon svg{width:24px;height:24px}.nav-badge{position:absolute;top:4px;right:20px;width:8px;height:8px;background:var(--color-coral);border-radius:50%}.action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid rgba(232,223,216,.9);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);flex:1;min-width:0;height:120px;position:relative;overflow:hidden;align-self:stretch}.action-tile[aria-label="AI Create"]{box-shadow:var(--shadow-md),var(--shadow-neon)}.action-tile[aria-label="Create Manual"]{box-shadow:var(--shadow-md),0 0 18px #ff6b6b38}.action-tile[aria-label="Join/Discover"]{box-shadow:var(--shadow-md),0 0 18px #f59e0b38}.action-tile:before{content:"";position:absolute;inset:0;background:var(--tile-gradient);opacity:.12;transition:opacity var(--transition-normal);z-index:0}.action-tile:hover:before{opacity:.2}.action-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ff6b6b4d}.action-tile[aria-label="Create Manual"]:hover{box-shadow:var(--shadow-lg),0 0 22px #ff6b6b42}.action-tile[aria-label="Join/Discover"]:hover{box-shadow:var(--shadow-lg),0 0 22px #f59e0b42}.action-tile[aria-label="AI Create"]:hover{box-shadow:var(--shadow-lg),var(--shadow-neon)}.action-tile.pressed{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-tile[aria-label="Create Manual"].pressed{box-shadow:var(--shadow-md),0 0 18px #ff6b6b38}.action-tile[aria-label="Join/Discover"].pressed{box-shadow:var(--shadow-md),0 0 18px #f59e0b38}.action-tile[aria-label="AI Create"].pressed{box-shadow:var(--shadow-md),var(--shadow-neon)}.action-tile.pressed:before{opacity:.24}.action-tile.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.action-tile-icon{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);position:relative;z-index:1;box-shadow:var(--shadow-md);transition:transform var(--transition-normal);flex-shrink:0;box-sizing:border-box;padding:0;margin:0}.action-tile:hover .action-tile-icon{transform:scale(1.1)}.action-tile-icon svg{width:24px;height:24px}.action-tile-label{font-size:14px;font-weight:600;color:var(--color-charcoal);position:relative;z-index:1;text-align:center;line-height:20px;height:20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%}.child-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-charcoal);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);flex:1;min-width:0;height:120px;position:relative;overflow:hidden;align-self:stretch}.child-chip.show-wellbeing:not(.selected):before{content:"";position:absolute;inset:0;background:var(--wellbeing-color, transparent);opacity:.12;transition:opacity var(--transition-normal);pointer-events:none;z-index:0}.child-chip.show-wellbeing:not(.selected):hover:before{opacity:.2}.child-chip.show-wellbeing{justify-content:flex-start}.child-chip.show-wellbeing .child-info{margin-top:6px}.chip-avatar-area{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.child-chip.size-small .chip-avatar-area{width:48px;height:48px}.child-chip.size-medium .chip-avatar-area{width:56px;height:56px}.child-chip.size-large .chip-avatar-area{width:64px;height:64px}.child-chip:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;transform:translateY(-1px)}.child-chip.show-wellbeing:hover{background:var(--color-white)}.child-chip.selected{background:linear-gradient(135deg,#ff6b6b26,#ffd93d26);border-color:var(--color-coral);box-shadow:0 2px 8px #ff6b6b33}.child-photo{flex-shrink:0;border-radius:var(--radius-full);overflow:hidden;background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-gold) 100%);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border:2px solid transparent;transition:all var(--transition-normal)}.child-chip.size-small .child-photo{width:40px;height:40px}.child-chip.size-medium .child-photo{width:48px;height:48px}.child-chip.size-large .child-photo{width:56px;height:56px}.child-photo img{width:100%;height:100%;object-fit:cover}.child-initials{color:var(--color-white);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.child-chip.size-small .child-initials{font-size:12px}.child-chip.size-large .child-initials{font-size:16px}.child-chip.size-medium .child-initials{font-size:18px}.child-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;position:relative;z-index:2}.child-name{font-size:14px;font-weight:600;line-height:20px;color:var(--color-charcoal)}.child-chip.selected .child-name{color:var(--color-coral-dark)}.child-age{font-size:11px;color:var(--color-gray-500);line-height:14px}.child-chip.size-small .child-name{font-size:12px;line-height:16px}.child-chip.size-small .child-age{font-size:10px}.chip-wellbeing-ring{position:absolute;inset:0;pointer-events:none;z-index:0}.wellbeing-ring-svg{width:100%;height:100%;position:absolute;top:0;left:0}.chip-avatar-glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;z-index:1;pointer-events:none;opacity:.4}.avatar-glyph-svg-small{width:100%;height:100%}.chip-wellbeing-stats{display:flex;align-items:center;gap:4px;margin-top:2px;flex-wrap:nowrap;justify-content:center;max-width:100%}.chip-stat{font-size:10px;color:var(--color-gray-600);background:#0000000a;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.chip-stat.chip-happiness{font-weight:700}.chip-diverse-badge{display:inline-flex;align-items:center;color:var(--color-gold-dark);font-size:10px}.chip-diverse-badge svg{width:10px;height:10px}.child-chip.wellbeing-state-low{--wellbeing-color: #ef4444}.child-chip.wellbeing-state-fair{--wellbeing-color: #f97316}.child-chip.wellbeing-state-good{--wellbeing-color: #ffd93d}.child-chip.wellbeing-state-thriving{--wellbeing-color: #ff6b6b}.child-chip.wellbeing-state-thriving:hover{background:#ff6b6b26;border-color:#ff6b6b66}.ai-suggestions-panel{background:linear-gradient(135deg,#a855f70d,#00f5ff0d);border:2px solid rgba(168,85,247,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-md)}.ai-suggestions-panel.empty{border-style:dashed;text-align:center}.ai-suggestions-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ai-icon{font-size:24px}.ai-title{font-size:18px;font-weight:600;color:var(--color-neon-purple);margin:0;line-height:24px}.ai-loading{font-size:12px;color:var(--color-gray-500);margin-left:auto}.ai-empty-message{font-size:14px;color:var(--color-gray-600);margin:0;line-height:20px}.ai-loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg)}.ai-loading-spinner{width:40px;height:40px;border:3px solid rgba(168,85,247,.2);border-top-color:var(--color-neon-purple);border-radius:50%;animation:spin 1s linear infinite}.ai-loading-state p{font-size:14px;color:var(--color-gray-600);margin:0}.ai-suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-suggestion-card{background:var(--color-white);border:2px solid rgba(168,85,247,.2);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.ai-suggestion-card.expanded{border-color:var(--color-neon-purple);box-shadow:0 4px 12px #a855f733}.ai-suggestion-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;transition:background var(--transition-normal)}.ai-suggestion-header:hover{background:#a855f70d}.ai-suggestion-icon{font-size:24px;flex-shrink:0}.ai-suggestion-content{flex:1;display:flex;flex-direction:column;gap:4px}.ai-suggestion-title{font-size:14px;font-weight:600;color:var(--color-charcoal);margin:0;line-height:20px}.ai-suggestion-message{font-size:13px;color:var(--color-gray-600);margin:0;line-height:18px}.ai-expand-btn{width:32px;height:32px;border:none;background:transparent;color:var(--color-neon-purple);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-normal);flex-shrink:0}.ai-expand-btn:hover{background:#a855f71a}.ai-suggestion-details{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid rgba(168,85,247,.1);animation:slideDown var(--transition-normal)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-suggestion-changes{margin:var(--spacing-md) 0}.ai-suggestion-changes h5{font-size:13px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-sm) 0;line-height:18px}.ai-suggestion-changes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-suggestion-changes li{font-size:13px;color:var(--color-gray-700);line-height:18px;padding-left:var(--spacing-sm);position:relative}.ai-suggestion-changes li:before{content:"•";position:absolute;left:0;color:var(--color-neon-purple);font-weight:700}.ai-suggestion-changes strong{color:var(--color-charcoal);font-weight:600}.ai-apply-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-neon-purple) 0%,var(--color-neon-cyan) 100%);color:var(--color-white);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-top:var(--spacing-sm)}.ai-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.ai-suggestions-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(168,85,247,.1)}.ai-apply-all-btn{width:100%;padding:var(--spacing-md);border:2px solid var(--color-neon-purple);border-radius:var(--radius-md);background:transparent;color:var(--color-neon-purple);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.ai-apply-all-btn:hover{background:#a855f71a;transform:translateY(-1px)}.location-picker{position:relative;width:100%}.location-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:stretch}.location-input{flex:1}.location-map-btn{width:44px;height:44px;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);flex-shrink:0}.location-map-btn:hover{border-color:var(--color-coral);background:#ff6b6b0d;color:var(--color-coral)}.location-map-btn svg{width:20px;height:20px}.location-loading{padding:var(--spacing-sm);font-size:12px;color:var(--color-gray-500);text-align:center}.location-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;overflow-y:auto}.location-suggestion-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;text-align:left;cursor:pointer;transition:background var(--transition-normal);font-family:var(--font-primary)}.location-suggestion-item:hover{background:var(--color-gray-50)}.location-suggestion-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.location-suggestion-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.suggestion-icon{font-size:20px;flex-shrink:0}.suggestion-content{flex:1;display:flex;flex-direction:column;gap:2px}.suggestion-name{font-size:14px;font-weight:600;color:var(--color-charcoal);line-height:20px}.suggestion-address{font-size:12px;color:var(--color-gray-600);line-height:16px}.location-map-placeholder{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);text-align:center}.location-map-placeholder p{font-size:14px;color:var(--color-gray-600);margin:0 0 var(--spacing-md) 0}.close-map-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-charcoal);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.close-map-btn:hover{border-color:var(--color-coral);color:var(--color-coral)}.photo-upload{width:100%}.photo-upload-btn{width:100%;min-height:120px;padding:var(--spacing-lg);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);background:#fef3c7;color:var(--color-gray-600);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-normal);font-family:var(--font-primary)}.photo-upload-btn:hover:not(:disabled){border-color:var(--color-coral);background:#fef3c7;color:var(--color-coral);box-shadow:var(--shadow-lg)}.photo-upload-btn:disabled{opacity:.6;cursor:not-allowed}.photo-upload-btn svg{width:32px;height:32px;color:var(--color-gray-400)}.photo-upload-btn:hover:not(:disabled) svg{color:var(--color-coral)}.photo-upload-btn span{font-size:14px;font-weight:500}.photo-hint{font-size:11px;color:var(--color-gray-500);font-weight:400}.upload-spinner{width:24px;height:24px;border:3px solid rgba(255,107,107,.2);border-top-color:var(--color-coral);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-preview{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16 / 9;background:var(--color-gray-100)}.preview-image{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:0;transition:opacity var(--transition-normal)}.photo-preview:hover .photo-overlay{opacity:1}.photo-change-btn,.photo-remove-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(255,255,255,.8);border-radius:var(--radius-md);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-normal);font-family:var(--font-primary)}.photo-change-btn:hover,.photo-remove-btn:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px)}.photo-change-btn svg,.photo-remove-btn svg{width:16px;height:16px}.photo-remove-btn{border-color:#ef4444cc;background:#ef444433}.photo-remove-btn:hover{background:#ef444466;border-color:var(--color-error)}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:448px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow);overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);background:var(--gradient-peach)}.modal-header>div:first-child{flex:1}.draft-indicator{font-size:11px;color:var(--color-gray-500);margin:4px 0 0;line-height:14px}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.clear-draft-btn{width:32px;height:32px;border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.clear-draft-btn:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-error)}.clear-draft-btn:disabled{opacity:.5;cursor:not-allowed}.modal-title{font-size:24px;font-weight:700;color:var(--color-charcoal);margin:0;line-height:32px}.modal-close-btn{width:40px;height:40px;border:none;background:transparent;color:var(--color-charcoal);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.modal-close-btn:hover:not(:disabled){background:var(--color-gray-100)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-close-btn svg{width:24px;height:24px}.create-event-form{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);background:linear-gradient(180deg,var(--color-cream) 0%,#ffffff 100%)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:14px;font-weight:600;color:var(--color-charcoal);line-height:20px}.required{color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-primary);color:var(--color-charcoal);background:var(--color-white);transition:all var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-coral);box-shadow:0 0 0 3px #ff6b6b1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:60px;font-family:var(--font-primary)}.error-message{font-size:12px;color:var(--color-error);line-height:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:400px){.form-row{grid-template-columns:1fr}}.children-selection{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-xs);align-items:center}.children-selection::-webkit-scrollbar{display:none}.create-event-form .children-selection .child-chip{flex:0 0 auto;width:auto;min-height:0;height:36px;min-height:36px;max-height:36px;padding:8px 14px;border-radius:20px;border:2px solid transparent;background:#f3f4f6;color:var(--color-coral);box-shadow:0 1px 2px #0000000d;align-items:center;justify-content:center;gap:var(--spacing-sm);box-sizing:border-box;line-height:1.2;font-weight:600;overflow:visible;flex-direction:row;position:relative}.create-event-form .children-selection .child-chip:hover{background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 2px 8px #8b5cf633}.create-event-form .children-selection .child-chip.selected{background:var(--gradient-hero);color:#fff;border-color:var(--color-coral);box-shadow:0 2px 8px #8b5cf64d}.create-event-form .children-selection .chip-avatar-area,.create-event-form .children-selection .child-photo,.create-event-form .children-selection .chip-wellbeing-ring,.create-event-form .children-selection .chip-avatar-glyph,.create-event-form .children-selection .chip-wellbeing-stats{display:none}.create-event-form .children-selection .child-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;position:relative;z-index:1;width:100%}.create-event-form .children-selection .child-name,.create-event-form .children-selection .child-age{color:inherit;line-height:1;font-weight:600;font-size:14px;white-space:nowrap;display:inline-block}.age-range-selector{display:flex;gap:var(--spacing-sm);width:100%}.age-range-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);min-height:80px;box-shadow:0 1px 2px #0000000d}.age-range-card:hover:not(.selected){background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.age-range-card.selected{background:var(--gradient-peach);color:#fff;box-shadow:0 4px 12px #fb923c4d;transform:translateY(-2px)}.age-range-value{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:4px;white-space:nowrap}.age-range-label{font-size:14px;font-weight:400;line-height:1.2;opacity:.9}.age-range-card.selected .age-range-label{opacity:1}.scope-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);width:100%}.scope-card{flex:1;display:flex;align-items:center;justify-content:center;padding:12px var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-md);background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);min-height:48px;box-shadow:0 1px 2px #0000000d}.scope-card:hover:not(.selected){background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.scope-card.selected{background:var(--gradient-peach);color:#fff;border-color:#fb923c;box-shadow:0 4px 12px #fb923c4d;transform:translateY(-2px);font-weight:600}.scope-label{font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap}.scope-card.selected .scope-label{font-weight:600}.scope-card-group{min-width:100px;max-width:150px;flex-direction:column;gap:4px}.scope-group-members{font-size:10px;color:#6b7280b3;font-weight:500;line-height:1.2}.scope-card.selected .scope-group-members{color:#ffffffe6}.create-event-form .children-selection .all-children-pill{padding-left:16px;padding-right:16px}.radio-group,.toggle-group{display:flex;gap:var(--spacing-md)}.radio-option,.toggle-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:14px;font-weight:500;color:var(--color-charcoal);background:var(--color-white)}.radio-option:hover,.toggle-option:hover{border-color:var(--color-coral);background:#ff6b6b0d}.radio-option input[type=radio],.toggle-option input[type=radio]{margin:0;cursor:pointer;accent-color:var(--color-coral)}.radio-option input[type=radio]:checked+span,.toggle-option input[type=radio]:checked+span{color:var(--color-coral-dark);font-weight:600}.radio-option:has(input[type=radio]:checked),.toggle-option:has(input[type=radio]:checked){border-color:var(--color-coral);background:linear-gradient(135deg,#ff6b6b1a,#ffd93d1a)}.form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm)}.btn-primary,.btn-secondary{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);border:none}.btn-primary{background:var(--gradient-peach);color:var(--color-white);box-shadow:0 4px 12px #ff6b6b4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-off-white);color:var(--color-charcoal);border:2px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.home-day-view{--home-card-height: 160px;max-width:448px;margin:0 auto;background:var(--gradient-page);min-height:100vh;padding-bottom:80px;position:relative}.home-header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);background:var(--gradient-hero);border-radius:0 0 32px 32px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}.greeting{display:flex;flex-direction:column;gap:4px}.auth-buttons{display:flex;align-items:center}.auth-signed-in{display:flex;align-items:center;gap:10px}.auth-user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:#fffffff2}.auth-btn{padding:6px 14px;border-radius:999px;border:none;background:#ffffffe6;color:var(--color-coral);font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #0000001f;transition:all var(--transition-normal);white-space:nowrap}.auth-btn.auth-logout-btn{background:#ffffff38;color:#fffffff2}.auth-btn:hover{background:#fff;transform:translateY(-1px)}.auth-btn.auth-logout-btn:hover{background:#ffffff47}.greeting-title{font-size:30px;font-weight:800;letter-spacing:-.4px;color:#fff;margin:0;line-height:36px}.greeting-subtitle{font-size:14px;color:#ffffffe6;margin:0;line-height:20px}.action-tiles-section{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border-bottom:none}.action-tiles-container{display:flex;align-items:stretch;gap:var(--spacing-md);width:100%}.home-day-view .child-chips-section{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border-bottom:none}.home-day-view .child-chips-container{display:flex;align-items:stretch;gap:var(--spacing-md);width:100%}.home-day-view .child-chip{height:var(--home-card-height);box-sizing:border-box;box-shadow:var(--shadow-md)}.home-day-view .child-chip:hover{box-shadow:var(--shadow-lg)}.child-chip-all{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-full);background:var(--color-off-white);color:var(--color-charcoal);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);white-space:nowrap;display:flex;align-items:center;justify-content:center}.child-chip-all:hover{background:#ff6b6b1a;border-color:#ff6b6b4d}.child-chip-all.selected{background:linear-gradient(135deg,#ff6b6b26,#ffd93d26);border-color:var(--color-coral);color:var(--color-coral-dark);font-weight:600;box-shadow:0 2px 8px #ff6b6b33}.sibling-state-section{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border-bottom:none;width:100%}.sibling-state-container{display:flex;align-items:stretch;justify-content:center;gap:var(--spacing-md);width:100%}.sibling-state-card{flex:1;min-width:0;max-width:calc((100% - var(--spacing-md)) / 2);height:var(--home-card-height);border:2px solid transparent;border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);position:relative;overflow:hidden;align-self:stretch;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sibling-state-card:before{content:"";position:absolute;inset:0;background:var(--color-coral);opacity:.12;transition:opacity var(--transition-normal);pointer-events:none;z-index:0}.sibling-state-card:hover:before{opacity:.2}.sibling-state-card:hover{border-color:#ff6b6b4d;transform:translateY(-1px)}.sibling-state-card:focus-visible{outline:3px solid rgba(255,107,107,.35);outline-offset:2px}.sibling-state-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.sibling-avatar-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:3px solid rgba(255,107,107,.2);position:relative}.sibling-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.sibling-avatar-initials{font-size:24px;font-weight:700;color:var(--color-white);position:relative;z-index:1}.sibling-state-info{display:flex;flex-direction:column;align-items:center;gap:2px}.sibling-state-label{font-size:14px;font-weight:600;color:var(--color-charcoal)}.sibling-state-count{font-size:12px;color:var(--color-gray-600)}.events-nav-section{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border-bottom:none}.events-nav-container{display:flex;align-items:stretch;gap:var(--spacing-md);width:100%}.events-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);flex:1;min-width:0;height:var(--home-card-height);box-sizing:border-box;position:relative;overflow:hidden;align-self:stretch}.events-nav-btn:before{content:"";position:absolute;inset:0;opacity:.12;transition:opacity var(--transition-normal);z-index:0}.events-nav-btn.my-events-btn:before{background:var(--gradient-sage)}.events-nav-btn.events-joined-btn:before{background:var(--gradient-peach)}.events-nav-btn:hover:before{opacity:.2}.events-nav-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ff6b6b4d}.events-nav-icon{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);position:relative;z-index:1;box-shadow:var(--shadow-md);transition:transform var(--transition-normal);flex-shrink:0;box-sizing:border-box;padding:0;margin:0}.events-nav-btn:hover .events-nav-icon{transform:scale(1.1)}.events-nav-icon svg{width:24px;height:24px}.events-nav-label{font-size:14px;font-weight:600;color:var(--color-charcoal);position:relative;z-index:1;text-align:center;line-height:20px;height:20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%}.booked-events-panel{padding:var(--spacing-lg);background:var(--color-off-white);border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.panel-title{font-size:18px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-md) 0;line-height:24px}.booked-events-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.events-feed{padding:var(--spacing-lg);background:var(--color-white)}.feed-title{font-size:18px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-md) 0;line-height:24px}.events-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.day-selector{padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-bottom:1px solid rgba(232,223,216,.9);position:relative}.day-selector-container{display:flex;gap:8px;width:100%;justify-content:space-between}.day-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;padding:8px 4px 10px;border:none;border-radius:20px;background:transparent;color:var(--color-charcoal);cursor:pointer;transition:all .2s ease;font-family:var(--font-primary);gap:6px;box-shadow:none}.day-pill:hover{background:#d4787a0f}.day-pill.selected{background:var(--gradient-hero);color:#fff;border:none;box-shadow:var(--shadow-md);transform:translateY(-1px)}.day-pill.selected:hover{background:var(--gradient-mauve)}.day-name{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:14px;white-space:nowrap;color:inherit}.day-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;color:inherit;background:var(--color-blush);box-shadow:0 1px 4px #c15b621f}.day-pill.selected .day-name,.day-pill.selected .day-number{color:#fff}.day-pill.selected .day-number{background:#ffffff38;box-shadow:none}.filter-tabs{padding:0;background:transparent;border-bottom:none}.filter-tabs-container{display:flex;gap:var(--spacing-sm)}.filter-tab{flex:1;padding:10px 20px;border:2px solid transparent;border-radius:20px;background:#f3f4f6;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);text-align:center}.filter-tab:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--color-coral)}.filter-tab.active{background:var(--gradient-hero);border-color:var(--color-coral);color:#fff;font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.event-card{background:var(--color-white);border-radius:20px;padding:0;margin-bottom:0;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all var(--transition-normal);border:none;overflow:hidden;position:relative}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.event-card:hover .event-image{transform:scale(1.05)}.event-image-container{width:100%;height:200px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-gold) 100%)}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.event-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0006);pointer-events:none}.event-card-header{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.event-card:focus{outline:2px solid var(--color-coral);outline-offset:2px}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);position:relative;z-index:2}.event-host-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.host-photo{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.host-photo-placeholder{background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-gold) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;font-size:14px}.host-details{display:flex;flex-direction:column;gap:2px}.host-name{font-size:14px;font-weight:600;color:var(--color-charcoal);line-height:20px}.host-badge{font-size:10px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.5px}.rsvp-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026}.rsvp-badge.open{background:#22c55e1a;color:var(--color-success)}.rsvp-badge.full{background:#ef44441a;color:var(--color-error)}.rsvp-badge.registered-only{background:#a855f71a;color:var(--color-neon-purple)}.event-title{font-size:18px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-sm) 0;line-height:24px;padding:0 var(--spacing-md)}.event-children{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.event-child{display:flex;align-items:center;gap:var(--spacing-xs)}.child-photo{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.child-photo-placeholder{background:linear-gradient(135deg,var(--color-neon-purple) 0%,var(--color-neon-cyan) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;font-size:12px}.child-name{font-size:13px;font-weight:500;color:var(--color-charcoal)}.child-age{font-size:11px;color:var(--color-gray-500)}.event-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md)}.event-detail-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;color:var(--color-gray-600);line-height:18px}.event-detail-item svg{width:16px;height:16px;color:var(--color-gray-500);flex-shrink:0}.transport-item{color:var(--color-neon-purple);font-weight:500}.transport-item svg{color:var(--color-neon-purple)}.event-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm)}.event-capacity{font-size:12px;color:var(--color-gray-600)}.event-primary-action{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%);color:var(--color-white);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.event-primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.event-card-actions{padding:var(--spacing-md);padding-top:0;margin-top:var(--spacing-sm)}.event-join-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-gold) 100%);color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.event-join-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#ff5252,#ffd93d)}.event-join-button:active:not(:disabled){transform:translateY(0)}.event-join-button:disabled,.event-join-button.joined{background:var(--color-success);cursor:default;opacity:.8}.event-join-button.joined:hover{transform:none;box-shadow:var(--shadow-sm)}.event-card.event-type-birthday .event-image-container{background:linear-gradient(135deg,#ff6b9d,#ffd93d)}.event-card.event-type-beach .event-image-container{background:linear-gradient(135deg,#00c9ff,#92fe9d)}.event-card.event-type-park .event-image-container{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.event-card.event-type-arts .event-image-container{background:linear-gradient(135deg,#a855f7 0%,var(--color-coral) 100%)}.event-card.event-type-stem .event-image-container{background:linear-gradient(135deg,#6366f1 0%,var(--color-coral) 100%)}.event-card.event-type-music .event-image-container{background:linear-gradient(135deg,#f59e0b,#ef4444)}.event-card.event-type-nature .event-image-container{background:linear-gradient(135deg,#10b981,#3b82f6)}.event-card.event-type-pool .event-image-container{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.event-card.event-type-story .event-image-container{background:linear-gradient(135deg,#f97316,#fbbf24)}.event-card.event-type-sports .event-image-container{background:linear-gradient(135deg,#22c55e,#3b82f6)}.discover-events-page{max-width:448px;margin:0 auto;background:var(--color-cream);min-height:100vh;padding-bottom:100px}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.header-icon-btn{background:#fff3;border:none;padding:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--radius-full);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px}.header-icon-btn:hover{background:#ffffff4d}.profile-icon-circle{width:32px;height:32px;border-radius:50%;background:#ffffff4d;border:2px solid white}.search-bar-section{padding:0 var(--spacing-lg) var(--spacing-md)}.search-bar{display:flex;align-items:center;gap:var(--spacing-sm);background:#fff;border-radius:16px;padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 2px 8px #00000014}.search-icon{color:#9ca3af;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:14px;color:var(--color-charcoal);background:transparent;font-family:var(--font-primary)}.search-input::placeholder{color:#9ca3af}.filter-icon-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-coral);border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0}.filter-icon-btn:hover{background:#8b5cf61a}.events-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);background:#fff;border-bottom:1px solid rgba(0,0,0,.05)}.events-header-content{display:flex;flex-direction:column;gap:4px}.events-section-title{font-size:20px;font-weight:700;color:var(--color-charcoal);margin:0;line-height:28px}.events-section-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:20px}.event-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0000,#0009);padding:16px}.event-badges{display:flex;gap:8px}.child-chip-pill{padding:10px 20px;border:2px solid transparent;border-radius:20px;background:#f3f4f6;color:var(--color-coral);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);white-space:nowrap;flex-shrink:0}.child-chip-pill:hover{background:#8b5cf61a;border-color:#8b5cf64d}.child-chip-pill.selected{background:var(--gradient-hero);color:#fff;border-color:var(--color-coral);font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.my-events-page{max-width:448px;margin:0 auto;padding:var(--spacing-lg);background:var(--color-white);min-height:100vh;padding-bottom:100px}.page-header{margin-bottom:24px;display:flex;align-items:flex-start;gap:var(--spacing-md)}.back-button{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-charcoal);border-radius:var(--radius-md);transition:all var(--transition-normal);flex-shrink:0;margin-top:4px}.back-button:hover{background:#0000000d;color:var(--color-coral)}.back-button:active{transform:scale(.95)}.page-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:36px}.page-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:24px}.events-list{display:flex;flex-direction:column;gap:20px}.event-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.event-card-image{position:relative;width:100%;height:200px;overflow:hidden}.event-card-image img{width:100%;height:100%;object-fit:cover}.event-status-badge{position:absolute;top:16px;right:16px}.status-badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600}.status-confirmed{background:#22c55e;color:#fff}.status-pending{background:#facc15;color:#1a1a1a}.event-card-content{padding:18px}.event-card-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:28px}.event-card-host{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:20px}.event-card-details{display:flex;flex-direction:column;gap:4px}.event-date{font-size:14px;font-weight:500;color:#1a1a1a}.event-time{font-size:12px;color:#6b7280}.events-joined-page{max-width:448px;margin:0 auto;background:var(--color-cream);min-height:100vh;padding-bottom:100px}.page-header-gradient{background:var(--gradient-hero);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);border-radius:0 0 24px 24px;margin-bottom:var(--spacing-md)}.page-header-top{display:flex;align-items:flex-start;gap:var(--spacing-md)}.back-button-white{background:#fff3;border:none;padding:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--radius-md);transition:all var(--transition-normal);flex-shrink:0;margin-top:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button-white:hover{background:#ffffff4d}.back-button-white:active{transform:scale(.95)}.page-header-content{flex:1}.page-title-white{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px;line-height:36px}.page-subtitle-white{font-size:14px;color:#ffffffe6;margin:0;line-height:20px}.events-list{display:flex;flex-direction:column;gap:16px;padding:var(--spacing-lg);background:var(--color-cream)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;min-height:400px}.empty-icon{font-size:64px;margin-bottom:var(--spacing-md)}.empty-title{font-size:20px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-sm) 0;line-height:28px}.empty-message{font-size:14px;color:var(--color-gray-600);margin:0;line-height:20px}.filter-section{padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-bottom:1px solid rgba(0,0,0,.05)}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.filter-section-label{font-size:14px;font-weight:600;color:var(--color-charcoal)}.filter-section-action{background:none;border:none;font-size:12px;font-weight:500;color:var(--color-coral);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.filter-section-action:hover{background:#8b5cf61a}.child-chips-section{padding:0;background:transparent}.child-chips-container{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-xs)}.child-chips-container::-webkit-scrollbar{display:none}.child-chip-all{padding:10px 20px;border:2px solid transparent;border-radius:20px;background:#f3f4f6;color:var(--color-coral);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary);white-space:nowrap;flex-shrink:0}.child-chip-all:hover{background:#8b5cf61a;border-color:#8b5cf64d}.child-chip-all.selected{background:var(--gradient-hero);color:#fff;border-color:var(--color-coral);font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.header{background:var(--gradient-hero);color:#fff;padding:16px 24px;position:sticky;top:0;z-index:100;border-bottom:none;box-shadow:var(--shadow-md)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:400px;margin:0 auto}.header-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-btn:hover{background:#ffffff4d}.header-title-group{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.header-title{font-size:20px;font-weight:600;margin:0;line-height:28px;color:#fff}.header-subtitle{font-size:14px;font-weight:400;margin:0;line-height:16px;color:#ffffffe6}.event-banner{position:relative;width:100%;height:256px;overflow:hidden}.banner-image{width:100%;height:100%;background:var(--gradient-hero);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%)}.banner-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10}.banner-btn{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.banner-btn:hover{background:#00000080}.banner-content{position:relative;z-index:5;color:#fff}.banner-tags{display:flex;gap:8px;margin-bottom:8px}.badge-attendees,.badge-spots{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500}.banner-title{font-size:24px;font-weight:600;margin:0 0 4px;color:#fff;line-height:32px}.banner-subtitle{font-size:14px;margin:0;color:#ffffffe6;line-height:20px}.confirmation-status-section{padding:16px 24px;background:#fff}.confirmation-status{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:12px}.confirmation-info{display:flex;align-items:center;gap:12px}.confirmation-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff}.confirmation-text{display:flex;flex-direction:column;gap:4px}.confirmation-title{font-size:16px;font-weight:600;margin:0;color:#1a1a1a;line-height:24px}.confirmation-subtitle{font-size:14px;margin:0;color:#6b7280;line-height:16px}.confirmation-btn{padding:10px 20px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.confirmation-btn:hover{background:#16a34a}.action-buttons-section{padding:16px 24px;background:#fff}.action-buttons{display:flex;gap:12px;justify-content:space-between}.action-btn{flex:1;height:112px;border:none;border-radius:12px;background:#f8f9fa;cursor:pointer;transition:transform .2s,box-shadow .2s;padding:0}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:#f0f0f0}.action-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;height:100%;position:relative}.action-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);background:var(--gradient-sage);box-shadow:var(--shadow-sm)}.action-label{font-size:14px;font-weight:500;color:#1a1a1a;line-height:16px}.action-badge{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500;line-height:16px}.event-information-section{padding:20px 24px;background:#fff}.section-title{font-size:20px;font-weight:600;margin:0 0 20px;color:#1a1a1a;line-height:28px}.event-info-cards{display:flex;flex-direction:column;gap:16px}.info-card{display:flex;gap:16px;padding:17px;border-radius:12px;border:none;background:#e0f2fe}.info-card:nth-of-type(2){background:#fce7f3}.info-card:nth-of-type(3){background:#fed7aa}.info-card:nth-of-type(4){background:#d1fae5}.info-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fffc;color:#1a1a1a}.info-content{flex:1}.info-label{font-size:12px;color:#6b7280;margin:0 0 4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-title{font-size:16px;font-weight:600;margin:0 0 4px;color:#1a1a1a;line-height:24px}.info-subtitle{font-size:14px;color:#6b7280;margin:0 0 4px;line-height:20px}.info-tags{display:flex;align-items:center;gap:8px;margin-top:8px}.info-tag{background:#f8f9fa;color:#1a1a1a;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;line-height:20px}.info-tag-text{font-size:14px;color:#6b7280;line-height:16px}.info-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f8f9fa;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;margin-top:8px}.info-button:hover{background:#f0f0f0}.info-button svg{width:14px;height:12px;color:#1a1a1a}.dietary-info{margin-top:16px;padding:13px;background:#f8f9fa;border-radius:8px}.dietary-title{font-size:14px;font-weight:500;color:#1a1a1a;margin:0 0 12px;line-height:16px}.dietary-tags{display:flex;gap:8px;flex-wrap:wrap}.dietary-tag{background:#fff;color:#1a1a1a;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;line-height:20px}.children-attending{display:flex;align-items:center;gap:8px;margin-top:8px}.child-avatars{display:flex;gap:-8px}.child-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-coral);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:2px solid white;margin-left:-8px}.child-avatar:first-child{margin-left:0}.children-text{font-size:14px;color:#6b7280;line-height:20px}.transport-details-section{padding:20px 24px;background:#fff}.transport-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.transport-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px;color:#1a1a1a}.transport-title-group{display:flex;flex-direction:column;gap:4px}.transport-title{font-size:16px;font-weight:600;margin:0;color:#1a1a1a;line-height:24px}.transport-subtitle{font-size:14px;margin:0;color:#6b7280;line-height:16px}.transport-content{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.transport-card{background:#e0f2fe;border-radius:12px;padding:18px}.transport-card:nth-of-type(1){background:#d1fae5}.transport-card:nth-of-type(2){background:#fed7aa}.transport-card:nth-of-type(3){background:#e0f2fe}.transport-item{display:flex;gap:12px;margin-bottom:16px}.transport-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;color:#1a1a1a;flex-shrink:0}.transport-item-content{flex:1}.transport-item-title{font-size:16px;font-weight:600;margin:0 0 4px;color:#1a1a1a;line-height:20px}.transport-item-address{font-size:14px;margin:0 0 4px;color:#6b7280;line-height:20px}.transport-item-time{font-size:12px;margin:0;color:#6b7280;line-height:16px}.driver-info{margin-top:16px;padding:13px;background:#fff;border-radius:8px}.driver-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.driver-title{font-size:14px;font-weight:500;margin:0;color:#1a1a1a;line-height:16px}.driver-verified{background:#22c55e;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;line-height:16px}.driver-profile{display:flex;align-items:center;gap:8px;margin-bottom:12px}.driver-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-coral)}.driver-details{display:flex;flex-direction:column;gap:4px}.driver-name{font-size:14px;font-weight:500;margin:0;color:#1a1a1a;line-height:20px}.driver-role{font-size:12px;margin:0;color:#6b7280;line-height:16px}.driver-vehicle{display:flex;flex-direction:column;gap:4px}.driver-vehicle p{font-size:14px;margin:0;color:#6b7280;line-height:16px}.notification-info{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#fff;border-radius:8px}.notification-info svg{width:11px;height:12px;color:#1a1a1a;margin-top:2px;flex-shrink:0}.notification-info p{font-size:14px;margin:0;color:#6b7280;line-height:16px}.safety-note{display:flex;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.safety-note svg{width:14px;height:14px;color:#1a1a1a;margin-top:2px;flex-shrink:0}.safety-title{font-size:14px;font-weight:500;margin:0 0 4px;color:#1a1a1a;line-height:16px}.safety-text{font-size:14px;margin:0;color:#6b7280;line-height:20px}.transport-actions{display:flex;gap:8px}.track-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer}.track-button:hover{background:#2a2a2a}.track-button svg{width:14px;height:16px}.track-icon-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:none;border-radius:12px;cursor:pointer}.track-icon-button:hover{background:#f0f0f0}.track-icon-button svg{width:16px;height:16px;color:#1a1a1a}.attendees-section{padding:20px 24px;background:#fff}.attendees-list{background:#d1fae5;border-radius:12px;padding:20px}.attendees-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.attendees-title{font-size:20px;font-weight:600;margin:0;color:#1a1a1a;line-height:28px}.view-all-btn{background:none;border:none;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;padding:0;line-height:20px}.attendees-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.attendee-card{display:flex;align-items:center;justify-content:space-between;padding:17px;background:#fffc;border-radius:12px}.attendee-info{display:flex;align-items:center;gap:12px;flex:1}.attendee-avatar-container{position:relative;width:48px;height:48px;flex-shrink:0}.attendee-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-sage);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff}.attendee-status-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;background:#22c55e;border-radius:50%;border:3px solid white}.attendee-details{display:flex;flex-direction:column;gap:4px}.attendee-name{font-size:14px;font-weight:500;margin:0;color:#1a1a1a;line-height:20px}.attendee-child{font-size:14px;margin:0;color:#6b7280;line-height:16px}.attendee-badge{background:#f8f9fa;color:#1a1a1a;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;line-height:16px;border:1px solid #e5e5e5}.attendee-badge.confirmed{background:#22c55e;color:#fff;border:none}.view-more-btn{width:100%;height:48px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;color:#1a1a1a;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}.view-more-btn:hover{background:#e5e5e5}.event-description-section{padding:20px 24px;background:#fff}.event-description-title{font-size:20px;font-weight:600;margin:0 0 20px;color:#1a1a1a;line-height:28px}.event-description-content{display:flex;flex-direction:column;gap:20px}.description-text{font-size:14px;line-height:22.75px;color:#6b7280;margin:0}.description-section{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.section-icon{width:16px;height:24px;display:flex;align-items:flex-start;justify-content:center;color:#1a1a1a;flex-shrink:0;padding-top:2px}.section-content{flex:1;display:flex;flex-direction:column;gap:8px}.section-title{font-size:16px;font-weight:600;margin:0;color:#1a1a1a;line-height:20px}.section-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px}.section-list li{font-size:14px;color:#6b7280;line-height:16px;padding-left:0}.section-list li:before{content:"• ";color:#6b7280;font-weight:700;display:inline-block;width:1em}.footer{background:var(--gradient-brand);padding:24px;color:#fff}.footer-container{max-width:400px;margin:0 auto;text-align:center}.footer-logo{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.footer-text{font-size:14px;margin:0 0 16px;opacity:.9}.footer-btn{background:#fff3;border:none;border-radius:8px;padding:8px 24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.footer-btn:hover{background:#ffffff4d}.event-details-page{max-width:600px;margin:0 auto;background:var(--color-white);min-height:100vh;padding-bottom:88px}.app-container{padding:0}.event-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;min-height:400px}.event-not-found h2{font-size:24px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-md) 0}.event-not-found p{font-size:16px;color:var(--color-gray-600);margin:0 0 var(--spacing-lg) 0}.event-not-found button{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-coral);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.event-not-found button:hover{background:var(--color-coral-dark);transform:translateY(-2px)}.child-wellbeing-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);min-width:200px;max-width:280px;position:relative}.avatar-ring-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.wellbeing-ring{width:120px;height:120px;position:absolute;top:0;left:0}.ring-fill{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.ring-fill.animating{animation:ringFillSweep .3s cubic-bezier(.4,0,.2,1)}.ring-handle{transition:opacity .3s ease}.ring-handle.animating{animation:handlePulse .3s ease}@keyframes ringFillSweep{0%{stroke-dashoffset:339.292}}@keyframes handlePulse{0%,to{opacity:1}50%{opacity:.7}}.child-photo-container{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--state-color, var(--color-gray-300));box-shadow:0 0 0 1px #ffffff80,0 0 12px rgba(var(--state-color-rgb, 255, 107, 107),.3);background:var(--color-white)}.child-photo{width:100%;height:100%;object-fit:cover}.child-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-gold) 100%);display:flex;align-items:center;justify-content:center}.child-initials{color:var(--color-white);font-weight:700;font-size:20px;line-height:1}.avatar-glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;z-index:1;pointer-events:none;opacity:.6}.avatar-glyph-svg{width:100%;height:100%}.avatar-glyph.animating{animation:avatarBounce .55s cubic-bezier(.34,1.56,.64,1)}@keyframes avatarBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.avatar-glyph.state-low.animating{animation:avatarConcern .4s ease-in-out}@keyframes avatarConcern{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-48%) scale(.98)}}.avatar-glyph.state-thriving.animating{animation:avatarThriving .55s cubic-bezier(.34,1.56,.64,1)}@keyframes avatarThriving{0%,to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.15);filter:brightness(1.2)}}.avatar-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:100%}.child-name-label{font-size:16px;font-weight:600;color:var(--color-charcoal);text-align:center}.numeric-badges{display:flex;gap:var(--spacing-sm);font-size:12px;color:var(--color-gray-600)}.badge-events,.badge-types{padding:2px 8px;background:#0000000a;border-radius:var(--radius-sm);white-space:nowrap}.event-type-icons{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center;flex-wrap:wrap}.event-type-icon{width:28px;height:28px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform var(--transition-normal)}.event-type-icon:hover{transform:scale(1.1)}.event-icon-emoji{display:block;line-height:1}.diverse-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#ffd93d26,#ff6b6b26);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--color-gold-dark);margin-top:2px}.diverse-badge svg{color:var(--color-gold-dark);flex-shrink:0}.state-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--state-color);background:rgba(var(--state-color-rgb, 255, 107, 107),.1);border:1px solid rgba(var(--state-color-rgb, 255, 107, 107),.2);margin-top:var(--spacing-xs)}.child-wellbeing-avatar.state-low{--state-color: #ef4444;--state-color-rgb: 239, 68, 68}.child-wellbeing-avatar.state-fair{--state-color: #f97316;--state-color-rgb: 249, 115, 22}.child-wellbeing-avatar.state-good{--state-color: #ffd93d;--state-color-rgb: 255, 217, 61}.child-wellbeing-avatar.state-thriving{--state-color: #ff6b6b;--state-color-rgb: 255, 107, 107}@media(max-width:480px){.child-wellbeing-avatar{min-width:180px;max-width:240px}.avatar-ring-container,.wellbeing-ring{width:100px;height:100px}.child-photo-container{width:56px;height:56px}.avatar-glyph{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){.ring-fill,.ring-handle,.avatar-glyph{animation:none!important;transition:none!important}}.child-wellbeing-page{max-width:448px;margin:0 auto;background:var(--gradient-page);min-height:100vh;padding-bottom:100px;position:relative}.child-wellbeing-page:before{content:none}.child-wellbeing-page>*{position:relative;z-index:1}.wellbeing-header-simple{padding:var(--spacing-md) var(--spacing-lg);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between}.wellbeing-container{padding:var(--spacing-lg)}.wellbeing-header{text-align:center;margin-bottom:var(--spacing-xl)}.wellbeing-title{font-size:28px;font-weight:700;color:var(--color-charcoal);margin:0 0 var(--spacing-xs) 0;line-height:36px}.wellbeing-subtitle{font-size:14px;color:var(--color-gray-600);margin:0;line-height:20px}.wellbeing-avatar-section{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.wellbeing-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.groups-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);font-size:16px;font-weight:600;color:var(--color-charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.groups-button:hover{background:#fffffff2;box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#ff6b6b33}.groups-button:active{transform:translateY(0)}.groups-button svg{width:20px;height:20px;flex-shrink:0}.detail-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(0,0,0,.05)}.detail-title{font-size:18px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-md) 0;line-height:24px}.detail-content{display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start}.stat-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.stat-label{font-size:12px;color:var(--color-gray-600);font-weight:500}.stat-value{font-size:32px;font-weight:700;color:var(--color-charcoal);line-height:40px}.stat-period{font-size:12px;color:var(--color-gray-500)}.event-types-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.event-type-tag{padding:6px 12px;background:linear-gradient(135deg,#ff6b6b1a,#ffd93d1a);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-charcoal);border:1px solid rgba(255,107,107,.2)}.insights-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.insights-content p{font-size:14px;color:var(--color-gray-700);line-height:20px;margin:0}.wellbeing-error{padding:var(--spacing-xl);text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);margin:var(--spacing-xl)}.wellbeing-error p{font-size:16px;color:var(--color-charcoal);margin-bottom:var(--spacing-md)}.wellbeing-error button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-coral);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.wellbeing-error button:hover{background:var(--color-coral-dark);transform:translateY(-1px)}.onboarding-page{min-height:100vh;background:var(--gradient-hero);padding:20px;display:flex;align-items:flex-start;justify-content:center}.app-layout:not(.app-layout-no-nav) .onboarding-page{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.onboarding-container{background:#fff;border-radius:28px;max-width:448px;width:100%;padding:30px;box-shadow:var(--shadow-lg);margin:0 auto}.onboarding-header{position:relative;text-align:center;margin-bottom:30px;display:flex;align-items:flex-start;gap:16px}.onboarding-back-button{position:absolute;left:0;top:0;background:#d4787a1f;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--color-coral-dark);transition:color .2s ease;z-index:10}.onboarding-back-button:hover{color:var(--color-coral)}.onboarding-back-button:active{transform:scale(.95)}.onboarding-header-content{flex:1;text-align:center}.onboarding-header .page-header-orb{position:absolute;right:0;top:0}.onboarding-title{font-size:28px;font-weight:700;color:#333;margin-bottom:8px;margin-top:0}.onboarding-subtitle{font-size:14px;color:#666;margin-bottom:20px}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-brand);transition:width .3s ease}.onboarding-content{margin-bottom:30px}.onboarding-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:22px;font-weight:600;color:#333;margin-bottom:24px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-input.error{border-color:#e74c3c}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.error-message{display:block;color:#e74c3c;font-size:12px;margin-top:4px}.review-section{background:#f8f9fa;border-radius:12px;padding:20px}.review-item{padding:12px 0;border-bottom:1px solid #e0e0e0;font-size:16px}.review-item:last-child{border-bottom:none}.review-item strong{color:#333;margin-right:8px}.review-child{margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.review-child:first-of-type{margin-top:0;padding-top:0;border-top:none}.review-child h3{font-size:18px;font-weight:600;color:var(--color-coral);margin-bottom:12px}.review-details{display:grid;gap:8px}.review-details div{font-size:14px;color:#555}.review-details strong{color:#333;margin-right:8px}.onboarding-actions{display:flex;gap:12px;justify-content:flex-end}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--gradient-brand);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}@media(max-width:640px){.onboarding-container{padding:20px;margin:10px}.form-row{grid-template-columns:1fr}.onboarding-actions{flex-direction:column-reverse}.btn{width:100%}}.groups-page{max-width:448px;margin:0 auto;background:var(--gradient-page);min-height:100vh;padding-bottom:100px;position:relative}.groups-header-simple{padding:var(--spacing-md) var(--spacing-lg);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:var(--spacing-md)}.groups-header-title{font-size:20px;font-weight:700;color:var(--color-charcoal);margin:0;flex:1}.back-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-charcoal);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.back-button:hover{color:var(--color-coral);transform:translate(-2px)}.groups-container{padding:var(--spacing-lg)}.groups-actions{margin-bottom:var(--spacing-lg)}.btn-create-group{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.btn-create-group:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-group:active{transform:translateY(0)}.groups-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.group-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-normal)}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.group-name{font-size:18px;font-weight:600;color:var(--color-charcoal);margin:0;flex:1}.group-menu-container{position:relative}.group-menu-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.group-menu-btn:hover:not(:disabled){color:var(--color-charcoal)}.group-menu-btn:disabled{opacity:.5;cursor:not-allowed}.group-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;min-width:150px;overflow:hidden}.group-menu-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--color-charcoal);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);text-align:left}.group-menu-item:hover:not(:disabled){background:#0000000d}.group-menu-item:disabled{opacity:.5;cursor:not-allowed}.group-menu-item-delete{color:var(--color-error)}.group-menu-item-delete:hover:not(:disabled){background:#ef44441a;color:var(--color-error)}.group-description{font-size:14px;color:var(--color-gray-600);margin:0 0 var(--spacing-sm) 0;line-height:20px}.group-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:12px;color:var(--color-gray-500)}.group-members{font-weight:500}.group-date{font-size:12px}.group-actions{display:flex;gap:var(--spacing-sm);width:100%}.btn-view-group,.btn-edit-group,.btn-delete-group{flex:1;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:1px solid;white-space:nowrap}.btn-view-group{background:#ff6b6b1a;color:var(--color-coral);border-color:#ff6b6b4d}.btn-view-group:hover{background:#ff6b6b26;border-color:#ff6b6b66}.btn-edit-group{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.btn-edit-group:hover:not(:disabled){background:#3b82f626;border-color:#3b82f666}.btn-delete-group{background:#ef44441a;color:var(--color-error, #ef4444);border-color:#ef44444d}.btn-delete-group:hover:not(:disabled){background:#ef444426;border-color:#ef444466}.btn-delete-group:disabled,.btn-edit-group:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-xl);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05)}.empty-state p{font-size:14px;color:var(--color-gray-600);margin:0}.create-group-form{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(0,0,0,.05)}.form-title{font-size:20px;font-weight:600;color:var(--color-charcoal);margin:0 0 var(--spacing-lg) 0}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-charcoal);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-primary);transition:all var(--transition-normal);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-coral)}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none}.btn-secondary{background:#0000000d;color:var(--color-charcoal)}.btn-secondary:hover{background:#0000001a}.btn-primary{background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%);color:var(--color-white)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.children-selection-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.child-select-btn{padding:var(--spacing-xs) var(--spacing-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-charcoal);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.child-select-btn:hover{border-color:var(--color-coral);background:#ff6b6b0d}.child-select-btn.selected{border-color:var(--color-coral);background:linear-gradient(135deg,#ff6b6b26,#ffd93d26);color:var(--color-coral-dark);font-weight:600}.child-select-btn.default-child{background:linear-gradient(135deg,#ff6b6b33,#ffd93d33);border-color:var(--color-coral);color:var(--color-coral-dark);font-weight:600;cursor:default;opacity:.8}.child-select-btn.default-child:hover{background:linear-gradient(135deg,#ff6b6b33,#ffd93d33);transform:none}.child-select-btn.default-child:disabled{opacity:.8;cursor:default}.default-badge{margin-left:var(--spacing-xs);font-size:12px;color:var(--color-coral-dark)}.form-hint{font-size:12px;color:var(--color-gray-600);margin:var(--spacing-xs) 0 var(--spacing-sm) 0;line-height:16px}.contacts-selection-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);max-height:300px;min-height:150px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);border:2px solid rgba(0,0,0,.15);border-radius:var(--radius-md);background:#fffc;box-shadow:inset 0 2px 4px #0000000d}.contacts-selection-group::-webkit-scrollbar{width:8px}.contacts-selection-group::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.contacts-selection-group::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.contacts-selection-group::-webkit-scrollbar-thumb:hover{background:#0000004d}.contacts-selection-group.contacts-empty,.contacts-selection-group.contacts-loading{display:flex;align-items:center;justify-content:center;min-height:150px}.contacts-empty-message{font-size:14px;color:var(--color-gray-600);text-align:center;margin:0;padding:var(--spacing-md)}.contact-select-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(0,0,0,.15);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-charcoal);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:140px;max-width:180px;text-align:left;box-shadow:0 1px 2px #0000000d}.contact-select-btn:hover:not(:disabled){border-color:var(--color-coral);background:#ff6b6b0d}.contact-select-btn.selected{border-color:var(--color-coral);background:linear-gradient(135deg,#ff6b6b26,#ffd93d26);color:var(--color-coral-dark);font-weight:600}.contact-name{font-weight:600;font-size:13px}.contact-parent{font-size:11px;color:var(--color-gray-600);font-weight:400}.contact-select-btn.selected .contact-parent{color:var(--color-gray-700)}.group-detail-page{max-width:448px;margin:0 auto;min-height:100vh;background:var(--gradient-brand);padding:var(--spacing-lg);padding-bottom:100px;position:relative}.group-detail-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative}.group-detail-header .back-button{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0}.group-detail-header .back-button:hover{background:#ffffff4d;transform:scale(1.05)}.group-detail-title{font-size:24px;font-weight:600;color:#fff;margin:0;flex:1}.delete-group-btn{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0}.delete-group-btn:hover:not(:disabled){background:#ff00004d;transform:scale(1.05)}.delete-group-btn:disabled{opacity:.5;cursor:not-allowed}.group-detail-container{max-width:100%;margin:0 auto}.group-detail-card{background:#fff;border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 20px #0000001a}.group-description-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 var(--spacing-md) 0}.group-description-text{font-size:16px;color:#666;line-height:1.6;margin:0}.group-meta-section{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:var(--spacing-xl)}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:14px;color:#999;font-weight:500}.meta-value{font-size:16px;color:#333;font-weight:600}.group-children-section,.group-contacts-section{margin-bottom:var(--spacing-xl)}.group-children-section:last-child,.group-contacts-section:last-child{margin-bottom:0}.children-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.child-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#f8f9fa;border-radius:8px}.child-name{font-size:16px;font-weight:500;color:#333}.child-age{font-size:14px;color:#666}.contacts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#f8f9fa;border-radius:8px}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.contact-name{font-size:16px;font-weight:500;color:#333}.contact-parent{font-size:14px;color:#666}.contact-phone{font-size:14px;color:var(--color-coral);font-weight:500}.contacts-loading,.contacts-empty{padding:var(--spacing-lg);text-align:center;color:#999}.contacts-empty p{margin:0;font-size:14px}.empty-state{text-align:center;padding:var(--spacing-xl);color:#666}.empty-state h2{margin:0 0 var(--spacing-md) 0;color:#333}.empty-state p{margin:0 0 var(--spacing-lg) 0}.empty-state .btn{margin-top:var(--spacing-md)}@media(max-width:768px){.group-detail-page{padding:var(--spacing-md)}.group-detail-card{padding:var(--spacing-lg)}.group-meta-section{flex-direction:column;gap:var(--spacing-md)}.contact-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.settings-page{width:min(100%,448px);min-height:100vh;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom));background:var(--color-white, #fff);color:var(--color-gray-900, #252020)}.settings-page h1{margin:24px 0}.settings-card{display:grid;gap:12px;margin-bottom:18px;padding:18px;border:1px solid #e8dfd8;border-radius:16px}.settings-card h2{margin:0}.settings-card button,.settings-back{min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:#f3ece8;color:inherit;text-align:left;cursor:pointer}.settings-danger{border-color:#dca6a6}.settings-danger button{background:#a52d2d;color:#fff;text-align:center}.settings-error{color:#8b1f1f}.legal-page{line-height:1.55}.legal-page h2{margin-top:24px}.legal-review-note{margin-top:32px;padding:12px;border-radius:10px;background:#fff4d6}