:root{--ebiwawa-coral: #FF5733;--ebiwawa-coral-hover: #E64A2E;--ebiwawa-coral-light: #FF6B4A;--ebiwawa-charcoal: #505050;--ebiwawa-tan: #B8936F;--ebiwawa-brown: #6B4423;--ebiwawa-gold: #FCAB10;--ebiwawa-amber: #FDB750;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #E5E5E5;--neutral-300: #D4D4D4;--neutral-400: #A3A3A3;--neutral-500: #737373;--neutral-600: #666666;--neutral-700: #525252;--neutral-800: #404040;--neutral-900: #333333;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--color-primary: var(--ebiwawa-gold);--color-secondary: var(--ebiwawa-tan);--color-accent: var(--ebiwawa-gold);--color-background: var(--neutral-50);--color-surface: #FFFFFF;--color-text-primary: var(--neutral-900);--color-text-secondary: var(--neutral-600);--color-error: var(--error);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-coral: 0 4px 14px 0 rgba(255, 87, 51, .35);--shadow-coral-hover: 0 6px 20px 0 rgba(255, 87, 51, .45);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.heading-font{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.25rem;font-weight:600}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-secondary{color:var(--color-text-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-accent{background-color:var(--color-accent)}.text-accent{color:var(--color-accent)}.border-primary{border-color:var(--color-primary)}.text-error{color:var(--color-error)}.btn{font-family:Outfit,sans-serif;font-weight:600;padding:12px 24px;border-radius:var(--radius-lg);transition:all var(--transition-base);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:15px;line-height:1;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%);color:#fff;box-shadow:0 4px 14px #fcab1066;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fcab1080;background:linear-gradient(135deg,var(--ebiwawa-amber) 0%,var(--ebiwawa-gold) 100%)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #fcab104d}.btn-secondary{background:linear-gradient(135deg,var(--ebiwawa-tan) 0%,#A67E5B 100%);color:#fff;box-shadow:0 4px 14px #b8936f59}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b8936f73;background:linear-gradient(135deg,#A67E5B 0%,var(--ebiwawa-brown) 100%)}.btn-ghost{background:transparent;color:var(--ebiwawa-gold);border:none;box-shadow:none;padding:8px 16px}.btn-ghost:hover{background:#fcab101a;color:var(--ebiwawa-amber)}.btn-coral{background:linear-gradient(135deg,var(--ebiwawa-coral) 0%,var(--ebiwawa-coral-light) 100%);color:#fff;box-shadow:var(--shadow-coral)}.btn-coral:hover{transform:translateY(-2px);box-shadow:var(--shadow-coral-hover);background:linear-gradient(135deg,var(--ebiwawa-coral-hover) 0%,var(--ebiwawa-coral) 100%)}.btn-gold{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%);color:#fff;box-shadow:0 4px 14px #fcab1059}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fcab1073}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 32px;font-size:16px}.modal-overlay{transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-link{transition:all var(--transition-fast);border-radius:var(--radius-md)}.sidebar-link.active{background:linear-gradient(135deg,#fcab1026,#fcab1014);color:var(--ebiwawa-gold);font-weight:600;border-left:3px solid var(--ebiwawa-gold)}.sidebar-link:hover:not(.active){background-color:var(--neutral-100)}.calendar-item.active,.conversation-item.active{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%);color:#fff;box-shadow:var(--shadow-sm)}.node circle{fill:#fff;stroke:var(--ebiwawa-gold);stroke-width:3px;cursor:pointer;transition:all var(--transition-fast);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.node circle:hover{stroke:var(--ebiwawa-amber);stroke-width:4px;filter:drop-shadow(0 4px 8px rgba(252,171,16,.3))}.node text{font-size:13px;font-weight:500;fill:var(--neutral-900);cursor:pointer;font-family:Inter,sans-serif}.link{fill:none;stroke:#b8860b;stroke-width:2.5px;stroke-linecap:round}.spouse-link{fill:none;stroke:var(--ebiwawa-coral);stroke-width:2.5px;stroke-dasharray:8,5;stroke-linecap:round}#tree-display{background:linear-gradient(180deg,#fffdf7,#fef9ee,#fdf5e6)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--neutral-100)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--neutral-200)}.card-elevated{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-100)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-interactive{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-xl);border-color:var(--ebiwawa-gold);transform:translateY(-4px) scale(1.01)}.card-flat{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:none}.modal-content{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--neutral-100);max-height:90vh;overflow-y:auto}.container-sm{padding:16px}.container-md{padding:24px}.container-lg{padding:32px}.ad-container{background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.ad-container:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.ad-label{font-size:10px;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.panel{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:20px}.panel-header{border-bottom:1px solid var(--neutral-200);padding-bottom:12px;margin-bottom:16px}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--neutral-300),transparent);margin:24px 0}.list-item{padding:12px 16px;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.list-item:hover{background-color:var(--neutral-50);transform:translate(4px)}.list-item-active{background:linear-gradient(135deg,#fcab101a,#fcab100d);border-left:3px solid var(--ebiwawa-gold);font-weight:600}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{border-radius:var(--radius-md);border:2px solid var(--neutral-200);transition:all var(--transition-fast);padding:10px 14px;font-family:Inter,sans-serif;font-size:15px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,textarea:focus,select:focus{border-color:var(--ebiwawa-gold);outline:none;box-shadow:0 0 0 3px #fcab1033;background-color:#fff}input[type=text]:hover:not(:focus),input[type=email]:hover:not(:focus),input[type=password]:hover:not(:focus),input[type=date]:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--neutral-300)}input.input-error,textarea.input-error,select.input-error{border-color:var(--error);background-color:var(--error-light)}input.input-error:focus,textarea.input-error:focus,select.input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef444433}input.input-success,textarea.input-success,select.input-success{border-color:var(--success);background-color:var(--success-light)}input.input-success:focus,textarea.input-success:focus,select.input-success:focus{border-color:var(--success);box-shadow:0 0 0 3px #10b98133}.form-label{display:block;font-size:14px;font-weight:600;color:var(--neutral-700);margin-bottom:6px;font-family:Inter,sans-serif}.form-label-required:after{content:"*";color:var(--error);margin-left:4px}.form-helper{font-size:13px;color:var(--neutral-500);margin-top:6px;line-height:1.4}.form-error{font-size:13px;color:var(--error);margin-top:6px;line-height:1.4;display:flex;align-items:center;gap:4px}.form-success{font-size:13px;color:var(--success);margin-top:6px;line-height:1.4;display:flex;align-items:center;gap:4px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--neutral-300);border-radius:4px;cursor:pointer;position:relative;transition:all var(--transition-fast);background-color:#fff}input[type=checkbox]:hover{border-color:var(--ebiwawa-gold)}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%);border-color:var(--ebiwawa-gold)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #fcab1033}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--neutral-300);border-radius:50%;cursor:pointer;position:relative;transition:all var(--transition-fast);background-color:#fff}input[type=radio]:hover{border-color:var(--ebiwawa-gold)}input[type=radio]:checked{border-color:var(--ebiwawa-gold);border-width:6px}input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #fcab1033}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--neutral-300);transition:var(--transition-base);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-base);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #fcab1033}.file-upload{position:relative;display:inline-block;cursor:pointer}.file-upload input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:2px dashed var(--neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:Inter,sans-serif;font-size:15px;color:var(--neutral-600)}.file-upload-label:hover{border-color:var(--ebiwawa-gold);background-color:#fcab100d;color:var(--ebiwawa-gold)}.file-upload input[type=file]:focus+.file-upload-label{border-color:var(--ebiwawa-gold);box-shadow:0 0 0 3px #fcab1033}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;font-family:Inter,sans-serif}.badge-gold{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%);color:#fff}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-error{background-color:var(--error-light);color:var(--error)}.badge-neutral{background-color:var(--neutral-100);color:var(--neutral-700)}.alert{padding:16px 20px;border-radius:var(--radius-lg);border-left:4px solid;font-size:15px;line-height:1.5}.alert-success{background-color:var(--success-light);border-color:var(--success);color:var(--neutral-900)}.alert-warning{background-color:var(--warning-light);border-color:var(--warning);color:var(--neutral-900)}.alert-error{background-color:var(--error-light);border-color:var(--error);color:var(--neutral-900)}.alert-info{background-color:var(--info-light);border-color:var(--info);color:var(--neutral-900)}.gradient-coral{background:linear-gradient(135deg,var(--ebiwawa-coral) 0%,var(--ebiwawa-coral-light) 100%)}.gradient-gold{background:linear-gradient(135deg,var(--ebiwawa-gold) 0%,var(--ebiwawa-amber) 100%)}.gradient-tan{background:linear-gradient(135deg,var(--ebiwawa-tan) 0%,var(--ebiwawa-brown) 100%)}.text-coral{color:var(--ebiwawa-coral)}.text-gold{color:var(--ebiwawa-gold)}.text-charcoal{color:var(--ebiwawa-charcoal)}.bg-coral{background-color:var(--ebiwawa-coral)}.bg-gold{background-color:var(--ebiwawa-gold)}.elevation-1{box-shadow:var(--shadow-sm)}.elevation-2{box-shadow:var(--shadow-md)}.elevation-3{box-shadow:var(--shadow-lg)}.elevation-4{box-shadow:var(--shadow-xl)}.elevation-5{box-shadow:var(--shadow-2xl)}.logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition-fast)}.logo-container:hover{opacity:.85}.logo-image{height:32px;width:auto;object-fit:contain}@media(min-width:768px){.logo-image{height:40px}}.logo-icon{height:32px;width:32px;object-fit:contain}@media(min-width:768px){.logo-icon{height:40px;width:40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.auth-split-layout{display:flex;min-height:100vh;background:var(--neutral-50)}.auth-hero-section{flex:1;background:linear-gradient(135deg,#fcab10,#fdb750,#b8936f);padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.auth-hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:float-gentle 20s ease-in-out infinite}.hero-illustration{font-size:120px;margin-bottom:30px;animation:float-gentle 6s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.hero-content{position:relative;z-index:1;color:#fff;animation:fadeInUp .8s ease-out}.hero-title{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.25rem;opacity:.95;margin-bottom:15px;font-weight:500}.hero-features{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap;justify-content:center}.feature-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.auth-form-section{flex:1;padding:40px;display:flex;align-items:center;justify-content:center;background:#fff}.auth-form-container{width:100%;max-width:440px;animation:fadeInUp .8s ease-out .2s backwards}@media(max-width:768px){.auth-split-layout{flex-direction:column}.auth-hero-section{padding:40px 20px;min-height:40vh}.hero-title{font-size:2rem}.hero-illustration{font-size:80px}.auth-form-section{padding:30px 20px}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}*{-webkit-overflow-scrolling:touch}button,a,.clickable{-webkit-tap-highlight-color:rgba(252,171,16,.2);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}html{scroll-behavior:smooth}@media screen and (max-width:640px){*{transition-duration:.15s!important}button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@media screen and (max-width:640px){input,select,textarea{font-size:16px!important}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}#cookie-consent-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:99998;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--neutral-200);padding:16px 20px;max-width:720px;margin-left:auto;margin-right:auto;animation:fadeInUp .4s ease-out}#cookie-consent-banner.hidden{display:none}.cookie-consent-content{display:flex;flex-direction:column;gap:12px}@media(min-width:720px){.cookie-consent-content{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}.cookie-consent-text{font-size:14px;line-height:1.5;color:var(--neutral-700);flex:1}.cookie-consent-text strong{color:var(--neutral-900)}.cookie-consent-text a{color:var(--ebiwawa-gold);text-decoration:underline}.cookie-consent-buttons{display:flex;gap:8px;flex-shrink:0}