@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}#root,body{background-color:#e8f5e9}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c8e6c9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a5d6a7}::selection{background-color:#4caf50}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4caf50;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.error-state{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828}.error-state,.success-state{padding:15px;text-align:center}.success-state{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32}@media print{body{background:#fff!important}.no-print{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.audio-recorder-container{flex-direction:column}.audio-recorder-container,.recorder-header{align-items:center;display:flex;gap:10px}.recording-indicator{align-items:center;color:red;display:flex;gap:5px}.recording-dot{animation:blink 1s infinite;background-color:red;border-radius:50%;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.audio-preview{max-width:400px;width:100%}.preview-actions{gap:10px;margin-top:10px}.retry-btn,.save-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}.save-btn{background-color:#28a745;color:#fff}.retry-btn{background-color:#dc3545;color:#fff}.recorder-controls{display:flex;gap:10px}.record-start-btn,.record-stop-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}.record-start-btn{background-color:#28a745;color:#fff}.record-stop-btn{background-color:#dc3545;color:#fff}.recording-tips{margin-top:10px;text-align:left}.recording-tips ul{list-style-type:disc;padding-left:20px}.error-message{margin-bottom:10px}.error-dismiss-btn{margin-left:10px}.video-recorder{align-items:center;display:flex;flex-direction:column;gap:10px}.video-preview{background-color:#000;border-radius:8px;max-width:400px;width:100%}.controls{display:flex;gap:10px}.record-btn,.stop-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}.record-btn{background-color:#28a745;color:#fff}.stop-btn{background-color:#dc3545;color:#fff}.video-recorder.mobile-disabled{padding:20px}.mobile-notice{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;padding:24px;text-align:center}.notice-icon{font-size:48px;margin:0 0 12px}.notice-title{font-size:18px;font-weight:600;margin:0 0 12px}.notice-text{font-size:14px;line-height:1.5;margin:0 0 16px;opacity:.95}.notice-suggestion{background:#fff3;border-radius:8px;font-size:14px;line-height:1.6;margin:0;padding:12px}.notice-suggestion strong{font-weight:600}@media (max-width:480px){.mobile-notice{padding:20px}.notice-icon{font-size:36px}.notice-title{font-size:16px}.notice-suggestion,.notice-text{font-size:13px}}.add-member-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.add-member-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:16px 16px 0 0;padding:24px}.modal-header h2{font-size:24px;font-weight:700}.close-btn{background:#fff3;font-size:24px;height:36px;line-height:1;transition:all .2s;width:36px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.back-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#ffffff4d}.current-member-context{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 24px}.current-member-context p{color:#666;font-size:14px;font-weight:600;margin:0 0 12px}.founder-hint{color:#667eea;font-size:15px;font-weight:600;margin:0}.context-member-card{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.context-name{color:#333;font-size:16px;font-weight:600}.context-gen{background:#f0f3ff;border-radius:12px;color:#667eea;font-size:13px;font-weight:600;padding:4px 12px}.relation-options{display:flex;flex-direction:column;gap:16px;padding:24px}.relation-option-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;padding:20px;text-align:left;transition:all .2s}.relation-option-btn:hover{background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.relation-option-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.relation-option-btn:disabled:hover{background:#fff;border-color:#e0e0e0;box-shadow:none}.option-icon{flex-shrink:0;font-size:48px;margin-right:20px}.option-content{flex:1 1}.option-content h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.option-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.gen-badge{background:#f0f3ff;border-radius:12px;color:#667eea;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.relation-option-btn.parent:hover{background:#f1f8f4;border-color:#4caf50}.relation-option-btn.parent:hover .gen-badge{background:#e8f5e9;color:#4caf50}.relation-option-btn.spouse:hover{background:#fff5f8;border-color:#ff6b9d}.relation-option-btn.spouse:hover .gen-badge{background:#ffe5ed;color:#ff6b9d}.relation-option-btn.child:hover{background:#f8f9ff;border-color:#667eea}.relation-option-btn.founder{background:linear-gradient(135deg,#fffaf0,#fff8e1);border:2px solid gold}.relation-option-btn.founder:hover{border-color:orange;box-shadow:0 4px 12px #ffa5004d}.generation-limit-note{align-items:center;background:#fff9e6;border-top:1px solid #ffe0b2;display:flex;gap:12px;padding:16px 24px}.limit-icon{font-size:20px}.generation-limit-note p{color:#f57c00;font-size:13px;font-weight:600;margin:0}.form-section{padding:24px}.parent-type-selector{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:24px;padding:16px 24px}.radio-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600}.radio-option input{cursor:pointer;height:18px;margin-right:8px;width:18px}.form-group label{font-size:14px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.error-text{font-size:12px;margin-top:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-group label{align-items:center;cursor:pointer;display:flex}.checkbox-group input{margin-right:8px;width:auto}.modal-footer{align-items:center;background:#f8f9fa;border-radius:0 0 16px 16px;border-top:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.generation-preview{color:#666;font-size:14px}.generation-preview strong{color:#667eea}.button-group{display:flex;gap:12px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-btn{background:#e0e0e0}.cancel-btn:hover{background:#d0d0d0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.add-member-modal{max-height:90vh;width:95%}.modal-header h2{font-size:20px}.option-icon{font-size:36px;margin-right:16px}.option-content h3{font-size:16px}.form-row{grid-template-columns:1fr}.modal-footer{align-items:stretch;flex-direction:column;gap:12px}.button-group{flex-direction:column;width:100%}.cancel-btn,.submit-btn{width:100%}}:root{--ain-ink:#0f0c08;--ain-parchment:#f7f2e8;--ain-parchment-dark:#ede5d4;--ain-gold:#c8973a;--ain-gold-light:#e8b85a;--ain-gold-pale:#c8973a1f;--ain-rust:#8b3a2a;--ain-green:#2a5a3a;--ain-border:#c8973a40;--ain-text:#1a1408;--ain-muted:#7a6a50;--ain-shadow:0 24px 80px #0009,0 0 0 1px #c8973a26;--ain-font-display:"Playfair Display",Georgia,serif;--ain-font-body:"EB Garamond",Georgia,serif}.ain-overlay{align-items:center;animation:ainFadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080603d1;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:12000}@keyframes ainFadeIn{0%{opacity:0}to{opacity:1}}.ain-modal{animation:ainSlideUp .25s cubic-bezier(.16,1,.3,1);background:#13100a;border:1px solid #c8973a40;border:1px solid var(--ain-border);border-radius:20px;box-shadow:0 24px 80px #0009,0 0 0 1px #c8973a26;box-shadow:var(--ain-shadow);display:flex;flex-direction:column;max-height:92vh;max-width:620px;overflow:hidden;position:relative;width:100%}.ain-modal:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.ain-modal>*{position:relative;z-index:1}@keyframes ainSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ain-header{background:linear-gradient(135deg,#1a1408,#0f0c08);border-bottom:1px solid #c8973a40;border-bottom:1px solid var(--ain-border);justify-content:space-between;padding:20px 24px 16px}.ain-header,.ain-header-left{align-items:center;display:flex}.ain-header-left{gap:14px}.ain-header-icon{animation:ainPulse 3s ease-in-out infinite;color:#c8973a;color:var(--ain-gold);font-family:serif;font-size:28px}@keyframes ainPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.ain-header-title{color:#f7f2e8;color:var(--ain-parchment);font-family:Playfair Display,Georgia,serif;font-family:var(--ain-font-display);font-size:20px;font-weight:700;letter-spacing:.02em;margin:0 0 2px}.ain-header-sub{font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:12px;font-style:italic;margin:0}.ain-close-btn,.ain-header-sub{color:#7a6a50;color:var(--ain-muted)}.ain-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:34px;justify-content:center;transition:all .15s;width:34px}.ain-close-btn:hover{background:#ffffff1a;color:#f7f2e8;color:var(--ain-parchment)}.ain-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px;scrollbar-color:#3a2a18 #13100a;scrollbar-width:thin}.ain-member-card{align-items:flex-start;background:#c8973a0d;border:1px solid #c8973a40;border:1px solid var(--ain-border);border-radius:12px;display:flex;gap:14px;padding:14px}.ain-member-photo{align-items:center;background:#c8973a14;border:2px solid #c8973a40;border:2px solid var(--ain-border);border-radius:50%;display:flex;flex-shrink:0;font-size:26px;height:52px;justify-content:center;overflow:hidden;width:52px}.ain-member-photo img{height:100%;object-fit:cover;width:100%}.ain-member-name{color:#f7f2e8;color:var(--ain-parchment);font-family:Playfair Display,Georgia,serif;font-family:var(--ain-font-display);font-size:16px;font-weight:700;margin-bottom:3px}.ain-member-meta{color:#7a6a50;color:var(--ain-muted);font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:12px;font-style:italic;margin-bottom:5px}.ain-member-meta span+span:before{content:" "}.ain-member-notes{color:#c8973a;color:var(--ain-gold);font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:12px;font-style:italic;line-height:1.4;opacity:.8}.ain-historical-panel{background:#2a5a3a14;border:1px solid #2a5a3a33;border-radius:10px;padding:12px 14px}.ain-historical-title{color:#5a9a78;font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.ain-historical-events{display:flex;flex-direction:column;gap:4px}.ain-historical-event{display:flex;font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:12px;gap:10px}.ain-event-year{color:#5a9a78;flex-shrink:0;font-weight:600;width:36px}.ain-event-desc{color:#6a8a78;font-style:italic}.ain-tone-section{display:flex;flex-direction:column;gap:10px}.ain-tone-label{color:#7a6a50;color:var(--ain-muted);font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ain-tone-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.ain-tone-card{align-items:flex-start;background:#ffffff05;border:1.5px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 12px;text-align:left;transition:all .2s}.ain-tone-card:hover{background:#c8973a0f;border-color:#c8973a33}.ain-tone-card.active{background:#c8973a1a;border-color:#c8973a;border-color:var(--ain-gold)}.ain-tone-icon{font-size:18px}.ain-tone-name{color:#f7f2e8;color:var(--ain-parchment);font-family:Playfair Display,Georgia,serif;font-family:var(--ain-font-display);font-size:13px;font-weight:600}.ain-tone-desc{color:#7a6a50;color:var(--ain-muted);font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:10px;font-style:italic}.ain-generating{gap:20px;padding:32px 20px}.ain-generating,.ain-generating-animation{align-items:center;display:flex;flex-direction:column}.ain-generating-animation{gap:16px;width:100%}.ain-quill-animate{animation:ainQuillWrite 1.5s ease-in-out infinite;color:#c8973a;color:var(--ain-gold);font-family:serif;font-size:32px}@keyframes ainQuillWrite{0%,to{opacity:1;transform:rotate(-15deg) translateY(0)}25%{transform:rotate(-10deg) translateY(-3px)}50%{opacity:.5;transform:rotate(-15deg) translateY(0)}75%{transform:rotate(-20deg) translateY(2px)}}.ain-generating-lines{display:flex;flex-direction:column;gap:8px;max-width:360px;width:100%}.ain-gen-line{animation:ainLineGrow 1.8s ease-in-out infinite;background:linear-gradient(90deg,#c8973a1a,#c8973a4d 40%,#c8973a1a);background-size:200% 100%;border-radius:5px;height:10px}.ain-gen-line.short{width:65%}@keyframes ainLineGrow{0%{background-position:200% 0;opacity:.4}50%{background-position:-200% 0;opacity:.8}to{background-position:200% 0;opacity:.4}}.ain-generating-text{color:#7a6a50;color:var(--ain-muted);font-size:14px;text-align:center}.ain-error,.ain-generating-text{font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-style:italic}.ain-error{align-items:flex-start;background:#8b3a2a1a;border:1px solid #8b3a2a4d;border-radius:8px;color:#c07a68;display:flex;font-size:13px;gap:8px;padding:10px 14px}.ain-narrative-display{animation:ainFadeIn .3s ease;display:flex;flex-direction:column;gap:0}.ain-narrative-header{align-items:center;background:#c8973a14;border:1px solid #c8973a40;border:1px solid var(--ain-border);border-bottom:none;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:10px 16px}.ain-narrative-title{align-items:center;color:#c8973a;color:var(--ain-gold);display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--ain-font-display);font-size:13px;font-style:italic;font-weight:600;gap:8px}.ain-quill{animation:ainPulse 2s ease-in-out infinite;font-size:14px}.ain-skip-btn{background:none;border:none;color:#7a6a50;color:var(--ain-muted);cursor:pointer;font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:11px;font-style:italic;padding:2px 6px;transition:color .15s}.ain-skip-btn:hover{color:#c8973a;color:var(--ain-gold)}.ain-narrative-body{background:#f7f2e8;background:var(--ain-parchment);border:1px solid #c8973a40;border:1px solid var(--ain-border);border-radius:0 0 12px 12px;min-height:180px;padding:24px 28px}.ain-narrative-text{color:#1a1408;color:var(--ain-text);font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:16px;letter-spacing:.01em;line-height:1.85;white-space:pre-wrap}.ain-narrative-text:first-letter{color:#c8973a;color:var(--ain-gold);float:left;font-family:Playfair Display,Georgia,serif;font-family:var(--ain-font-display);font-size:3.2em;font-weight:700;line-height:.75;margin:.1em .08em 0 0}.ain-cursor{animation:ainBlink .8s step-end infinite;color:#c8973a;color:var(--ain-gold);display:inline-block;font-weight:300;margin-left:1px}@keyframes ainBlink{0%,to{opacity:1}50%{opacity:0}}.ain-narrative-actions{display:flex;gap:8px;margin-top:12px}.ain-action-btn{border:1.5px solid #0000;border-radius:20px;cursor:pointer;font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.ain-action-btn.copy{background:#ffffff0a;border-color:#ffffff14;color:#7a6a50;color:var(--ain-muted)}.ain-action-btn.copy:hover{background:#ffffff14;color:#f7f2e8;color:var(--ain-parchment)}.ain-action-btn.regenerate{background:#ffffff0a;border-color:#ffffff14;color:#7a6a50;color:var(--ain-muted)}.ain-action-btn.regenerate:hover{background:#ffffff14;color:#f7f2e8;color:var(--ain-parchment)}.ain-action-btn.save{background:#c8973a1f;border-color:#c8973a4d;color:#c8973a;color:var(--ain-gold);margin-left:auto}.ain-action-btn.save:hover{background:#c8973a33}.ain-action-btn.save.saved{background:#2a5a3a26;border-color:#2a5a3a4d;color:#6ab88a}.ain-footer{background:#0000004d;border-top:1px solid #ffffff0d;flex-direction:column;padding:14px 24px}.ain-footer,.ain-generate-btn{align-items:center;display:flex;gap:10px}.ain-generate-btn{background:linear-gradient(135deg,#c8973a,#a07028);border:none;border-radius:12px;color:#13100a;cursor:pointer;font-family:Playfair Display,Georgia,serif;font-family:var(--ain-font-display);font-size:16px;font-weight:700;justify-content:center;letter-spacing:.02em;padding:14px;transition:all .2s;width:100%}.ain-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0a840,#c8973a);box-shadow:0 8px 24px #c8973a66;transform:translateY(-1px)}.ain-generate-btn:disabled{cursor:not-allowed;opacity:.4}.ain-btn-icon{animation:ainPulse 2s ease-in-out infinite;font-size:18px}.ain-footer-tone-change{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ain-footer-tone-change span{font-style:italic}.ain-footer-tone-change span,.ain-mini-tone{color:#7a6a50;color:var(--ain-muted);font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:11px}.ain-mini-tone{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;cursor:pointer;padding:4px 10px;transition:all .15s}.ain-mini-tone:hover{background:#c8973a14;border-color:#c8973a33;color:#c8973a;color:var(--ain-gold)}.ain-mini-tone.active{background:#c8973a1a;border-color:#c8973a4d;color:#c8973a;color:var(--ain-gold)}.ain-powered-by{color:#7a6a5080;font-family:EB Garamond,Georgia,serif;font-family:var(--ain-font-body);font-size:10px;font-style:italic;text-align:center}@media (max-width:640px){.ain-overlay{align-items:flex-end;padding:0}.ain-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.ain-tone-grid{grid-template-columns:1fr 1fr}.ain-narrative-body{padding:16px 18px}.ain-narrative-text{font-size:15px}.ain-narrative-text:first-letter{font-size:2.6em}.ain-narrative-actions{flex-wrap:wrap}.ain-action-btn.save{margin-left:0;text-align:center;width:100%}}.branch-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.branch-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header h2{font-size:1.8rem}.modal-tabs{border-bottom:1px solid #e0e0e0;display:flex}.tab-btn{background:#f5f5f5;border:none;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:15px;transition:all .3s ease}.tab-btn.active{background:#fff;border-bottom:3px solid #4caf50;color:#4caf50}.tab-btn:hover:not(.active){background:#eee}.modal-content{max-height:400px;overflow-y:auto;padding:25px}.add-member-section h3,.members-section h3{color:#2d5a2d;font-size:1.3rem;margin-bottom:20px}.member-form{display:flex;flex-direction:column;gap:15px}.member-form input,.member-form textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease}.member-form input:focus,.member-form textarea:focus{border-color:#4caf50;outline:none}.add-member-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.add-member-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.add-member-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.family-member{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:10px;margin-bottom:20px;padding:20px;transition:transform .2s ease}.family-member:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.member-info h4{color:#2d5a2d;font-size:1.2rem;margin:0 0 8px}.member-info p{color:#666;line-height:1.4;margin:0 0 10px}.member-notes{background:#f0f0f0;border-radius:4px;color:#888;font-style:italic;margin:10px 0!important;padding:8px}.recordings-count{color:#4caf50;font-size:.9rem;font-weight:500;margin:10px 0}.member-meta{color:#999;font-size:.8rem;margin-top:10px}.member-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.record-btn{background:#fff;border:1px solid #4caf50;border-radius:6px;color:#4caf50;cursor:pointer;flex:1 1;font-size:.9rem;min-width:120px;padding:10px 15px;transition:all .3s ease}.record-btn.video{border-color:#2196f3;color:#2196f3}.record-btn:hover:not(:disabled){background:#4caf50;color:#fff;transform:translateY(-1px)}.record-btn.video:hover:not(:disabled){background:#2196f3;color:#fff}.record-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;transform:none}.recorder-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-top:15px;padding:20px}.cancel-recording-btn{background:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 16px;transition:all .3s ease}.cancel-recording-btn:hover{background:#dc3545;color:#fff}.login-prompt{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:15px;padding:15px;text-align:center}.login-prompt p{color:#856404;margin:0 0 10px}.login-prompt-btn{background:#ffc107;border:none;border-radius:6px;color:#856404;cursor:not-allowed;font-size:.9rem;padding:8px 16px}.existing-recordings{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:15px}.existing-recordings h5{color:#2d5a2d;font-size:1rem;margin:0 0 15px}.recording-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px}.recording-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.recording-type{color:#2d5a2d;font-weight:600}.recording-date{color:#666;font-size:.8rem}.recording-player{border-radius:4px;margin:10px 0;width:100%}.recording-meta{color:#999;font-size:.8rem;text-align:right}.no-members{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#666;font-style:italic;padding:40px 0;text-align:center}@media (max-width:768px){.branch-modal{margin:10px;width:95%}.modal-header{padding:20px}.modal-header h2{font-size:1.5rem}.modal-content{max-height:60vh;padding:20px}.member-actions{flex-direction:column}.record-btn{min-width:auto}}.member-generation{color:#667eea;font-size:12px;font-weight:600;margin:4px 0}.member-parent{color:#666;font-size:12px;margin:4px 0}.member-children{color:#764ba2;font-size:12px;font-weight:600;margin:4px 0}.tree-tab{padding:20px}.tree-view{display:flex;flex-direction:column;gap:24px;margin-top:20px}.generation-group{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.generation-group h4{align-items:center;color:#667eea;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.generation-group h4:before{content:"🌳";font-size:24px}.generation-members{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tree-member{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;transition:all .3s}.tree-member:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.tree-member strong{color:#333;display:block;font-size:16px;margin-bottom:4px}.tree-member span{color:#666;font-size:14px}.children-indicator{border-top:1px solid #e0e0e0;color:#764ba2;font-size:12px;font-weight:600;margin-top:8px;padding-top:8px}.member-input select{background:#fff;cursor:pointer}.member-input select option{padding:8px}@media (max-width:768px){.generation-members{grid-template-columns:1fr}.tree-member{padding:12px}}.add-member-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.add-first-member-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s}.add-first-member-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.add-member-hint{color:#ffffffe6;font-size:14px;margin:12px 0 0}.member-actions{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.add-relative-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.add-relative-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.member-children,.member-parents,.member-spouse{background:#f8f9fa;border-radius:6px;font-size:14px;margin:8px 0;padding:8px 12px}.member-children strong,.member-parents strong,.member-spouse strong{color:#667eea;margin-right:8px}.spouse-indicator{background:#ffe5ed;color:#ff6b9d}.children-indicator,.spouse-indicator{border-radius:12px;display:inline-block;font-size:13px;margin-top:6px;padding:4px 12px}.children-indicator{background:#f0f3ff;color:#667eea}.recording-item audio,.recording-item video{border-radius:6px;margin-top:8px;width:100%}.member-header-actions{align-items:center;display:flex;gap:6px}.ai-narrative-btn{background:linear-gradient(135deg,#c8973a26,#c8973a0f);border:1px solid #c8973a4d;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 12px;white-space:nowrap}.ai-narrative-btn:hover{background:linear-gradient(135deg,#c8973a47,#c8973a24);border-color:#c8973a8c;box-shadow:0 3px 10px #c8973a33}.saved-narrative-preview{align-items:center;background:#c8973a0f;border:1px solid #c8973a2e;border-radius:6px;display:flex;gap:8px;margin-top:6px;padding:5px 10px}.saved-narrative-label{font-style:italic}.saved-narrative-label,.view-narrative-btn{color:#c8973a;font-family:Georgia,serif;font-size:11px}.view-narrative-btn{background:none;border:none;cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:opacity .15s}.view-narrative-btn:hover{opacity:.7}.ain-inline-panel{animation:ainInlineSlide .22s cubic-bezier(.16,1,.3,1);background:#13100a;border-radius:12px;display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute;z-index:100}@keyframes ainInlineSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ain-inline-panel.fullscreen{border-radius:0;inset:0;position:fixed;z-index:11000}.ain-inline-header{align-items:center;background:linear-gradient(135deg,#1a1408,#0f0c08);border-bottom:1px solid #c8973a33;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.ain-inline-title{color:#c8973a;font-family:Playfair Display,Georgia,serif;font-size:14px;font-style:italic;font-weight:600}.ain-inline-controls{align-items:center;display:flex;gap:6px}.ain-expand-btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;color:#f5f0e899;cursor:pointer;font-family:Georgia,serif;font-size:11px;padding:4px 10px;transition:all .15s}.ain-expand-btn:hover{background:#ffffff1f;color:#f5f0e8}.ain-inline-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff12;border-radius:50%;color:#f5f0e880;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s;width:28px}.ain-inline-close:hover{background:#ffffff1f;color:#f5f0e8}.ain-inline-content{flex:1 1;overflow-y:auto}.ain-inline-content .ain-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;display:block!important;padding:0!important;position:static!important}.ain-inline-content .ain-modal{border:none!important;border-radius:0!important;box-shadow:none!important;height:100%!important;max-height:none!important;max-width:100%!important}.account-creation-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.account-creation-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.account-form{padding:25px}.form-group label{margin-bottom:5px}.form-group input{padding:12px}.error-text{font-size:.9rem}.error-message{margin-bottom:15px;padding:10px}.cancel-btn,.create-account-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.create-account-btn{background:#4caf50;color:#fff}.create-account-btn:hover{background:#45a049}.login-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;width:90%}.login-form{padding:25px}.pending-surname-notice{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.pending-surname-notice p{color:#1976d2;font-size:.9rem;margin:0}.pending-surname-notice strong{color:#0d47a1}.form-group label{color:#333;font-size:.9rem}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#4caf50;outline:none}.form-group input.error{border-color:#f44336}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.error-text{color:#f44336;display:block;font-size:.8rem;margin-top:5px}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;font-size:.9rem;margin-bottom:20px;padding:12px;text-align:center}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.cancel-btn,.login-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:12px 25px;transition:all .3s ease}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover:not(:disabled){background:#e0e0e0}.login-btn{align-items:center;background:#4caf50;color:#fff;display:flex;gap:8px;justify-content:center}.login-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.cancel-btn:disabled,.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-top-color:#fff;height:16px;width:16px}.login-footer{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:.9rem;margin:0}.switch-to-signup{background:none;border:none;color:#4caf50;cursor:pointer;font-size:.9rem;text-decoration:underline}.switch-to-signup:hover{color:#45a049}@media (max-width:768px){.login-modal{margin:10px;width:95%}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.login-form{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.login-btn{width:100%}}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.share-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:25px}.modal-header h2{font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background .3s ease;width:40px}.close-btn:hover{background:#fff3}.share-content{padding:25px}.share-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:25px}.share-section:last-child{border-bottom:none;margin-bottom:0}.share-section h3{color:#2d5a2d;font-size:1.2rem;margin-bottom:10px}.share-description{color:#666;line-height:1.5;margin-bottom:15px}.url-display{display:flex;gap:10px;margin-bottom:15px}.url-input{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;color:#333;flex:1 1;font-size:.9rem;padding:12px 15px}.copy-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#45a049}.copy-btn.copied{background:#2e7d32}.email-invite{display:flex;gap:10px;margin-bottom:15px}.email-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 15px}.email-input:focus{border-color:#4caf50;outline:none}.send-email-btn{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.send-email-btn:hover:not(:disabled){background:#1976d2}.send-email-btn:disabled{background:#ccc;cursor:not-allowed}.message-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 15px;resize:vertical;width:100%}.message-input:focus{border-color:#4caf50;outline:none}.social-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.social-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 15px;transition:all .3s ease}.social-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-btn.facebook{border-color:#3b5998;color:#3b5998}.social-btn.twitter{border-color:#1da1f2;color:#1da1f2}.social-btn.whatsapp{border-color:#25d366;color:#25d366}.social-btn.linkedin{border-color:#0077b5;color:#0077b5}.tips-section h4{color:#2d5a2d;margin-bottom:10px}.tips-list{color:#666;padding-left:20px}.tips-list li{line-height:1.4;margin-bottom:8px}@media (max-width:768px){.share-modal{margin:10px;width:95%}.email-invite,.url-display{flex-direction:column}.social-buttons{grid-template-columns:1fr}.copy-btn,.send-email-btn{width:100%}}.media-gallery-container{margin:0 auto;max-height:500px;max-width:1200px;overflow-y:auto;padding:20px}.media-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-close{background:none;border:none;color:#c33;cursor:pointer;font-size:24px;line-height:1;padding:0}.media-upload-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.upload-btn{background:#fff;border-radius:8px;color:#667eea;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;transition:all .3s}.upload-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.upload-progress{align-items:center;color:#fff;display:flex;flex:1 1;gap:12px}.progress-bar{background:#ffffff4d;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:#fff;border-radius:4px;height:100%;transition:width .3s ease}.media-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.sort-controls{align-items:center;display:flex;gap:8px}.sort-controls label{color:#666;font-size:14px}.sort-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.sort-select:focus{border-color:#667eea;outline:none}.media-empty,.media-gallery-empty,.media-loading{color:#999;padding:60px 20px;text-align:center}.media-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}.media-empty .hint{font-size:14px;margin-top:8px}.media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.media-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.media-item:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.media-thumbnail{display:block;height:200px;object-fit:cover;width:100%}.video-thumbnail{background:#000;height:200px;position:relative;width:100%}.video-thumbnail video{pointer-events:none}.play-overlay{background:#ffffffe6;color:#667eea;font-size:24px;height:60px;width:60px}.audio-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:200px;justify-content:center;width:100%}.audio-icon{font-size:48px;margin-bottom:12px}.audio-title{font-size:14px;font-weight:500;padding:0 16px;text-align:center}.media-info{padding:12px}.media-title{color:#333;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-date{color:#999;font-size:12px;margin:0}.lightbox-overlay{align-items:center;animation:fadeIn .3s;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.lightbox-content{animation:slideUp .3s;background:#fff;border-radius:16px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.lightbox-close{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:absolute;right:16px;top:16px;transition:background .2s;width:40px;z-index:1}.lightbox-close:hover{background:#000000b3}.lightbox-media{align-items:center;background:#000;border-radius:16px 16px 0 0;display:flex;justify-content:center;max-height:60vh;width:100%}.lightbox-image{height:auto;object-fit:contain}.lightbox-image,.lightbox-video{max-height:60vh;width:100%}.lightbox-audio{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 40px;width:100%}.audio-player-wrapper{align-items:center;display:flex;flex-direction:column;gap:24px}.audio-icon-large{font-size:80px}.audio-player{max-width:500px;width:100%}.lightbox-info{border-bottom:1px solid #eee;padding:24px}.lightbox-info h3{color:#333;font-size:20px;margin:0 0 8px}.lightbox-date{color:#999;font-size:14px;margin:0 0 12px}.lightbox-description{color:#666;font-size:14px;line-height:1.6;margin:0}.lightbox-actions{display:flex;gap:12px;justify-content:center;padding:24px}.lightbox-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.download-btn{background:#667eea;color:#fff}.download-btn:hover{background:#5568d3;transform:translateY(-2px)}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#d32f2f;transform:translateY(-2px)}@media (max-width:768px){.media-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-controls{align-items:stretch;flex-direction:column}.filter-buttons,.sort-controls{justify-content:center}.media-upload-section{flex-direction:column}.lightbox-content{max-height:95vh}.lightbox-actions{flex-direction:column}.lightbox-btn{justify-content:center;width:100%}}.calendar-widget{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header h3{color:#333;font-size:20px;margin:0}.calendar-nav-btn{background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:36px;transition:all .2s;width:36px}.calendar-nav-btn:hover{background:#764ba2;transform:scale(1.1)}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day-name{color:#666;font-size:14px;font-weight:600;padding:8px 0;text-align:center}.calendar-day{align-items:center;aspect-ratio:1;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;position:relative;transition:all .2s}.calendar-day.empty{background:#0000;cursor:default}.calendar-day:not(.empty):hover{background:#e9ecef;transform:scale(1.05)}.calendar-day.today{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.day-number{font-size:16px;margin-bottom:4px}.event-dots{display:flex;gap:3px;margin-top:4px}.calendar-day.today .event-dot{background:#fff}.event-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.event-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.event-modal-header h3{color:#333;margin:0}.event-modal-header button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.event-modal-content{padding:20px}.existing-events{margin-bottom:24px}.event-item{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:16px}.event-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.event-time{color:#667eea;font-size:14px;font-weight:600}.event-description{color:#666;font-size:14px;margin:8px 0}.event-meta{align-items:center;color:#999;font-size:12px;justify-content:space-between;margin-top:8px}.delete-event-btn{background:#f44;border-radius:4px;font-size:12px;padding:4px 12px}.delete-event-btn:hover{background:#c00}.add-event-form{border-top:2px solid #e0e0e0;padding-top:20px}.add-event-form h4{color:#333;margin:0 0 16px}.event-input,.event-textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.event-input:focus,.event-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.add-event-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:16px;padding:12px;width:100%}.add-event-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.calendar-widget{border-radius:0;margin:0!important;padding:12px!important;width:100%!important}.calendar-header{padding:0 4px}.calendar-header h3{font-size:18px}.calendar-grid{gap:4px}.calendar-day{min-height:50px}.calendar-day,.day-number{font-size:14px}.calendar-day-name{font-size:12px;padding:4px 0}.event-modal{max-height:90vh;width:95%}.event-modal-content,.event-modal-header{padding:16px}}.capsule-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.capsule-modal{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}.capsule-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 25px}.capsule-modal-header h2{color:#2d5a2d;margin:0}.capsule-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;transition:color .3s ease}.capsule-close-btn:hover{color:#dc3545}.capsule-progress{gap:10px;padding:20px}.capsule-progress,.progress-dot{align-items:center;display:flex;justify-content:center}.progress-dot{background:#e0e0e0;border-radius:50%;color:#999;font-weight:600;height:40px;transition:all .3s ease;width:40px}.progress-dot.active{background:#4caf50;color:#fff}.progress-line{background:#e0e0e0;height:2px;transition:background .3s ease;width:60px}.progress-line.active{background:#4caf50}.capsule-modal-body{padding:25px}.capsule-step h3{color:#2d5a2d;margin:0 0 20px;text-align:center}.type-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.type-option{border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.type-option:hover{background:#f8fff8;border-color:#4caf50;transform:translateY(-3px)}.type-option.selected{background:#e8f5e9;border-color:#4caf50}.type-icon{font-size:2.5rem;margin-bottom:10px}.type-option h4{color:#2d5a2d;margin:10px 0 5px}.type-option p{color:#666;font-size:.9rem;margin:0}.text-input-container{margin-bottom:20px}.capsule-textarea{border:2px solid #c8e6c9;border-radius:8px;font-family:inherit;font-size:1rem;min-height:200px;padding:15px;resize:vertical;width:100%}.capsule-textarea:focus{border-color:#4caf50;outline:none}.char-count{color:#666;font-size:.9rem;margin-top:5px;text-align:right}.recorder-container{margin:20px 0}.recording-preview{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.recording-preview audio,.recording-preview video{border-radius:4px;width:100%}.form-group{margin-bottom:20px}.form-group label{color:#2d5a2d;display:block;font-weight:600;margin-bottom:8px}.capsule-input{border:2px solid #c8e6c9;border-radius:8px;font-size:1rem;padding:12px;width:100%}.capsule-input:focus{border-color:#4caf50;outline:none}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:5px}.step-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:30px}.back-btn,.create-btn,.next-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-btn{background:#e0e0e0;color:#333}.back-btn:hover{background:#d0d0d0}.create-btn,.next-btn{background:#4caf50;color:#fff;flex:1 1}.create-btn:hover,.next-btn:hover{background:#45a049;transform:translateY(-1px)}.capsule-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:15px;padding:12px}@media (max-width:768px){.type-options{grid-template-columns:1fr}.capsule-modal{max-height:90vh;width:95%}.step-buttons{flex-direction:column}}.capsule-viewer-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.capsule-viewer{animation:slideUp .4s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:90%}.close-viewer-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.close-viewer-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.locked-capsule,.unlocked-capsule{color:#fff;text-align:center}.lock-icon,.unlock-icon{animation:bounce 2s infinite;font-size:80px;margin-bottom:20px}.locked-capsule h3,.unlocked-capsule h3{color:#fff;font-size:28px;margin-bottom:10px}.capsule-subtitle{font-size:18px;margin-bottom:30px;opacity:.9}.unlock-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin:20px 0;padding:30px}.unlock-ready{animation:pulse 2s infinite;font-size:20px;font-weight:600;margin-bottom:20px}.unlock-countdown{font-size:32px;font-weight:700;margin-bottom:10px}.unlock-date{font-size:18px;opacity:.9}.unlock-form{margin-top:20px}.unlock-input{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-size:16px;margin-bottom:15px;padding:15px;transition:all .3s ease;width:100%}.unlock-input::placeholder{color:#fff9}.unlock-input:focus{background:#fff3;border-color:#fff9;outline:none}.unlock-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.unlock-btn:hover:not(:disabled){box-shadow:0 5px 20px #f5576c66;transform:translateY(-2px)}.unlock-btn:disabled{cursor:not-allowed;opacity:.6}.error-msg{color:#ffcccb;font-size:14px;margin:10px 0}.capsule-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin:20px 0;padding:30px}.text-message{font-size:18px;line-height:1.6;text-align:left;white-space:pre-wrap}.audio-message,.video-message{margin:20px 0}.capsule-audio,.capsule-video{border-radius:10px;width:100%}.capsule-meta{border-top:1px solid #fff3;margin-top:30px;padding-top:20px;text-align:left}.capsule-meta p{font-size:14px;margin:8px 0;opacity:.9}.capsule-meta strong{font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.capsule-viewer{max-height:90vh;padding:30px 20px}.lock-icon,.unlock-icon{font-size:60px}.locked-capsule h3,.unlocked-capsule h3{font-size:24px}.unlock-countdown{font-size:28px}}.tree-splash-container{background-color:#e8f5e9;min-height:100vh;transition:all .8s ease}.tree-splash-container.out{opacity:1}.tree-splash-container.zooming{opacity:.7;transform:scale(.95)}.tree-splash-container.in{opacity:1}.background-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.bg-leaf{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.leaf-1{animation-delay:0s;left:10%;top:10%}.leaf-2{animation-delay:2s;right:15%;top:20%}.leaf-3{animation-delay:4s;bottom:15%;left:20%}.family-dashboard{margin:0 auto;max-width:1600px;padding:0 24px}.compact-header{background:#fff;border-radius:12px;box-shadow:0 10px 16px #00000014;justify-content:space-between;margin-bottom:16px;padding:5px 30px;width:100%}.compact-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.dashboard-title{color:#2d5a2d;font-size:1.5rem;margin:0}.header-right-compact{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;justify-content:flex-end}.toolbar-add-tree{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-right:16px}.toolbar-surname-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:200px}.toolbar-add-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.toolbar-add-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.toolbar-add-btn:disabled{background:#ccc;cursor:not-allowed}.tree-view-toggle{display:flex;gap:4px;margin-left:16px}.toggle-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.toggle-btn:hover{border-color:#667eea;color:#667eea}.toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.auth-buttons-compact{align-items:center;display:flex;gap:10px}.login-btn-compact,.signup-btn-compact{background:#fff;border:1px solid #4caf50;border-radius:6px;color:#4caf50;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.login-btn-compact:hover,.signup-btn-compact{background:#4caf50;color:#fff}.signup-btn-compact:hover{background:#45a049}.user-info-compact{align-items:center;display:flex;gap:10px}.welcome-message-compact{color:#2d5a2d;font-weight:500}.logout-btn-compact{background:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.logout-btn-compact:hover{background:#dc3545;color:#fff}.share-btn-compact,.tree-layout-btn-compact{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.share-btn-compact:hover,.tree-layout-btn-compact:hover{background:#45a049;transform:translateY(-1px)}.stats-overview-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);height:-webkit-fit-content;height:fit-content;margin-bottom:24px}.stat-card-compact{background:#fff;border-radius:12px;box-shadow:0 22px 28px #00000014;padding:12px;text-align:center;transition:transform .2s}.stat-card-compact:hover{transform:translateY(-2px)}.stat-icon-compact{font-size:24px;margin-bottom:4px}.stat-number-compact{color:#333;font-size:24px;font-weight:700;margin:4px 0}.stat-label-compact{color:#666;font-size:12px;font-weight:500}.dual-stat{align-items:center;display:flex;gap:8px;justify-content:space-around}.stat-item{flex:1 1;text-align:center}.stat-divider{background:#e0e0e0;height:50px;width:1px}.tree-preview-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .3s}.tree-preview-card:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-4px)}.preview-icon{animation:float 3s ease-in-out infinite;font-size:48px;margin-bottom:8px}.preview-label{font-size:16px;font-weight:700;margin-bottom:4px}.preview-hint{font-size:11px;opacity:.9}.content-container{display:flex;gap:24px;justify-content:flex-end;width:100%}.main-content-area{flex:0 0 75%;max-width:1200px}.boxed-section{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px}.hero-3d-tree,.hero-tree-section{overflow:hidden}.hero-3d-tree{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:100%}.hero-3d-tree .tree-main-title{color:#fff;font-size:32px;font-weight:700;margin:0}.hero-3d-tree .tree-subtitle{color:#888;font-size:16px;margin:8px 0 0}.hero-3d-tree .tree-3d-container{border-radius:0;height:600px!important}.hero-2d-tree .tree-2d-interactive{height:600px}.tree-hint{color:#666;font-size:13px;font-style:italic;margin:12px 0 0;text-align:center}.tree-2d-interactive{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.tree-background{filter:none;height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;width:100%}.branches-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.secondary-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.section-title{align-items:center;border-bottom:2px solid #667eea;color:#333;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin:0 0 16px;padding-bottom:12px}.compact-2d-tree .tree-2d-interactive{height:250px}.content-row-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:32px 0}.content-box{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;height:140px;overflow:hidden;padding:16px}.content-box-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.content-box-title{align-items:center;color:#2d5a2d;display:flex;font-size:14px;font-weight:600;gap:6px}.content-box-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.content-box-content{flex:1 1;font-size:12px;overflow-y:auto}.quick-stats-mini{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.mini-stat{text-align:center}.mini-stat-number{color:#333;font-size:20px;font-weight:700;line-height:1.2}.mini-stat-label{color:#666;font-size:10px}.recent-recordings-mini{display:flex;flex-direction:column;gap:6px}.mini-recording{align-items:center;background:#f5f7fa;border-radius:4px;display:flex;gap:6px;padding:4px}.recording-icon{font-size:12px}.recording-info{flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-item{align-items:center;border-bottom:1px dashed #e0e0e0;display:flex;gap:8px;padding:4px 0}.upcoming-item:last-child{border-bottom:none}.upcoming-date{color:#4caf50;font-size:10px;font-weight:600;min-width:45px}.upcoming-title{color:#333;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-timeline-section{border-radius:16px;margin-bottom:12px;margin-top:2px;overflow:hidden;padding:20px;width:100%}.timeline-header{margin-bottom:20px}.timeline-scroll-btn{height:32px;width:32px}.timeline-scroll-btn:hover:not(:disabled){background:#4caf50;color:#fff}.timeline-scroll-btn:disabled{cursor:not-allowed;opacity:.3}.timeline-scroll-container{padding-bottom:12px;width:100%}.timeline-scroll-container::-webkit-scrollbar{height:8px}.timeline-scroll-container::-webkit-scrollbar-thumb,.timeline-scroll-container::-webkit-scrollbar-track{border-radius:10px}.timeline-grid{display:flex;gap:16px;padding:4px 0;width:-webkit-max-content;width:max-content}.timeline-item{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:10px;cursor:pointer;flex:0 0 200px;overflow:hidden;transition:transform .2s}.timeline-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.timeline-media{background:#e0e0e0;height:130px;object-fit:cover;width:100%}.timeline-media.video{align-items:center;background:#2d5a2d;color:#fff;display:flex;font-size:32px;justify-content:center}.timeline-item-info{padding:12px}.timeline-item-title{color:#333;font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-item-meta{color:#666;display:flex;font-size:12px;justify-content:space-between}.timeline-item-type{background:#e8f5e9;border-radius:12px;color:#2d5a2d;font-size:11px;padding:2px 6px}.preview-pane{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex:0 0 22%;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);min-width:260px;overflow:visible;position:-webkit-sticky;position:sticky;top:100px}.preview-header{background:linear-gradient(135deg,#f5f7fa,#e8f4e8);border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:12px 16px}.preview-header,.preview-title{align-items:center;display:flex}.preview-title{color:#2d5a2d;font-size:14px;font-weight:600;gap:6px}.preview-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.preview-content{flex:0 0 auto;padding:16px}.preview-tree{align-items:center;background:linear-gradient(135deg,#f0f7f0,#e0f0e0);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;height:120px;justify-content:center;transition:all .2s ease}.preview-tree:hover{border-color:#4caf50;transform:scale(1.02)}.preview-tree-icon{font-size:48px;opacity:.7}.preview-tree-label{color:#666;font-size:12px;margin-top:8px;text-align:center}.preview-switch-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:12px;padding:8px;transition:all .2s ease;width:100%}.preview-switch-btn:hover{background:#45a049}.preview-time-capsule{background:#fafafa;border-top:1px solid #e0e0e0;flex:1 1 auto;max-height:400px;overflow-y:auto;padding:16px}.vault-stats{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.vault-stat{background:#fff;border-radius:6px;padding:6px;text-align:center}.vault-stat-number{color:#2d5a2d;display:block;font-size:16px;font-weight:700}.vault-stat-label{color:#666;font-size:10px}.events-side-box{background:#fff;border-radius:12px;border-top:1px solid #e0e0e0;padding:16px;width:100%}.event-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.event-date-input,.event-title-input{border:1px solid #c8e6c9;border-radius:6px;box-sizing:border-box;font-size:12px;padding:8px;width:100%}.event-date-input:focus,.event-title-input:focus{border-color:#4caf50;outline:none}.add-event-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .2s}.add-event-btn:hover:not(:disabled){background:#45a049}.add-event-btn:disabled{background:#ccc;cursor:not-allowed}.events-list-compact{max-height:200px;overflow-y:auto}.event-item-compact{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:11px;justify-content:space-between;padding:8px}.event-info{flex:1 1}.event-title{color:#333;display:block;font-weight:600;margin-bottom:2px}.event-meta{color:#666;display:flex;font-size:10px;gap:8px}.delete-event-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;padding:2px 6px}.delete-event-btn:hover{background:#c82333}.compact-activity{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 16px #0000000f;padding:16px}.activity-feed{max-height:250px;overflow-y:auto}.activity-item{border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.activity-item:hover{background:#f8f9fa}.activity-item:last-child{border-bottom:none}.activity-icon{flex-shrink:0;font-size:1.2rem}.activity-content{flex:1 1}.activity-description{color:#333;line-height:1.4;margin:0 0 5px}.activity-meta{color:#666;font-size:.8rem}.no-activity{color:#666;padding:40px 20px;text-align:center}.calendar-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 16px #0000000f;height:280px;overflow:hidden;padding:16px}.calendar-container{height:calc(100% - 40px);overflow-y:auto}.gallery-card,.tips-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 16px #0000000f;padding:16px}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{align-items:flex-start;color:#666;display:flex;font-size:13px;gap:10px;line-height:1.5}.tip-bullet{flex-shrink:0;font-size:1rem}.capsule-list{margin-top:12px;max-height:300px;overflow-y:auto}.capsule-item{align-items:center;background:#f8f9fa;border-left:3px solid #4caf50;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:10px;transition:all .2s}.capsule-item:hover{background:#f8f9fa;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.capsule-icon{font-size:1.2rem}.capsule-info{flex:1 1}.capsule-info h5{color:#2d5a2d;font-size:13px;margin:0 0 4px}.capsule-info p{color:#666;font-size:11px;margin:0}.create-capsule-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.create-capsule-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.create-capsule-btn:disabled{background:#ccc;cursor:not-allowed}.draggable-video-player{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 12px 48px #00000040;max-width:90vw;overflow:hidden;position:fixed;width:280px;z-index:9999}.video-drag-handle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:move;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;-webkit-user-select:none;user-select:none}.video-player-content{padding:12px}.video-player-content .recent-video-container{margin:0}.video-player-content video{background:#000;border-radius:8px;height:180px;object-fit:cover;width:100%}.video-player-content .video-title{color:#333;font-size:12px;font-weight:600;line-height:1.4;margin:0 0 8px;max-height:60px;overflow-y:auto}.video-player-content .video-info{display:flex;flex-direction:column;font-size:11px;gap:2px;margin-top:8px}.video-player-content .video-member{color:#2d5a2d;font-weight:600}.video-player-content .video-family{color:#666;font-size:10px}.close-video-btn{background:#00000080;border:none;font-size:16px;height:24px;right:4px;top:4px;transition:background .2s;width:24px;z-index:10}.close-video-btn:hover{background:#000000b3}.splash-screen{padding:40px 20px}.splash-hero{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr auto;margin:0 auto;max-width:1400px;padding:80px 40px}.hero-content{max-width:600px}.splash-title{color:#2d5a2d;font-size:3rem;font-weight:700;margin-bottom:20px}.splash-subtitle{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.photo-collage-border.double-row{background:#fff;border:2px solid #4caf50;border-radius:12px;box-shadow:0 8px 30px #0000001a;max-width:600px;overflow:hidden;padding:60px 50px;position:relative}.collage-side{display:flex;position:absolute;z-index:10}.collage-side.top{top:0}.collage-side.bottom,.collage-side.top{flex-direction:column;height:60px;left:0;right:0}.collage-side.bottom{bottom:0}.collage-side.left{left:0}.collage-side.left,.collage-side.right{bottom:60px;flex-direction:row;top:60px;width:50px}.collage-side.right{right:0}.collage-row{display:flex;gap:1px;height:30px}.collage-column{display:flex;flex-direction:column;gap:1px;width:25px}.collage-photo{border:.5px solid #fff;cursor:pointer;filter:brightness(.95);height:100%;object-fit:cover;transition:all .3s ease;width:100%}.collage-photo:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);position:relative;transform:scale(1.5);z-index:20}.tree-center{position:relative}.hero-tree.splash-tree-size{display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));max-height:504px;max-width:100%;object-fit:contain;z-index:5}.tree-overlay{align-items:center;background:linear-gradient(135deg,#4caf501a,#45a0490d);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.surname-link-overlay{cursor:pointer;left:50%;position:absolute;top:1in;transform:translateX(-50%);z-index:15}.surname-link-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 20px #0003;display:flex;gap:12px;min-width:200px;padding:15px 20px;transition:all .3s ease}.surname-link-content:hover{background:#fffffffa;border-color:#45a049;box-shadow:0 6px 25px #0000004d;transform:translateY(-3px) scale(1.05)}.surname-link-icon{font-size:1.5rem;transition:transform .3s ease}.surname-link-content:hover .surname-link-icon{transform:rotate(15deg) scale(1.1)}.surname-link-name{color:#2d5a2d;font-size:1.1rem;font-weight:700;margin-bottom:4px}.surname-link-hint{color:#666;font-size:.8rem;font-style:italic}.features-section{margin:0 auto;max-width:1200px;padding:80px 40px}.features-title{color:#2d5a2d;font-size:2.5rem;margin-bottom:50px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-title{color:#2d5a2d;font-size:1.3rem;margin-bottom:15px}.feature-description{color:#666;line-height:1.6}.user-navigation{margin:30px 0}.nav-card{background:#fff;border-left:4px solid #4caf50;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.nav-card h3{color:#2d5a2d;margin-bottom:15px}.primary-nav-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.primary-nav-btn:hover{background:#45a049;transform:translateY(-2px)}.quick-start-section{margin:40px 0}.surname-input-group{display:flex;gap:10px;margin-bottom:15px;max-width:500px}.surname-input{border:2px solid #c8e6c9;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.surname-input:focus{border-color:#4caf50;outline:none}.add-surname-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-surname-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.add-surname-btn:disabled{background:#ccc;cursor:not-allowed}.user-statistics{margin:0 auto;max-width:1200px;padding:60px 40px}.stats-title{color:#2d5a2d;font-size:2rem;margin-bottom:40px;text-align:center}.stats-grid-mini{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.stat-mini{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.stat-mini-number{color:#4caf50;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-mini-label{color:#666;font-size:.9rem}.social-proof{padding:40px 20px;text-align:center}.proof-text{color:#666;font-size:1.1rem;font-style:italic}.home-login-button{position:absolute;right:20px;top:20px;z-index:900}.login-btn-home{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #c8e6c9;border-radius:8px;color:#2d5a2d;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.login-btn-home:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.home-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-right:15px;padding:10px 20px;transition:background-color .3s}.home-button:hover{background-color:#388e3c}.error-message{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;display:flex;gap:10px;padding:10px 20px;position:fixed;right:10px;top:10px;z-index:1000}.error-dismiss-btn{background-color:#721c24;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.error-dismiss-btn:hover{background-color:#501418}.tree-3d-empty{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.full-page-loader{align-items:center;background:#0b0f14;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.spinner{animation:spin 1s linear infinite;border:5px solid #555;border-radius:50%;border-top-color:#4caf50;height:50px;width:50px}@media (max-width:1200px){.content-container{flex-direction:column}.main-content-area{flex:1 1;max-width:100%}.preview-pane{flex:1 1;margin-bottom:24px;max-height:none;position:static;width:100%}.content-row-three{grid-template-columns:repeat(2,1fr)}.hero-3d-tree .tree-3d-container{height:500px!important}.hero-2d-tree .tree-2d-interactive{height:500px}.stats-overview-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.family-dashboard{padding:0 16px}.compact-header{flex-direction:column;gap:10px;padding:15px 20px}.header-left,.header-right-compact{justify-content:center;width:100%}.toolbar-add-tree{flex-direction:column;gap:6px;max-width:300px;width:100%}.secondary-content-grid{gap:16px}.content-row-three,.secondary-content-grid{grid-template-columns:1fr}.hero-3d-tree .tree-3d-container{height:400px!important}.hero-2d-tree .tree-2d-interactive{height:400px}.timeline-item{flex:0 0 160px}.timeline-media{height:100px}.draggable-video-player{right:8px;top:60px;width:240px}.video-player-content video{height:150px}.splash-hero{gap:40px;grid-template-columns:1fr;padding:40px 20px;text-align:center}.hero-tree-container.right-justified{justify-content:center}.hero-tree.splash-tree-size{max-height:250px}.splash-title{font-size:2rem}.features-section{padding:40px 20px}.features-title{font-size:2rem}.photo-collage-border.double-row{max-width:400px;padding:40px 30px}.collage-side.bottom,.collage-side.top{height:40px}.collage-side.left,.collage-side.right{bottom:40px;top:40px;width:30px}.collage-row{height:20px}.collage-column{width:15px}.stats-overview-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-3d-tree .tree-3d-container{height:350px!important}.hero-2d-tree .tree-2d-interactive{height:350px}.timeline-item{flex:0 0 140px}.timeline-media{height:90px}.stat-card-compact{padding:8px}.stat-number-compact{font-size:18px}.stat-label-compact{font-size:10px}.photo-collage-border.double-row{max-width:320px;padding:30px 25px}.collage-side.bottom,.collage-side.top{height:30px}.collage-side.left,.collage-side.right{bottom:30px;top:30px;width:25px}.collage-row{height:15px}.collage-column{width:12px}.hero-tree.splash-tree-size{max-height:200px}.surname-link-overlay{top:.3in}.surname-link-content{min-width:160px;padding:10px 14px}.surname-link-name{font-size:.9rem}.stats-overview-compact{grid-template-columns:1fr}}@media (prefers-contrast:high){.collage-photo{border:1px solid #000}.photo-collage-border.double-row,.surname-link-content{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.collage-photo:hover{transform:none}.bg-leaf{animation:none}.feature-card:hover,.surname-link-content:hover,.timeline-item:hover{transform:none}}.preview-pane.time-capsule-prominent{background:linear-gradient(135deg,#fff9f0,#fff0e0);border:2px solid #d4a373;border-radius:20px;overflow:hidden;padding:0}.time-capsule-hero{background:linear-gradient(135deg,#c9a87b,#b58b4f);color:#fff;padding:24px 20px 16px;text-align:center}.capsule-hero-icon{animation:gentleFloat 3s ease-in-out infinite;font-size:48px;margin-bottom:8px}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.capsule-hero-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.capsule-hero-subtitle{font-size:12px;margin:0;opacity:.9}.capsule-stats-prominent{grid-gap:8px;background:#fff;border-bottom:1px solid #f0e0d0;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:16px}.capsule-stat-hero{background:#fef8f0;border-radius:12px;padding:8px;text-align:center}.stat-number-large{color:#b58b4f;display:block;font-size:28px;font-weight:800;line-height:1.2}.stat-label{color:#8b6b4f;font-size:11px;font-weight:500}.create-capsule-prominent{align-items:center;background:linear-gradient(135deg,#b58b4f,#9b6e3e);border:none;border-radius:40px;box-shadow:0 4px 12px #b58b4f4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin:16px;padding:14px;transition:all .3s ease;width:calc(100% - 32px)}.create-capsule-prominent:hover:not(:disabled){background:linear-gradient(135deg,#c9a87b,#b58b4f);box-shadow:0 8px 20px #b58b4f66;transform:translateY(-2px)}.create-capsule-prominent:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.featured-capsules{padding:0 16px 16px}.featured-title{align-items:center;color:#8b6b4f;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.capsule-list-prominent{display:flex;flex-direction:column;gap:10px}.capsule-card-prominent{align-items:center;background:#fff;border:1px solid #f0e0d0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.capsule-card-prominent:hover{border-color:#d4a373;box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.capsule-card-prominent.locked{border-left:4px solid #d4a373}.capsule-card-prominent.unlocked{border-left:4px solid #4caf50}.capsule-card-prominent.soon{animation:pulseBorder 2s ease-in-out infinite;background:linear-gradient(135deg,#fff8f0,#fff0e0)}@keyframes pulseBorder{0%,to{border-left-color:#d4a373}50%{border-left-color:#fa4}}.capsule-card-icon{font-size:28px;min-width:48px;text-align:center}.capsule-card-info{flex:1 1}.capsule-card-info h4{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.capsule-card-info p{color:#666;font-size:11px;margin:0 0 4px}.capsule-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.unlock-date{color:#b58b4f;font-size:10px;font-weight:500}.soon-badge{background:#fa4;border-radius:20px;color:#fff;font-size:9px;font-weight:600;padding:2px 6px}.capsule-inspiration{background:#fef8f0;border-bottom:1px solid #f0e0d0;border-top:1px solid #f0e0d0;padding:16px}.inspiration-quote{color:#8b6b4f;font-size:12px;font-style:italic;line-height:1.5;margin-bottom:8px;text-align:center}.inspiration-hint{color:#b58b4f;font-size:10px;text-align:center}.events-integrated{background:#fff;padding:16px}.events-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.events-header h4{color:#8b6b4f;font-size:13px;font-weight:600;margin:0}.event-input-mini{display:flex;gap:8px;margin-bottom:12px}.event-input-mini-field{flex:1 1}.event-date-mini,.event-input-mini-field{border:1px solid #f0e0d0;border-radius:8px;font-size:11px;padding:8px}.event-date-mini{width:100px}.add-event-mini{background:#b58b4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:8px 12px}.add-event-mini:hover:not(:disabled){background:#9b6e3e}.add-event-mini:disabled{background:#ccc;cursor:not-allowed}.events-mini-list{max-height:120px;overflow-y:auto}.event-mini-item{border-bottom:1px solid #f5f0ea;display:flex;font-size:11px;gap:8px;padding:6px 0}.event-mini-date{color:#b58b4f;font-weight:500;min-width:55px}.event-mini-title{color:#666}.compact-stats-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:2px}.compact-stats-container{background:linear-gradient(135deg,#fef9f0,#fff5e8);border:1px solid #e8e0d0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:12px 16px}.compact-stats-grid{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-around}.compact-stat-item{background:#ffffffb3;border-radius:12px;flex:1 1;min-width:70px;padding:6px 4px;text-align:center;transition:transform .2s}.compact-stat-item:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.compact-stat-icon{font-size:18px;margin-bottom:2px}.compact-stat-number{color:#2d5a2d;font-size:20px;font-weight:800;line-height:1.2}.compact-stat-label{color:#8b6b4f;font-size:10px;font-weight:500}.media-timeline-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000014;margin-bottom:8px;padding:8px 6px 6px}.timeline-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;padding:0 6px}.timeline-header,.timeline-title{align-items:center;display:flex;gap:8px}.timeline-title{color:#2d5a2d;font-size:18px;font-weight:700;margin:0}.media-count-badge{background:#e8f5e9;border-radius:20px;color:#2d5a2d;font-size:12px;font-weight:600;padding:2px 8px}.add-media-hint-btn{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.add-media-hint-btn:hover{background:#45a049;transform:translateY(-1px)}.timeline-controls{display:flex;gap:8px}.timeline-scroll-btn{align-items:center;background:#f0f7f0;border:1px solid #4caf50;border-radius:50%;color:#2d5a2d;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:34px;justify-content:center;transition:all .2s;width:34px}.timeline-scroll-btn:hover:not(.disabled){background:#4caf50;color:#fff}.timeline-scroll-btn.disabled{cursor:not-allowed;opacity:.3}.timeline-scroll-container{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-behavior:smooth}.timeline-scroll-container::-webkit-scrollbar{height:4px}.timeline-scroll-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.timeline-scroll-container::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.timeline-grid-compact{display:flex;gap:6px;width:-webkit-fit-content;width:fit-content}.timeline-media-card{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex:0 0 180px;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.timeline-media-card:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.02)}.timeline-media-thumb{background:#e0e0e0;display:block;height:130px;object-fit:cover;width:100%}.video-thumb{background:#1a1a2e;position:relative}.timeline-thumb-video{height:100%;object-fit:cover;width:100%}.play-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:50%;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:36px}.timeline-hint{color:#aaa;font-size:11px;font-style:italic;margin-top:2px;text-align:center}.timeline-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 10px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.timeline-empty{color:#999;padding:40px 10px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-hint{color:#bbb;font-size:12px;margin-top:4px}.media-preview-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9}.media-preview-modal{animation:scaleIn .2s ease;box-shadow:0 20px 40px #0006;max-width:90vw;overflow:hidden;width:380px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preview-close-btn{align-items:center;background:#0009;display:flex;font-size:20px;height:32px;justify-content:center;right:12px;top:12px;transition:all .2s;width:32px;z-index:10}.preview-close-btn:hover{background:#000c;transform:scale(1.05)}.preview-image,.preview-video{background:#000;height:280px;object-fit:cover;width:100%}.preview-info{align-items:center;background:#fff;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.preview-member{color:#2d5a2d;font-size:14px;font-weight:700}.preview-family{color:#8b6b4f;font-size:12px}.preview-title{color:#666;font-size:12px;margin-top:4px;width:100%;word-break:break-word}@media (max-width:768px){.compact-stats-grid{gap:6px}.compact-stat-item{min-width:55px;padding:4px 2px}.compact-stat-number{font-size:16px}.compact-stat-label{font-size:9px}.timeline-media-card{flex:0 0 140px}.timeline-media-thumb{height:100px}.media-preview-modal{width:320px}.preview-image,.preview-video{height:240px}}@media (max-width:480px){.timeline-media-card{flex:0 0 110px}.timeline-media-thumb{height:80px}.compact-stat-item{min-width:50px}.compact-stat-number{font-size:14px}.compact-stat-label{font-size:8px}}.layout-modal h2{font-weight:700}.layout-modal .close-btn{align-items:center;display:flex;justify-content:center}.layout-option{background:#fff}.layout-option:hover{box-shadow:0 4px 12px #0000001a}.layout-option h4{font-weight:600}@media (max-width:768px){.layout-modal{padding:24px;width:95%}}.layout-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.layout-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.layout-modal .modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.layout-modal h2{color:#2d5a2d;font-size:24px;margin:0}.layout-modal .close-btn{background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:36px;line-height:1;transition:all .2s;width:36px}.layout-modal .close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.layout-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.layout-option{border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.layout-option:hover{background:#f1f8f4;border-color:#4caf50;transform:translateY(-2px)}.layout-option.selected{background:#e8f5e9;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.layout-option h4{color:#2d5a2d;font-size:18px;margin:0 0 8px}.layout-option p{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.floating-video-container{display:none!important}.media-timeline{-webkit-overflow-scrolling:touch;overflow-y:auto}.media-timeline,.media-timeline-wrapper{max-height:400px}.calendar-widget{margin:0!important;padding:0!important;width:100%!important}.calendar-widget .calendar-header{padding:12px}.calendar-widget .calendar-grid{padding:8px}}.floating-video-container{position:relative}.close-video-btn{align-items:center;background:#000c;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:32px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:all .2s;width:32px;z-index:1000}.close-video-btn:hover{background:#dc3545f2;border-color:#fff9;transform:scale(1.15)}.recent-video-container{background:#000000e6;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0006;max-width:95vw;padding:16px;position:fixed;right:35px;width:350px}.video-player-wrapper{position:relative}.recent-video-container{position:relative;z-index:100}.event-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999!important}.event-modal{z-index:10000!important}.calendar-day.has-events{border:2px solid #667eea;font-weight:600}.event-dot{background:#667eea;border-radius:50%;display:inline-block;height:6px;margin:0 2px;width:6px}.branch-surname{background:#fffffff2;border:2px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#1a1a1a;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;padding:1px;transition:all .2s ease}.branch-surname:hover{background:#677eeaf2;color:#fff;transform:scale(1.05)}.dashboard-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:24px}@media (max-width:768px){.dashboard-content{gap:16px;grid-template-columns:1fr!important}.calendar-card{height:auto;min-height:400px;order:1}.gallery-card{order:2}}.media-preview-overlay{align-items:center;animation:fadeIn .3s;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.media-preview-modal{animation:slideUp .3s;background:#fff;border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.preview-close-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:absolute;right:16px;top:16px;transition:background .2s;width:40px;z-index:1}.preview-close-btn:hover{background:#000000b3}.preview-media{align-items:center;background:#000;border-radius:16px 16px 0 0;display:flex;justify-content:center;max-height:500px;min-height:300px;width:100%}.preview-image{height:auto;object-fit:contain}.preview-image,.preview-video{max-height:500px;width:100%}.preview-info{border-bottom:1px solid #eee;padding:24px;text-align:center}.preview-info h3{color:#333;font-size:24px;margin:0 0 8px}.preview-family{color:#666;font-size:16px;margin:0 0 8px}.preview-date{color:#999;font-size:14px;margin:0}.preview-actions{display:flex;gap:12px;justify-content:center;padding:24px}.preview-delete-btn{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.preview-delete-btn:hover{background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}@media (max-width:768px){.media-preview-modal{max-height:95vh;width:95%}.preview-info h3{font-size:20px}.preview-delete-btn{width:100%}}.fm-map-launch-btn{background:linear-gradient(135deg,#5a4a2a,#3d2f1a);border:1px solid #ffffff26;border-radius:8px;color:#f5f0e8;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.01em;padding:8px 14px;transition:all .2s;white-space:nowrap}.fm-map-launch-btn:hover{background:linear-gradient(135deg,#6b5a3a,#4d3f2a);box-shadow:0 3px 12px #5a4a2a66;transform:translateY(-1px)}.help-btn-compact{background:#ffffff1a;border:1px solid #4d4a4a26;border-radius:8px;color:#f3111126;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;transition:all .2s;white-space:nowrap}.help-btn-compact:hover{background:#fff3}.contextual-help-link{background:none;border:none;color:#9a8a78;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-size:11px;font-style:italic;padding:4px 0;text-decoration:underline;transition:color .15s}.contextual-help-link:hover{color:#b89a6a}.research-assistant-btn{background:linear-gradient(135deg,#b48c5026,#b48c500f);border:1px solid #b48c5040;border-radius:8px;color:#b48c50;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .2s;white-space:nowrap}.research-assistant-btn:hover{background:linear-gradient(135deg,#b48c5040,#b48c501f);border-color:#b48c5066}.research-assistant-panel{animation:raPanelSlide .25s cubic-bezier(.16,1,.3,1);bottom:0;box-shadow:-8px 0 40px #00000080;max-width:100vw;position:fixed;right:0;top:0;width:420px;z-index:9800}@keyframes raPanelSlide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.research-assistant-panel{animation:raPanelSlideUp .25s cubic-bezier(.16,1,.3,1);border-radius:20px 20px 0 0;height:75vh;overflow:hidden;top:auto;width:100vw}}@keyframes raPanelSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.photo-restore-btn{background:linear-gradient(135deg,#e8a8401f,#e8a8400f);border:1px solid #e8a84040;border-radius:8px;color:#e8a840;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .2s;white-space:nowrap}.photo-restore-btn:hover{background:linear-gradient(135deg,#e8a84038,#e8a8401f);border-color:#e8a84073}.tree-3d-container{background:#0000;border-radius:16px;box-shadow:0 8px 32px #00000026;height:600px;overflow:hidden;position:relative;width:100%}.tree-3d-canvas{height:100%;width:100%}.tree-3d-canvas,.tree-3d-empty{background:linear-gradient(135deg,#e8f4f8,#d4e8f0)}.tree-3d-empty{align-items:center;border-radius:16px;color:#2d5a2d;display:flex;flex-direction:column;height:400px;justify-content:center}.tree-3d-empty p{font-size:18px;margin:8px 0}.tree-3d-empty .hint{color:#888;font-size:14px}.member-details-panel{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:350px;min-width:280px;padding:24px;position:absolute;right:20px;top:20px;z-index:10}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.close-panel-btn{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.close-panel-btn:hover{background:#5568d3;transform:rotate(90deg)}.member-details-panel h3{color:#333;font-size:24px;margin:0 0 16px;padding-right:32px}.detail-item{color:#555;font-size:14px;line-height:1.6;margin:12px 0}.detail-item strong{color:#667eea;display:inline-block;min-width:100px}.detail-notes{background:#f5f7fa;border-left:4px solid #667eea;border-radius:8px;margin:16px 0;padding:12px}.detail-notes strong{color:#667eea;display:block;margin-bottom:8px}.detail-notes p{color:#555;font-size:14px;line-height:1.6;margin:0}.tree-controls-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:12px;bottom:20px;color:#fff;font-size:12px;left:20px;padding:12px 16px;position:absolute;z-index:10}.tree-controls-info p{align-items:center;display:flex;gap:8px;margin:4px 0}.tree-controls-info strong{color:gold}@media (max-width:768px){.tree-3d-container{height:500px}.member-details-panel{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.tree-controls-info{bottom:10px;font-size:10px;left:10px;padding:10px;right:10px}.tree-controls-info p{margin:3px 0}}.tree-3d-loading{align-items:center;color:#2d5a2d;display:flex;font-size:18px;height:100%;justify-content:center}.tree-3d-loading:after{animation:dots 1.5s steps(4) infinite;content:"..."}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.family-crest-container{margin:16px 0}.family-crest,.family-crest-container{align-items:center;display:flex;justify-content:center}.family-crest{height:100px;position:relative;transition:transform .3s ease;width:100px}.family-crest:hover{transform:scale(1.05)}.crest-initial{font-size:48px;font-weight:700;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:2}.crest-shield{background:linear-gradient(135deg,#8b4513,#d2691e 50%,#8b4513);border:3px solid gold;-webkit-clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);position:relative}.crest-shield:after,.crest-shield:before{content:"🌿";font-size:24px;opacity:.8;position:absolute;z-index:1}.crest-shield:before{left:-20px;top:50%;transform:translateY(-50%) rotate(-15deg)}.crest-shield:after{right:-20px;top:50%;transform:translateY(-50%) rotate(15deg)}.crest-shield .crest-initial{color:gold}.crest-circle{background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#1e3a8a);border:4px solid gold;border-radius:50%;box-shadow:0 0 20px #ffd70066,inset 0 0 20px #ffffff1a;position:relative}.crest-circle:after,.crest-circle:before{animation:sparkle 2s ease-in-out infinite;content:"⭐";font-size:20px;position:absolute;z-index:1}.crest-circle:before{left:50%;top:-15px;transform:translateX(-50%)}.crest-circle:after{animation-delay:1s;bottom:-15px;left:50%;transform:translateX(-50%)}@keyframes sparkle{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}.crest-circle .crest-initial{color:gold}.crest-diamond{background:linear-gradient(135deg,#7c3aed,#a78bfa 50%,#7c3aed);border:3px solid gold;box-shadow:0 0 20px #7c3aed66;position:relative;transform:rotate(45deg)}.crest-diamond:before{background:radial-gradient(circle,#ffd7001a 0,#0000 70%);border:2px solid #ffd7004d;content:"";height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.crest-diamond .crest-initial{color:gold;display:block;transform:rotate(-45deg)}.crest-crown{background:linear-gradient(135deg,#dc2626,#ef4444 50%,#dc2626);border:3px solid gold;box-shadow:0 4px 10px #dc262666;-webkit-clip-path:polygon(10% 25%,30% 10%,50% 0,70% 10%,90% 25%,85% 100%,15% 100%);clip-path:polygon(10% 25%,30% 10%,50% 0,70% 10%,90% 25%,85% 100%,15% 100%);position:relative}.crest-crown:before{animation:float 3s ease-in-out infinite;content:"👑";font-size:28px;left:50%;position:absolute;top:-25px;transform:translateX(-50%);z-index:1}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.crest-crown .crest-initial{color:gold;margin-top:10px}.crest-oak{background:linear-gradient(135deg,#065f46,#10b981 50%,#065f46);border:3px solid gold;border-radius:12px;box-shadow:0 4px 15px #10b98166;position:relative}.crest-oak:after,.crest-oak:before{content:"🍂";font-size:24px;opacity:.9;position:absolute;z-index:1}.crest-oak:before{animation:leafSway 3s ease-in-out infinite;left:-15px;top:-5px;transform:rotate(-25deg)}.crest-oak:after{animation:leafSway 3s ease-in-out infinite reverse;right:-15px;top:-5px;transform:rotate(25deg)}@keyframes leafSway{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-15deg)}}.crest-oak .crest-initial{color:gold}@media (max-width:480px){.family-crest{height:80px;width:80px}.crest-initial{font-size:36px}.crest-oak:after,.crest-oak:before,.crest-shield:after,.crest-shield:before{font-size:18px}}.instr-overlay{align-items:center;animation:instrFadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0804bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10500}@keyframes instrFadeIn{0%{opacity:0}to{opacity:1}}.instr-modal{animation:instrSlideUp .25s ease;background:#f5f0e8;border-radius:20px;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff1a;display:flex;height:90vh;max-height:680px;max-width:860px;overflow:hidden;width:100%}@keyframes instrSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.instr-sidebar{background:linear-gradient(180deg,#1a1208,#0f0a04);border-right:1px solid #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;width:220px}.instr-sidebar-header{border-bottom:1px solid #ffffff0f;padding:24px 20px 20px;text-align:center}.instr-sidebar-logo{font-size:32px;margin-bottom:6px}.instr-sidebar-brand{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:15px;font-weight:700;letter-spacing:.02em}.instr-sidebar-tagline{color:#6a5a48;font-family:"Source Serif 4",serif;font-size:10px;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.instr-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.instr-nav-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9a8a78;cursor:pointer;display:flex;font-family:"Source Serif 4",Georgia,serif;font-size:13px;gap:10px;padding:9px 12px;text-align:left;transition:all .2s;width:100%}.instr-nav-btn:hover{background:#ffffff0f;color:#f5f0e8}.instr-nav-btn.active{background:#b89a6a26;border-left:3px solid #b89a6a;color:#f5f0e8;padding-left:9px}.instr-nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.instr-nav-label{line-height:1.3}.instr-sidebar-footer{border-top:1px solid #ffffff0f;color:#4a3a28;font-family:"Source Serif 4",serif;font-size:11px;font-style:italic;line-height:1.5;padding:16px 16px 20px}.instr-contact-link{color:#8a7a68;display:inline-block;font-size:11px;font-style:normal;margin-top:4px;text-decoration:none;transition:color .15s}.instr-contact-link:hover{color:#b89a6a}.instr-content{background:#f5f0e8;display:flex;flex:1 1;flex-direction:column;min-width:0}.instr-content-header{align-items:flex-start;background:#f0ebe0;border-bottom:1px solid #e0d8c8;display:flex;gap:14px;padding:24px 28px 18px}.instr-section-icon{flex-shrink:0;font-size:36px;line-height:1;margin-top:2px}.instr-section-title{color:#2a1f0f;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700;line-height:1.1;margin:0 0 4px}.instr-section-subtitle{color:#7a6a55;font-family:"Source Serif 4",serif;font-size:13px;font-style:italic;margin:0}.instr-close-btn{align-items:center;background:#2a1f0f14;border:none;border-radius:50%;color:#7a6a55;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:36px;justify-content:center;line-height:1;margin-left:auto;transition:all .15s;width:36px}.instr-close-btn:hover{background:#2a1f0f26;color:#2a1f0f}.instr-steps-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 28px}.instr-step{animation:stepFadeIn .3s ease both;background:#fff;border:1px solid #e0d8c8;border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:box-shadow .2s}.instr-step:hover{box-shadow:0 2px 12px #2a1f0f14}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.instr-step-icon{flex-shrink:0;font-size:22px;line-height:1.4;text-align:center;width:32px}.instr-step-body{flex:1 1;min-width:0}.instr-step-title{color:#2a1f0f;font-family:Playfair Display,Georgia,serif;font-size:15px;font-weight:700;margin:0 0 5px}.instr-step-text{color:#4a3a28;font-size:13px;line-height:1.65;margin:0 0 8px}.instr-step-text,.instr-step-tip{font-family:"Source Serif 4",serif}.instr-step-tip{background:#faf7f0;border:1px solid #e8e0d0;border-left:3px solid #b89a6a;border-radius:0 6px 6px 0;color:#7a6a55;font-size:12px;font-style:italic;line-height:1.5;padding:6px 10px}.instr-tip-label{color:#8a7060;font-style:normal;font-weight:600}.instr-content-footer{align-items:center;background:#f0ebe0;border-top:1px solid #e0d8c8;display:flex;justify-content:space-between;padding:12px 28px}.instr-nav-arrow{background:none;border:1.5px solid #c8b898;border-radius:20px;color:#7a6a55;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-size:12px;max-width:200px;overflow:hidden;padding:7px 16px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.instr-nav-arrow:hover{background:#fff;border-color:#b89a6a;color:#2a1f0f}.instr-progress-dots{align-items:center;display:flex;gap:6px}.instr-dot{background:#c8b898;border-radius:50%;cursor:pointer;height:7px;transition:all .2s;width:7px}.instr-dot.active{background:#8b6b3d;transform:scale(1.3)}.instr-dot:hover:not(.active){background:#a89080}@media (max-width:640px){.instr-overlay{align-items:flex-end;padding:0}.instr-modal{border-radius:20px 20px 0 0;flex-direction:column;height:92vh;max-height:92vh;max-width:100%}.instr-sidebar{flex-shrink:0;max-height:140px;width:100%}.instr-sidebar-header{display:none}.instr-nav{flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px}.instr-nav-btn{align-items:center;flex-direction:column;flex-shrink:0;gap:3px;padding:6px 10px;white-space:nowrap}.instr-nav-label{font-size:10px}.instr-sidebar-footer{display:none}.instr-content-header{padding:16px 18px 14px}.instr-section-title{font-size:18px}.instr-steps-list{gap:12px;padding:14px 18px}.instr-step{padding:12px 14px}.instr-content-footer{padding:10px 18px}.instr-nav-arrow{font-size:11px;max-width:140px;padding:6px 12px}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--fm-parchment:#f5f0e8;--fm-parchment-dark:#ede5d0;--fm-bark:#8b6b3d;--fm-bark-dark:#6b4e2a;--fm-bark-light:#b89a6a;--fm-green:#5a8a3c;--fm-green-dark:#3d6228;--fm-green-light:#8ab86a;--fm-rust:#c0703e;--fm-blue:#4a7ab5;--fm-text:#2a1f0f;--fm-text-muted:#7a6a55;--fm-border:#c8b898;--fm-shadow:0 4px 20px #2a1f0f26;--fm-shadow-lg:0 8px 40px #2a1f0f40;--fm-radius:12px;--fm-radius-sm:7px;--fm-font-display:"Playfair Display",Georgia,serif;--fm-font-body:"Source Serif 4",Georgia,serif}.family-map-container{background:#f5f0e8;background:var(--fm-parchment);color:#2a1f0f;color:var(--fm-text);display:flex;flex-direction:column;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);inset:0;position:fixed;z-index:9000}.fm-topbar{background:linear-gradient(180deg,#3d2f1a,#2a1f0f);border-bottom:3px solid #8b6b3d;border-bottom:3px solid var(--fm-bark);box-shadow:0 2px 16px #0006;flex-shrink:0;height:62px;justify-content:space-between;padding:0 20px}.fm-topbar,.fm-topbar-left{align-items:center;display:flex;gap:16px}.fm-topbar-left{flex:0 0 auto}.fm-topbar-center{display:flex;flex:1 1;justify-content:center}.fm-topbar-right{align-items:center;display:flex;flex:0 0 auto;gap:10px;max-width:100%;overflow-x:auto;scrollbar-width:none}.fm-topbar-right::-webkit-scrollbar{display:none}.fm-back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:7px;border-radius:var(--fm-radius-sm);color:#f5f0e8;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;padding:8px 16px;transition:all .2s;white-space:nowrap}.fm-back-btn:hover{background:#fff3;border-color:#fff6}.fm-title,.fm-title-wrap{align-items:center;display:flex}.fm-title{color:#f5f0e8;cursor:pointer;font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:20px;font-weight:700;gap:8px;letter-spacing:.01em;margin:0;white-space:nowrap}.fm-title:hover .fm-title-edit-hint{opacity:1}.fm-title-edit-hint{color:#b89a6a;color:var(--fm-bark-light);font-size:12px;opacity:0;transition:opacity .2s}.fm-title-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:7px;border-radius:var(--fm-radius-sm);color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:20px;font-weight:700;outline:none;padding:4px 12px;width:280px}.fm-save-status{border-radius:20px;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:12px;font-style:italic;padding:4px 10px}.fm-save-status.saved{color:#8ab86a}.fm-save-status.saving{color:#e6c87a}.fm-save-status.unsaved{color:#e09060}.fm-tool-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:7px;border-radius:var(--fm-radius-sm);color:#ee6767;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:12px;padding:7px 14px;transition:all .2s;white-space:nowrap}.fm-tool-btn.help-btn{background:#ffffff24;border-color:#ffffff40;color:#f5f0e8;font-weight:700;letter-spacing:.02em}.fm-tool-btn:hover{background:#fff3}.fm-stats-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;gap:4px;padding:5px 16px}.fm-stat,.fm-stats-bar{align-items:center;display:flex}.fm-stat{flex-direction:column;padding:0 12px}.fm-stat-num{color:#b89a6a;color:var(--fm-bark-light);font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:18px;font-weight:700;line-height:1.1}.fm-stat-label{color:#f5f0e880;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.fm-stat-divider{background:#ffffff1f;height:28px;width:1px}.fm-canvas-wrap{flex:1 1;overflow:hidden;position:relative}.fm-canvas-wrap .react-flow__background{background-color:#f5f0e8!important;background-color:var(--fm-parchment)!important}.fm-controls{background:#fff!important;border:1px solid #c8b898!important;border:1px solid var(--fm-border)!important;border-radius:7px!important;border-radius:var(--fm-radius-sm)!important;box-shadow:0 4px 20px #2a1f0f26!important;box-shadow:var(--fm-shadow)!important}.fm-controls button{border-bottom:1px solid #c8b898!important;border-bottom:1px solid var(--fm-border)!important;color:#8b6b3d!important;color:var(--fm-bark)!important}.fm-minimap{background:#ede5d0!important;background:var(--fm-parchment-dark)!important;border:1px solid #c8b898!important;border:1px solid var(--fm-border)!important;border-radius:7px!important;border-radius:var(--fm-radius-sm)!important;box-shadow:0 4px 20px #2a1f0f26!important;box-shadow:var(--fm-shadow)!important}.fm-toolbar-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #c8b898;border:1px solid var(--fm-border);border-radius:12px;border-radius:var(--fm-radius);box-shadow:0 4px 20px #2a1f0f26;box-shadow:var(--fm-shadow);display:flex;flex-direction:column;gap:6px;padding:12px}.fm-action-btn{border:1.5px solid #0000;border-radius:7px;border-radius:var(--fm-radius-sm);cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;font-weight:600;padding:9px 16px;text-align:left;transition:all .2s;white-space:nowrap}.fm-action-btn.primary{background:#8b6b3d;background:var(--fm-bark);border-color:#6b4e2a;border-color:var(--fm-bark-dark);color:#fff}.fm-action-btn.primary:hover{background:#6b4e2a;background:var(--fm-bark-dark);box-shadow:0 3px 10px #8b6b3d66;transform:translateY(-1px)}.fm-action-btn.primary.large{font-size:15px;padding:12px 24px}.fm-action-btn:not(.primary){background:#fff;border-color:#c8b898;border-color:var(--fm-border);color:#2a1f0f;color:var(--fm-text)}.fm-action-btn:not(.primary):hover{background:#f5f0e8;background:var(--fm-parchment);border-color:#b89a6a;border-color:var(--fm-bark-light)}.fm-action-btn.active{background:#5a8a3c;background:var(--fm-green);border-color:#3d6228;border-color:var(--fm-green-dark);color:#fff}.fm-action-btn.danger{background:#c0503e;border-color:#a03528;color:#fff}.fm-action-btn:disabled{cursor:not-allowed;opacity:.4}.person-node{background:#fff;border:2px solid #c8b898;border:2px solid var(--fm-border);border-radius:12px;border-radius:var(--fm-radius);box-shadow:0 2px 12px #2a1f0f1f;cursor:pointer;max-width:160px;min-width:140px;position:relative;transition:all .2s}.person-node:hover{border-color:#8b6b3d;border-color:var(--fm-bark);box-shadow:0 4px 20px #8b6b3d40;transform:translateY(-2px)}.person-node.deceased{background:#f5f0f5;border-color:#b0a0b8;opacity:.88}.person-node.has-tree{border-color:#5a8a3c;border-color:var(--fm-green)}.person-node.has-tree:hover{border-color:#3d6228;border-color:var(--fm-green-dark);box-shadow:0 4px 20px #5a8a3c4d}.person-node.selected{border-color:#8b6b3d;border-color:var(--fm-bark);box-shadow:0 0 0 3px #8b6b3d40,0 4px 20px #8b6b3d33}.person-node-inner{align-items:center;display:flex;flex-direction:column;gap:6px;padding:10px 10px 8px}.person-photo-wrap{flex-shrink:0;height:52px;position:relative;width:52px}.person-photo,.person-photo-placeholder{border:2px solid #c8b898;border:2px solid var(--fm-border);border-radius:50%;height:52px;object-fit:cover;width:52px}.person-photo-placeholder{background:#f5f0e8;background:var(--fm-parchment);border-style:dashed;font-size:26px}.deceased-overlay,.person-photo-placeholder{align-items:center;display:flex;justify-content:center}.deceased-overlay{background:#8a7a9a;border:1.5px solid #fff;border-radius:50%;color:#fff;font-size:10px;height:18px;position:absolute;right:-4px;top:-4px;width:18px}.tree-link-badge{bottom:-4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:14px;position:absolute;right:-4px}.person-info{text-align:center;width:100%}.person-name{color:#2a1f0f;color:var(--fm-text);font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:13px;font-weight:600;line-height:1.2;word-break:break-word}.person-years{color:#7a6a55;color:var(--fm-text-muted);font-size:11px;font-style:italic;margin-top:2px}.no-dates{color:#c8b898;color:var(--fm-border)}.person-relation{background:#f5f0e8;background:var(--fm-parchment);border-radius:10px;color:#8b6b3d;color:var(--fm-bark);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;margin-top:3px;padding:1px 6px;text-transform:uppercase}.view-tree-btn{background:#5a8a3c;background:var(--fm-green);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:10px;font-weight:600;margin-top:2px;padding:3px 10px;transition:all .2s}.view-tree-btn:hover{background:#3d6228;background:var(--fm-green-dark)}.node-handle{background:#8b6b3d!important;background:var(--fm-bark)!important;border:2px solid #fff!important;height:10px!important;transition:transform .15s!important;width:10px!important}.node-handle:hover{transform:scale(1.4)!important}.couple-node{align-items:center;background:#ffffffe6;border:2px solid #c0703e;border:2px solid var(--fm-rust);border-radius:50%;box-shadow:0 2px 8px #c0703e33;cursor:pointer;display:flex;flex-direction:column;height:42px;justify-content:center;width:42px}.couple-heart{font-size:16px}.marriage-year{color:#c0703e;color:var(--fm-rust);font-size:8px;font-style:italic;white-space:nowrap}.fm-empty-hint{pointer-events:none}.fm-empty-hint>*{pointer-events:auto}.fm-empty-state{background:#fffcf5f5;border:2px dashed #c8b898;border:2px dashed var(--fm-border);border-radius:20px;box-shadow:0 4px 20px #2a1f0f26;box-shadow:var(--fm-shadow);max-width:480px;padding:40px 48px;text-align:center}.fm-empty-icon{font-size:56px;margin-bottom:12px}.fm-empty-state h2{color:#2a1f0f;color:var(--fm-text);font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:22px;margin:0 0 8px}.fm-empty-state p{color:#7a6a55;color:var(--fm-text-muted);font-size:14px;line-height:1.6;margin:0 0 20px}.fm-empty-tips{display:flex;flex-direction:column;gap:6px;margin-top:20px;text-align:left}.fm-tip{background:#f5f0e8;background:var(--fm-parchment);border-radius:7px;border-radius:var(--fm-radius-sm);color:#7a6a55;color:var(--fm-text-muted);font-size:12px;line-height:1.4;padding:6px 10px}.fm-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf5eb;border:1px solid #c8b898;border:1px solid var(--fm-border);border-radius:12px;border-radius:var(--fm-radius);box-shadow:0 4px 20px #2a1f0f26;box-shadow:var(--fm-shadow);min-width:160px;padding:10px 14px}.fm-legend-title{color:#7a6a55;color:var(--fm-text-muted);font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.fm-legend-item{align-items:center;color:#2a1f0f;color:var(--fm-text);display:flex;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:11px;gap:8px;margin-bottom:5px}.legend-tree-badge{font-size:14px;text-align:center;width:32px}.legend-deceased{color:#8a7a9a;font-size:12px;text-align:center;width:32px}.fm-rel-panel-wrap{position:absolute;right:20px;top:20px;width:320px;z-index:100}.fm-rel-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf5f7;border:1px solid #c8b898;border:1px solid var(--fm-border);border-radius:12px;border-radius:var(--fm-radius);box-shadow:0 8px 40px #2a1f0f40;box-shadow:var(--fm-shadow-lg);padding:16px}.fm-rel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.fm-rel-header h3{color:#2a1f0f;color:var(--fm-text);font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:16px;font-weight:700;margin:0}.fm-rel-header button{background:none;border:none;color:#7a6a55;color:var(--fm-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:0}.fm-rel-type-tabs{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.fm-rel-tab{background:#fff;border:1.5px solid #c8b898;border:1.5px solid var(--fm-border);border-radius:7px;border-radius:var(--fm-radius-sm);color:#2a1f0f;color:var(--fm-text);cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:12px;font-weight:600;padding:8px 12px;text-align:left;transition:all .2s}.fm-rel-tab.active{background:#8b6b3d;background:var(--fm-bark);border-color:#6b4e2a;border-color:var(--fm-bark-dark);color:#fff}.fm-rel-tab:hover:not(.active){background:#f5f0e8;background:var(--fm-parchment);border-color:#b89a6a;border-color:var(--fm-bark-light)}.fm-rel-selects{display:flex;flex-direction:column;gap:8px}.fm-rel-arrow{color:#8b6b3d;color:var(--fm-bark);font-size:18px;font-weight:700;text-align:center}.fm-rel-add-btn{background:#5a8a3c;background:var(--fm-green);border:none;border-radius:7px;border-radius:var(--fm-radius-sm);color:#fff;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:14px;font-weight:600;margin-top:12px;padding:10px;transition:all .2s;width:100%}.fm-rel-add-btn:hover{background:#3d6228;background:var(--fm-green-dark);transform:translateY(-1px)}.fm-person-sidebar{animation:sidebarSlideIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf5f7;border-left:1px solid #c8b898;border-left:1px solid var(--fm-border);bottom:0;box-shadow:-4px 0 20px #2a1f0f1a;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:280px;z-index:50}@keyframes sidebarSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.fm-sidebar-header{align-items:center;background:#ede5d0;background:var(--fm-parchment-dark);border-bottom:1px solid #c8b898;border-bottom:1px solid var(--fm-border);display:flex;justify-content:space-between;padding:16px 20px}.fm-sidebar-header h3{color:#2a1f0f;color:var(--fm-text);font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:17px;font-weight:700;margin:0}.fm-sidebar-header button{background:none;border:none;color:#7a6a55;color:var(--fm-text-muted);cursor:pointer;font-size:22px;line-height:1;padding:0;transition:color .15s}.fm-sidebar-header button:hover{color:#2a1f0f;color:var(--fm-text)}.fm-sidebar-body{flex:1 1;overflow-y:auto;padding:20px}.fm-sidebar-photo{border:1px solid #c8b898;border:1px solid var(--fm-border);border-radius:7px;border-radius:var(--fm-radius-sm);margin-bottom:16px;max-height:200px;object-fit:cover;width:100%}.fm-sidebar-details{display:flex;flex-direction:column;gap:10px}.fm-detail-row{align-items:flex-start;border-bottom:1px solid #ede5d0;border-bottom:1px solid var(--fm-parchment-dark);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.fm-detail-label{color:#7a6a55;color:var(--fm-text-muted);font-size:11px;font-style:italic;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fm-detail-notes{display:flex;flex-direction:column;font-size:13px;gap:4px}.fm-detail-notes p{background:#f5f0e8;background:var(--fm-parchment);border-left:3px solid #b89a6a;border-left:3px solid var(--fm-bark-light);border-radius:7px;border-radius:var(--fm-radius-sm);color:#2a1f0f;color:var(--fm-text);font-style:italic;line-height:1.6;margin:0;padding:8px 12px}.fm-sidebar-tree-link{background:#5a8a3c14;border:1px solid #5a8a3c40;border-radius:7px;border-radius:var(--fm-radius-sm);color:#3d6228;color:var(--fm-green-dark);display:flex;flex-direction:column;font-size:13px;gap:6px;padding:10px 12px}.fm-view-tree-sidebar{align-self:flex-start;background:#5a8a3c;background:var(--fm-green);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:12px;font-weight:600;padding:5px 14px;transition:all .2s}.fm-view-tree-sidebar:hover{background:#3d6228;background:var(--fm-green-dark)}.fm-sidebar-footer{border-top:1px solid #c8b898;border-top:1px solid var(--fm-border);padding:14px 20px}.fm-edit-sidebar-btn{background:#8b6b3d;background:var(--fm-bark);border:none;border-radius:7px;border-radius:var(--fm-radius-sm);color:#fff;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;font-weight:600;padding:9px;transition:all .2s;width:100%}.fm-edit-sidebar-btn:hover{background:#6b4e2a;background:var(--fm-bark-dark)}.fm-modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a1f0f8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fm-modal{animation:modalSlideUp .2s ease;background:#f5f0e8;background:var(--fm-parchment);border:1px solid #c8b898;border:1px solid var(--fm-border);border-radius:20px;box-shadow:0 8px 40px #2a1f0f40;box-shadow:var(--fm-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fm-modal-header{align-items:center;background:linear-gradient(135deg,#3d2f1a,#2a1f0f);border-radius:18px 18px 0 0;color:#fff;display:flex;justify-content:space-between;padding:18px 24px}.fm-modal-header h2{font-family:Playfair Display,Georgia,serif;font-family:var(--fm-font-display);font-size:18px;font-weight:700;letter-spacing:.01em;margin:0}.fm-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .15s;width:32px}.fm-close-btn:hover{background:#ffffff4d}.fm-modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:22px 24px}.fm-photo-section{align-items:center;border-bottom:1px solid #c8b898;border-bottom:1px solid var(--fm-border);display:flex;gap:16px;padding-bottom:14px}.fm-photo-preview{border:2px solid #c8b898;border:2px solid var(--fm-border);border-radius:50%;flex-shrink:0;height:72px;overflow:hidden;width:72px}.fm-photo-preview img{height:100%;object-fit:cover;width:100%}.fm-photo-placeholder{align-items:center;background:#ede5d0;background:var(--fm-parchment-dark);display:flex;font-size:36px;height:100%;justify-content:center;width:100%}.fm-photo-upload-btn{background:#fff;border:1.5px solid #c8b898;border:1.5px solid var(--fm-border);border-radius:7px;border-radius:var(--fm-radius-sm);color:#8b6b3d;color:var(--fm-bark);cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.fm-photo-upload-btn:hover{background:#f5f0e8;background:var(--fm-parchment);border-color:#8b6b3d;border-color:var(--fm-bark)}.fm-field-row{display:flex;gap:12px}.fm-field{display:flex;flex:1 1;flex-direction:column;gap:5px}.fm-field-sm{flex:0 0 120px}.fm-field label{color:#7a6a55;color:var(--fm-text-muted);font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fm-field input[type=number],.fm-field input[type=text],.fm-field select,.fm-field textarea{background:#fff;border:1.5px solid #c8b898;border:1.5px solid var(--fm-border);border-radius:7px;border-radius:var(--fm-radius-sm);box-sizing:border-box;color:#2a1f0f;color:var(--fm-text);font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:14px;padding:9px 12px;transition:border-color .15s;width:100%}.fm-field input:focus,.fm-field select:focus,.fm-field textarea:focus{border-color:#8b6b3d;border-color:var(--fm-bark);box-shadow:0 0 0 3px #8b6b3d1a;outline:none}.fm-field textarea{min-height:80px;resize:vertical}.fm-hint{color:#7a6a55;color:var(--fm-text-muted);font-size:11px;font-style:italic;line-height:1.4}.fm-modal-footer{align-items:center;background:#ede5d0;background:var(--fm-parchment-dark);border-radius:0 0 18px 18px;border-top:1px solid #c8b898;border-top:1px solid var(--fm-border);display:flex;justify-content:space-between;padding:16px 24px}.fm-footer-right{display:flex;gap:8px}.fm-cancel-btn{background:#fff;border:1.5px solid #c8b898;border:1.5px solid var(--fm-border);border-radius:7px;border-radius:var(--fm-radius-sm);color:#7a6a55;color:var(--fm-text-muted);cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.fm-cancel-btn:hover{background:#f5f0e8;background:var(--fm-parchment);color:#2a1f0f;color:var(--fm-text)}.fm-save-btn{background:#8b6b3d;background:var(--fm-bark);border:none;border-radius:7px;border-radius:var(--fm-radius-sm);color:#fff;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;font-weight:700;padding:9px 22px;transition:all .2s}.fm-save-btn:hover:not(:disabled){background:#6b4e2a;background:var(--fm-bark-dark);box-shadow:0 3px 10px #8b6b3d59;transform:translateY(-1px)}.fm-save-btn:disabled{cursor:not-allowed;opacity:.4}.fm-delete-btn{background:#fff;border:1.5px solid #d0504a;border-radius:7px;border-radius:var(--fm-radius-sm);color:#d0504a;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:13px;font-weight:600;padding:9px 16px;transition:all .2s}.fm-delete-btn:hover{background:#d0504a;color:#fff}@media (max-width:768px){.fm-topbar{flex-wrap:wrap;gap:8px;height:auto;padding:10px 12px}.fm-topbar-center{justify-content:flex-start;order:3;width:100%}.fm-stats-bar{justify-content:center;width:100%}.fm-title{font-size:16px}.fm-person-sidebar{animation:sidebarSlideUpMobile .25s ease;border-left:none;border-radius:20px 20px 0 0;border-top:1px solid #c8b898;border-top:1px solid var(--fm-border);bottom:0;height:55%;left:0;right:0;top:auto;width:100%}@keyframes sidebarSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fm-rel-panel-wrap{bottom:0;left:0;right:0;top:auto;width:100%}.fm-modal{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:92vh;max-width:100%;position:absolute;right:0}.fm-modal-overlay{align-items:flex-end;padding:0}.fm-field-row{flex-direction:column}.fm-field-sm{flex:1 1}}.fm-tool-btn.timeline-btn{background:#4a352099;border-color:#b89a6a4d}.fm-tool-btn.timeline-btn:hover{background:#4a3520e6;border-color:#b89a6a}.fm-readonly-badge{background:#4a7ab526;border:1px solid #4a7ab54d;border-radius:8px;color:#8ab0d8;font-family:"Source Serif 4",Georgia,serif;font-family:var(--fm-font-body);font-size:12px;font-weight:600;padding:8px 14px}.ai-narrative-btn{background:linear-gradient(135deg,#c8973a1f,#c8973a0f);border:1px solid #c8973a40;border-radius:20px;color:#c8973a;cursor:pointer;font-family:Georgia,serif;font-size:12px;font-weight:600;letter-spacing:.02em;margin-top:8px;padding:5px 14px;transition:all .2s}.ai-narrative-btn:hover{background:linear-gradient(135deg,#c8973a38,#c8973a1f);border-color:#c8973a80;box-shadow:0 3px 12px #c8973a33;transform:translateY(-1px)}.start-tree-hint{animation:startTreePulse 2.5s ease-in-out infinite;background:#c8973a1a;border:1px dashed #c8973a59;border-radius:20px;color:#b8923a;font-size:10px;font-weight:600;letter-spacing:.02em;margin-top:6px;padding:3px 10px;text-align:center}@keyframes startTreePulse{0%,to{opacity:.6}50%{opacity:1}}.person-node:hover .start-tree-hint{background:#c8973a2e;border-color:#c8973a99;color:#c8973a}.fm-start-tree-banner{align-items:center;background:linear-gradient(135deg,#c8973a1a,#c8973a0a);border:1.5px solid #c8973a4d;border-radius:12px;display:flex;gap:14px;justify-content:space-between;margin:4px 24px 0;padding:14px 16px}.fm-start-tree-text{align-items:center;display:flex;gap:12px}.fm-start-tree-icon{flex-shrink:0;font-size:24px}.fm-start-tree-title{color:#2a1f0f;font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:700;margin-bottom:2px}.fm-start-tree-sub{color:#7a6a55;font-size:12px;font-style:italic}.fm-start-tree-btn{background:linear-gradient(135deg,#c8973a,#a07028);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:700;padding:10px 18px;transition:all .2s;white-space:nowrap}.fm-start-tree-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0a840,#c8973a);box-shadow:0 4px 14px #c8973a66;transform:translateY(-1px)}.fm-start-tree-btn:disabled{cursor:not-allowed;opacity:.6}.fm-linked-tree-banner{align-items:center;background:#5a8a3c14;border:1px solid #5a8a3c33;border-radius:10px;color:#4a7a34;display:flex;font-size:13px;font-style:italic;gap:10px;margin:4px 24px 0;padding:10px 16px}.fm-start-tree-toast{align-items:center;animation:toastSlideUp .3s cubic-bezier(.16,1,.3,1);background:#1a1208;border:1px solid #c8973a4d;border-radius:14px;bottom:24px;box-shadow:0 16px 48px #0006;display:flex;gap:14px;left:50%;max-width:90vw;padding:14px 18px;position:fixed;transform:translateX(-50%);z-index:13000}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.fm-toast-icon{flex-shrink:0;font-size:28px}.fm-toast-content{min-width:0}.fm-toast-title{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:700;white-space:nowrap}.fm-toast-sub{color:#9a8a78;font-size:12px;font-style:italic;margin-top:2px}.fm-toast-view-btn{background:linear-gradient(135deg,#c8973a,#a07028);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s;white-space:nowrap}.fm-toast-view-btn:hover{background:linear-gradient(135deg,#e0a840,#c8973a)}.fm-toast-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#7a6a55;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:26px;justify-content:center;transition:all .15s;width:26px}.fm-toast-close:hover{background:#ffffff1f;color:#f5f0e8}@media (max-width:560px){.fm-start-tree-banner{align-items:stretch;flex-direction:column;gap:10px;margin:4px 16px 0}.fm-start-tree-btn{width:100%}.fm-start-tree-toast{bottom:16px;flex-wrap:wrap;left:16px;max-width:calc(100vw - 32px);right:16px;transform:none}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.tl-container{background:#1a1208;color:#f5f0e8;display:flex;flex-direction:column;font-family:"Source Serif 4",Georgia,serif;inset:0;overflow:hidden;position:fixed;z-index:9500}.tl-header{background:linear-gradient(180deg,#0f0a04,#1a1208);border-bottom:2px solid #4a3520;box-shadow:0 2px 20px #0009;flex-wrap:wrap;gap:20px;height:64px;justify-content:space-between;padding:0 20px}.tl-header,.tl-header-left{align-items:center;display:flex;flex-shrink:0}.tl-header-left{gap:16px}.tl-close-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;color:#c8b898;cursor:pointer;font-family:"Source Serif 4",serif;font-size:13px;padding:7px 14px;transition:all .2s;white-space:nowrap}.tl-close-btn:hover{background:#ffffff26;color:#f5f0e8}.tl-title{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;letter-spacing:.01em;margin:0;white-space:nowrap}.tl-subtitle{color:#6a5a48;font-size:12px;font-style:italic;white-space:nowrap}.tl-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tl-search-wrap{align-items:center;display:flex;position:relative}.tl-search-icon{font-size:13px;left:10px;pointer-events:none;position:absolute;z-index:1}.tl-search{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;color:#f5f0e8;font-family:"Source Serif 4",serif;font-size:13px;padding:7px 30px 7px 32px;transition:all .2s;width:180px}.tl-search::placeholder{color:#6a5a48}.tl-search:focus{background:#ffffff1a;border-color:#b89a6a;outline:none;width:220px}.tl-search-clear{background:none;border:none;color:#6a5a48;cursor:pointer;font-size:16px;line-height:1;padding:0;position:absolute;right:10px;transition:color .15s}.tl-search-clear:hover{color:#f5f0e8}.tl-gen-filters{align-items:center;display:flex;gap:4px}.tl-gen-filter-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#9a8a78;cursor:pointer;font-family:"Source Serif 4",serif;font-size:11px;font-weight:600;padding:5px 12px;transition:all .2s;white-space:nowrap}.tl-gen-filter-btn:hover{background:#ffffff1a;color:#f5f0e8}.tl-gen-filter-btn.active{background:#4a3520;border-color:#b89a6a;color:#f5f0e8}.tl-toggle-label{align-items:center;color:#9a8a78;cursor:pointer;display:flex;font-size:12px;gap:6px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tl-toggle-label input[type=checkbox]{accent-color:#b89a6a;cursor:pointer;height:14px;width:14px}.tl-scroll-wrap{flex:1 1;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#4a3520 #0f0a04;scrollbar-width:thin}.tl-scroll-wrap::-webkit-scrollbar{height:8px;width:8px}.tl-scroll-wrap::-webkit-scrollbar-track{background:#0f0a04}.tl-scroll-wrap::-webkit-scrollbar-thumb{background:#4a3520;border-radius:4px}.tl-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#6a5030}.tl-svg{cursor:default;display:block}.tl-person-group{transition:opacity .15s}.tl-person-group:hover{opacity:.9}.tl-no-dates-section{background:#0f0a04;border-top:1px solid #4a3520;padding:16px 20px}.tl-no-dates-title{color:#9a8a78;font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 10px}.tl-no-dates-list{display:flex;flex-wrap:wrap;gap:8px}.tl-no-date-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-left:3px solid #b89a6a;border-radius:8px;cursor:pointer;display:flex;gap:8px;min-width:180px;padding:6px 10px 6px 8px;transition:all .2s}.tl-no-date-card:hover{background:#ffffff14}.tl-no-date-card.selected{background:#b89a6a26;border-color:#b89a6a}.tl-no-date-photo{align-items:center;background:#ffffff0d;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;overflow:hidden;width:32px}.tl-no-date-photo img{height:100%;object-fit:cover;width:100%}.tl-no-date-info{flex:1 1;min-width:0}.tl-no-date-name{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-no-date-gen{font-size:10px;font-style:italic;margin-top:1px}.tl-no-date-tree{background:#5a8a3c33;border:1px solid #5a8a3c4d;border-radius:20px;color:#8ab86a;cursor:pointer;font-family:"Source Serif 4",serif;font-size:10px;padding:3px 8px;transition:all .2s;white-space:nowrap}.tl-no-date-tree:hover{background:#5a8a3c59}.tl-detail-bar{align-items:center;animation:detailSlideUp .2s ease;background:linear-gradient(90deg,#2a1f0f,#1a1208);border-top:2px solid #4a3520;display:flex;flex-shrink:0;gap:14px;padding:10px 20px}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tl-detail-photo{align-items:center;border:2px solid #4a3520;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.tl-detail-photo img{height:100%;object-fit:cover;width:100%}.tl-detail-emoji{font-size:24px}.tl-detail-info{flex:1 1;min-width:0}.tl-detail-name{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:700}.tl-detail-meta{color:#9a8a78;font-size:12px;font-style:italic;margin-top:2px}.tl-detail-gen{color:#b89a6a}.tl-detail-notes{color:#7a6a55;font-size:12px;font-style:italic;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-detail-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.tl-detail-tree-btn{background:#3d6228;border:none;border-radius:20px;color:#f5f0e8;cursor:pointer;font-family:"Source Serif 4",serif;font-size:12px;font-weight:600;padding:7px 16px;transition:all .2s;white-space:nowrap}.tl-detail-tree-btn:hover{background:#4d7a34;transform:translateY(-1px)}.tl-detail-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#9a8a78;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;transition:all .15s;width:32px}.tl-detail-close:hover{background:#ffffff1f;color:#f5f0e8}.tl-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.tl-empty-icon{font-size:56px;opacity:.4}.tl-empty h3{color:#9a8a78;font-family:Playfair Display,Georgia,serif;font-size:20px;margin:0}.tl-empty p{color:#6a5a48;font-size:14px;font-style:italic;line-height:1.6;margin:0;max-width:360px}@media (max-width:768px){.tl-header{align-items:flex-start;flex-direction:column;gap:8px;height:auto;padding:10px 12px}.tl-header-controls{gap:8px;width:100%}.tl-search{width:140px}.tl-search:focus{width:160px}.tl-title{font-size:16px}.tl-gen-filters{overflow-x:auto;padding-bottom:2px}.tl-detail-bar{flex-wrap:wrap;gap:8px}.tl-detail-notes{display:none}}.sml-overlay{align-items:center;animation:smlFadeIn .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0804b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:11000}@keyframes smlFadeIn{0%{opacity:0}to{opacity:1}}.sml-modal{animation:smlSlideUp .22s ease;background:#1a1208;border:1px solid #4a3520;border-radius:20px;box-shadow:0 32px 80px #000000b3,0 0 0 1px #b89a6a1a;display:flex;flex-direction:column;max-width:520px;overflow:hidden;width:100%}@keyframes smlSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sml-header{align-items:center;background:linear-gradient(135deg,#2a1f0f,#1a1208);border-bottom:1px solid #3a2a18;display:flex;gap:14px;padding:22px 24px 18px}.sml-header-icon{flex-shrink:0;font-size:32px}.sml-header-text{flex:1 1}.sml-header-text h2{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:700;letter-spacing:.01em;margin:0 0 3px}.sml-header-text p{color:#7a6a55;font-family:"Source Serif 4",serif;font-size:12px;font-style:italic;margin:0}.sml-close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;color:#7a6a55;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:34px;justify-content:center;transition:all .15s;width:34px}.sml-close-btn:hover{background:#ffffff1f;color:#f5f0e8}.sml-body{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding:20px 24px;scrollbar-color:#4a3520 #1a1208;scrollbar-width:thin}.sml-section-title{color:#6a5a48;font-family:Playfair Display,Georgia,serif;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.sml-mode-cards,.sml-mode-section{display:flex;flex-direction:column}.sml-mode-cards{gap:8px}.sml-mode-card{align-items:center;background:#ffffff08;border:1.5px solid #ffffff12;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.sml-mode-card:hover{background:#ffffff0f;border-color:#b89a6a33}.sml-mode-card.active{background:#b89a6a1a;border-color:#b89a6a}.sml-mode-icon{flex-shrink:0;font-size:20px;text-align:center;width:28px}.sml-mode-info{flex:1 1}.sml-mode-name{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:600;margin-bottom:2px}.sml-mode-desc{color:#6a5a48;font-family:"Source Serif 4",serif;font-size:11px;font-style:italic}.sml-mode-check{color:#b89a6a;flex-shrink:0;font-size:16px;font-weight:700}.sml-options{display:flex;flex-direction:column;gap:6px}.sml-option-row{align-items:center;color:#9a8a78;cursor:pointer;display:flex;font-family:"Source Serif 4",serif;font-size:12px;gap:8px;-webkit-user-select:none;user-select:none}.sml-option-row input[type=checkbox]{accent-color:#b89a6a;cursor:pointer;height:14px;width:14px}.sml-generate-btn{background:linear-gradient(135deg,#8b6b3d,#6b4e2a);border:none;border-radius:10px;color:#f5f0e8;cursor:pointer;font-family:Playfair Display,Georgia,serif;font-size:15px;font-weight:700;letter-spacing:.02em;padding:13px;transition:all .2s;width:100%}.sml-generate-btn:hover{background:linear-gradient(135deg,#a07a4a,#8b6b3d);box-shadow:0 6px 20px #8b6b3d66;transform:translateY(-1px)}.sml-link-result{animation:smlFadeIn .2s ease;display:flex;flex-direction:column;gap:12px}.sml-link-display{align-items:center;display:flex;gap:8px}.sml-link-input{background:#ffffff0d;border:1px solid #4a3520;border-radius:8px;color:#9a8a78;cursor:text;flex:1 1;font-family:"Source Serif 4",Georgia,serif;font-size:11px;min-width:0;outline:none;overflow:hidden;padding:9px 12px;text-overflow:ellipsis;white-space:nowrap}.sml-link-input:focus{border-color:#b89a6a;color:#f5f0e8}.sml-copy-btn{background:#3d6228;border:none;border-radius:8px;color:#f5f0e8;cursor:pointer;flex-shrink:0;font-family:"Source Serif 4",serif;font-size:12px;font-weight:600;padding:9px 18px;transition:all .2s;white-space:nowrap}.sml-copy-btn:hover{background:#4d7a34}.sml-copy-btn.copied{background:#5a8a3c}.sml-share-channels{display:flex;gap:8px}.sml-channel-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-family:"Source Serif 4",serif;font-size:12px;font-weight:600;padding:9px 10px;text-align:center;transition:all .2s}.sml-channel-btn.email{background:#4a7ab526;border-color:#4a7ab540;color:#8ab0d8}.sml-channel-btn.email:hover{background:#4a7ab540}.sml-channel-btn.whatsapp{background:#5a8a3c26;border-color:#5a8a3c40;color:#8ab86a}.sml-channel-btn.whatsapp:hover{background:#5a8a3c40}.sml-channel-btn.regenerate{background:#ffffff0a;border-color:#ffffff14;color:#6a5a48}.sml-channel-btn.regenerate:hover{background:#ffffff14;color:#9a8a78}.sml-mode-badge{align-self:flex-start;border-radius:20px;display:inline-block;font-family:"Source Serif 4",serif;font-size:11px;font-style:italic;padding:5px 10px}.sml-mode-badge.view{background:#4a7ab51a;border:1px solid #4a7ab533;color:#7a9ab5}.sml-mode-badge.edit{background:#b89a6a1a;border:1px solid #b89a6a33;color:#b89a6a}.sml-active-shares{border-top:1px solid #2a1f0f;padding-top:16px}.sml-shares-list{display:flex;flex-direction:column;gap:6px}.sml-share-row{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.sml-share-info{flex:1 1;min-width:0}.sml-share-title{color:#c8b898;font-family:Playfair Display,Georgia,serif;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sml-share-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}.sml-share-mode{border-radius:10px;font-family:"Source Serif 4",serif;font-size:10px;padding:2px 7px}.sml-share-mode.view{background:#4a7ab51a;color:#7a9ab5}.sml-share-mode.edit{background:#b89a6a1a;color:#b89a6a}.sml-share-date{color:#4a3a28;font-family:"Source Serif 4",serif;font-size:10px;font-style:italic}.sml-revoke-btn{align-items:center;background:#c0503e1a;border:1px solid #c0503e33;border-radius:50%;color:#c0504a;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:26px;justify-content:center;transition:all .15s;width:26px}.sml-revoke-btn:hover{background:#c0503e40}.sml-footer{background:#0003;border-top:1px solid #2a1f0f;padding:12px 24px}.sml-privacy-note{color:#4a3a28;font-family:"Source Serif 4",serif;font-size:11px;font-style:italic;text-align:center}@media (max-width:560px){.sml-overlay{align-items:flex-end;padding:0}.sml-modal{border-radius:20px 20px 0 0;max-width:100%}.sml-share-channels{flex-wrap:wrap}}.exp-overlay{align-items:center;animation:expFadeIn .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0804bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:11500}@keyframes expFadeIn{0%{opacity:0}to{opacity:1}}.exp-modal{animation:expSlideUp .22s ease;background:#1a1208;border:1px solid #4a3520;border-radius:20px;box-shadow:0 32px 80px #000000b3;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}@keyframes expSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.exp-header{align-items:center;background:linear-gradient(135deg,#2a1f0f,#1a1208);border-bottom:1px solid #3a2a18;display:flex;gap:14px;padding:20px 22px 16px}.exp-header-icon{flex-shrink:0;font-size:30px}.exp-header-text{flex:1 1}.exp-header-text h2{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:700;margin:0 0 3px}.exp-header-text p{color:#6a5a48;font-family:"Source Serif 4",serif;font-size:11px;font-style:italic;margin:0}.exp-close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;color:#7a6a55;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.exp-close-btn:hover{background:#ffffff1f;color:#f5f0e8}.exp-body{gap:18px;max-height:65vh;overflow-y:auto;padding:18px 22px;scrollbar-color:#4a3520 #1a1208;scrollbar-width:thin}.exp-body,.exp-section{display:flex;flex-direction:column}.exp-section{gap:8px}.exp-section-title{color:#6a5a48;font-family:Playfair Display,Georgia,serif;font-size:11px;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.exp-format-cards{display:flex;flex-direction:column;gap:6px}.exp-format-card{align-items:center;background:#ffffff08;border:1.5px solid #ffffff12;border-radius:9px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .18s}.exp-format-card:hover{background:#ffffff0f;border-color:#b89a6a33}.exp-format-card.active{background:#b89a6a1a;border-color:#b89a6a}.exp-format-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.exp-format-info{flex:1 1}.exp-format-label{color:#f5f0e8;font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:600;margin-bottom:1px}.exp-format-desc{color:#6a5a48;font-family:"Source Serif 4",serif;font-size:10px;font-style:italic}.exp-format-check{color:#b89a6a;flex-shrink:0;font-size:14px;font-weight:700}.exp-scheme-tabs{display:flex;gap:6px}.exp-scheme-tab{align-items:center;background:#ffffff08;border:1.5px solid #ffffff12;border-radius:9px;color:#7a6a55;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:"Source Serif 4",serif;font-size:11px;gap:5px;padding:10px 8px;transition:all .18s}.exp-scheme-tab:hover{background:#ffffff12;color:#c8b898}.exp-scheme-tab.active{background:#b89a6a1a;color:#f5f0e8}.exp-scheme-swatch{border:1px solid #ffffff26;border-radius:4px;height:18px;width:28px}.exp-quality-tabs{display:flex;gap:6px}.exp-quality-tab{align-items:center;background:#ffffff08;border:1.5px solid #ffffff12;border-radius:9px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:9px 6px;transition:all .18s}.exp-quality-tab:hover{background:#ffffff12}.exp-quality-tab.active{background:#b89a6a1a;border-color:#b89a6a}.exp-quality-label{color:#f5f0e8;font-family:Playfair Display,serif;font-size:12px;font-weight:600}.exp-quality-desc{color:#6a5a48;font-family:"Source Serif 4",serif;font-size:10px}.exp-options{display:flex;flex-wrap:wrap;gap:16px}.exp-option{align-items:center;color:#9a8a78;cursor:pointer;display:flex;font-family:"Source Serif 4",serif;font-size:12px;gap:7px;-webkit-user-select:none;user-select:none}.exp-option input[type=checkbox]{accent-color:#b89a6a;cursor:pointer;height:14px;width:14px}.exp-status{animation:expFadeIn .2s ease;border-radius:8px;font-family:"Source Serif 4",serif;font-size:12px;font-style:italic;padding:10px 14px}.exp-status.loading{background:#b89a6a1a;border:1px solid #b89a6a33;color:#b89a6a}.exp-status.success{background:#5a8a3c1a;border:1px solid #5a8a3c33;color:#8ab86a}.exp-status.error{background:#c0503e1a;border:1px solid #c0503e33;color:#e08878}.exp-footer{background:#0003;border-top:1px solid #2a1f0f;display:flex;gap:10px;padding:14px 22px}.exp-cancel-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;color:#7a6a55;cursor:pointer;font-family:"Source Serif 4",serif;font-size:13px;padding:10px 20px;transition:all .18s}.exp-cancel-btn:hover{background:#ffffff14;color:#c8b898}.exp-export-btn{background:linear-gradient(135deg,#8b6b3d,#6b4e2a);border:none;border-radius:9px;color:#f5f0e8;cursor:pointer;flex:1 1;font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:700;letter-spacing:.02em;padding:11px;transition:all .2s}.exp-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#a07a4a,#8b6b3d);box-shadow:0 5px 18px #8b6b3d66;transform:translateY(-1px)}.exp-export-btn:disabled{cursor:not-allowed;opacity:.4}.exp-spinner{animation:expSpin 1s linear infinite;display:inline-block}@keyframes expSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:520px){.exp-overlay{align-items:flex-end;padding:0}.exp-modal{border-radius:20px 20px 0 0;max-width:100%}.exp-scheme-tabs{flex-direction:column}}:root{--ara-bg:#0e0b07;--ara-surface:#161009;--ara-surface-2:#1e1610;--ara-border:#b48c5026;--ara-border-strong:#b48c5047;--ara-brass:#b48c50;--ara-brass-light:#d4ac70;--ara-brass-pale:#b48c5014;--ara-parchment:#f2ecd8;--ara-text:#e8e0cc;--ara-text-muted:#7a6e58;--ara-text-dim:#4a4030;--ara-user-bg:#1c2818;--ara-user-border:#508c3c40;--ara-user-text:#d0e8c0;--ara-radius:14px;--ara-font-display:"Libre Baskerville",Georgia,serif;--ara-font-body:"DM Sans",system-ui,sans-serif}.ara-container{background:#0e0b07;background:var(--ara-bg);color:#e8e0cc;color:var(--ara-text);display:flex;flex-direction:column;font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);height:100%;overflow:hidden;position:relative}.ara-container.expanded{border-radius:0;inset:0;position:fixed;z-index:11000}.ara-header{background:linear-gradient(180deg,#0a0804,#0e0b07);border-bottom:1px solid #b48c5026;border-bottom:1px solid var(--ara-border);flex-shrink:0;justify-content:space-between;padding:14px 18px 12px}.ara-header,.ara-header-left{align-items:center;display:flex}.ara-header-left{gap:12px}.ara-header-icon{align-items:center;background:radial-gradient(circle at 30% 30%,#d4ac70,#8a5c28);border-radius:50%;box-shadow:0 0 16px #b48c504d;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.ara-icon-inner{color:#0e0b07;font-family:serif;font-size:16px;font-weight:700}.ara-header-text h2{color:#e8e0cc;color:var(--ara-text);font-size:15px;font-weight:700;letter-spacing:.01em;margin:0 0 1px}.ara-header-text h2,.ara-header-text p{font-family:Libre Baskerville,Georgia,serif;font-family:var(--ara-font-display)}.ara-header-text p{color:#7a6e58;color:var(--ara-text-muted);font-size:11px;font-style:italic;margin:0}.ara-header-controls{align-items:center;display:flex;gap:4px}.ara-ctrl-btn{background:#ffffff0a;border:1px solid #ffffff12;border-radius:7px;color:#7a6e58;color:var(--ara-text-muted);cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);font-size:12px;padding:5px 10px;transition:all .15s}.ara-ctrl-btn:hover{background:#ffffff17;color:#e8e0cc;color:var(--ara-text)}.ara-ctrl-btn.close{color:#4a4030;color:var(--ara-text-dim);font-size:16px;padding:4px 9px}.ara-ctrl-btn.close:hover{background:#b43c3c26;border-color:#b43c3c33;color:#e08080}.ara-context-bar{align-items:center;background:#b48c5014;background:var(--ara-brass-pale);border-bottom:1px solid #b48c5026;border-bottom:1px solid var(--ara-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:7px 18px}.ara-context-label{color:#7a6e58;color:var(--ara-text-muted);font-size:10px;font-style:italic;margin-right:2px}.ara-context-label,.ara-family-tag{font-family:Libre Baskerville,Georgia,serif;font-family:var(--ara-font-display)}.ara-family-tag{align-items:center;background:#b48c501f;border:1px solid #b48c5047;border:1px solid var(--ara-border-strong);border-radius:20px;color:#d4ac70;color:var(--ara-brass-light);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 9px}.ara-tag-count{background:#b48c5033;border-radius:10px;color:#b48c50;color:var(--ara-brass);font-size:9px;padding:0 5px}.ara-messages{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 14px;scrollbar-color:#2a2010 #0e0b07;scrollbar-color:#2a2010 var(--ara-bg);scrollbar-width:thin}.ara-messages::-webkit-scrollbar{width:4px}.ara-messages::-webkit-scrollbar-thumb{background:#2a2010;border-radius:2px}.ara-system-msg{color:#4a4030;color:var(--ara-text-dim);font-family:Libre Baskerville,Georgia,serif;font-family:var(--ara-font-display);font-size:11px;font-style:italic;padding:4px 0;text-align:center}.ara-message{align-items:flex-start;animation:araMessageIn .22s ease both;display:flex;gap:10px}@keyframes araMessageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ara-message.user{flex-direction:row-reverse}.ara-avatar{align-items:center;background:radial-gradient(circle at 30% 30%,#d4ac70,#8a5c28);border-radius:50%;box-shadow:0 0 10px #b48c5040;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;margin-top:2px;width:30px}.ara-avatar.user-avatar{background:linear-gradient(135deg,#2a4a28,#1a3018);box-shadow:0 0 10px #508c3c33}.ara-bubble{display:flex;flex-direction:column;gap:6px;max-width:82%}.ara-message.user .ara-bubble{align-items:flex-end}.ara-bubble-content{background:#1e1610;background:var(--ara-surface-2);border:1px solid #b48c5026;border:1px solid var(--ara-border);border-radius:14px 14px 14px 4px;color:#e8e0cc;color:var(--ara-text);font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);font-size:14px;line-height:1.65;padding:10px 14px}.ara-message.user .ara-bubble-content{background:#1c2818;background:var(--ara-user-bg);border-color:#508c3c40;border-color:var(--ara-user-border);border-radius:14px 14px 4px 14px;color:#d0e8c0;color:var(--ara-user-text)}.ara-bubble-content p{margin:0 0 8px}.ara-bubble-content p:last-child{margin-bottom:0}.ara-bubble-content ol,.ara-bubble-content ul{margin:6px 0;padding-left:20px}.ara-bubble-content li{line-height:1.55;margin-bottom:4px}.ara-bubble-content strong{color:#d4ac70;color:var(--ara-brass-light);font-weight:600}.ara-typing-dots{align-items:center;background:#1e1610;background:var(--ara-surface-2);border:1px solid #b48c5026;border:1px solid var(--ara-border);border-radius:14px 14px 14px 4px;display:flex;gap:5px;padding:12px 16px}.ara-typing-dots span{animation:araTypingBounce 1.2s ease-in-out infinite;background:#b48c50;background:var(--ara-brass);border-radius:50%;height:6px;width:6px}.ara-typing-dots span:nth-child(2){animation-delay:.15s}.ara-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes araTypingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.ara-sources{align-items:center;display:flex;flex-wrap:wrap;gap:5px;padding:6px 2px 0}.ara-sources-label{color:#7a6e58;color:var(--ara-text-muted);font-family:Libre Baskerville,Georgia,serif;font-family:var(--ara-font-display);font-size:10px;font-style:italic}.ara-source-link{background:#b48c5014;background:var(--ara-brass-pale);border:1px solid #b48c5026;border:1px solid var(--ara-border);border-radius:20px;color:#b48c50;color:var(--ara-brass);font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);font-size:11px;padding:2px 9px;text-decoration:none;transition:all .15s}.ara-source-link:hover{background:#b48c5026;border-color:#b48c5047;border-color:var(--ara-border-strong);color:#d4ac70;color:var(--ara-brass-light)}.ara-timestamp{color:#4a4030;color:var(--ara-text-dim);font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);font-size:10px;padding:0 2px}.ara-message.user .ara-timestamp{text-align:right}.ara-suggestions{animation:araFadeIn .3s ease .4s both;display:flex;flex-direction:column;gap:8px;margin-top:4px}@keyframes araFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ara-suggestions-label{color:#4a4030;color:var(--ara-text-dim);font-family:Libre Baskerville,Georgia,serif;font-family:var(--ara-font-display);font-size:10px;letter-spacing:.08em;padding:0 2px;text-transform:uppercase}.ara-suggestions-grid{display:flex;flex-direction:column;gap:5px}.ara-suggestion-btn{align-items:flex-start;animation:araFadeIn .3s ease both;background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;cursor:pointer;display:flex;gap:9px;padding:8px 12px;text-align:left;transition:all .18s}.ara-suggestion-btn:hover{background:#b48c5014;background:var(--ara-brass-pale);border-color:#b48c5047;border-color:var(--ara-border-strong)}.ara-sug-icon{flex-shrink:0;font-size:14px;margin-top:1px}.ara-sug-text{color:#7a6e58;color:var(--ara-text-muted);font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);font-size:13px;line-height:1.4}.ara-suggestion-btn:hover .ara-sug-text{color:#e8e0cc;color:var(--ara-text)}.ara-input-area{background:#161009;background:var(--ara-surface);border-top:1px solid #b48c5026;border-top:1px solid var(--ara-border);display:flex;flex-direction:column;flex-shrink:0;gap:5px;padding:10px 14px 12px}.ara-input-wrap{align-items:flex-end;display:flex;gap:8px}.ara-input{background:#1e1610;background:var(--ara-surface-2);border:1.5px solid #b48c5026;border:1.5px solid var(--ara-border);border-radius:10px;color:#e8e0cc;color:var(--ara-text);flex:1 1;font-family:DM Sans,system-ui,sans-serif;font-family:var(--ara-font-body);font-size:14px;line-height:1.5;max-height:120px;min-height:42px;outline:none;overflow-y:auto;padding:10px 14px;resize:none;scrollbar-width:thin;transition:border-color .15s}.ara-input::placeholder{color:#4a4030;color:var(--ara-text-dim);font-style:italic}.ara-input:focus{border-color:#b48c5047;border-color:var(--ara-border-strong)}.ara-input:disabled{opacity:.5}.ara-send-btn{align-items:center;background:#1e1610;background:var(--ara-surface-2);border:1.5px solid #b48c5026;border:1.5px solid var(--ara-border);border-radius:10px;color:#4a4030;color:var(--ara-text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .18s;width:40px}.ara-send-btn.active{background:linear-gradient(135deg,#b48c50,#8a6030);border-color:#b48c50;border-color:var(--ara-brass);box-shadow:0 3px 12px #b48c504d;color:#13100a}.ara-send-btn.active:hover{background:linear-gradient(135deg,#c4a060,#a47040);transform:translateY(-1px)}.ara-send-btn:disabled{cursor:not-allowed}.ara-send-loading{animation:araSpin 1s linear infinite;display:inline-block}@keyframes araSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ara-input-hint{color:#4a4030;color:var(--ara-text-dim);font-family:Libre Baskerville,Georgia,serif;font-family:var(--ara-font-display);font-size:10px;font-style:italic;text-align:right}@media (max-width:640px){.ara-header-text p{display:none}.ara-bubble{max-width:90%}.ara-suggestions-grid{gap:4px}.ara-suggestion-btn{padding:7px 10px}.ara-sug-text{font-size:12px}}:root{--pr-bg:#0d0d0d;--pr-surface:#181818;--pr-surface-2:#222;--pr-border:#ffffff14;--pr-border-strong:#ffffff29;--pr-amber:#e8a840;--pr-amber-pale:#e8a8401a;--pr-text:#f0f0f0;--pr-muted:#888;--pr-green:#5a9a6a;--pr-red:#c05a5a;--pr-font-display:"Playfair Display",Georgia,serif;--pr-font-body:"DM Sans",system-ui,sans-serif}.pr-overlay{align-items:center;animation:prFadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:12000}@keyframes prFadeIn{0%{opacity:0}to{opacity:1}}.pr-modal{animation:prSlideUp .25s cubic-bezier(.16,1,.3,1);background:#0d0d0d;background:var(--pr-bg);border:1px solid #ffffff14;border:1px solid var(--pr-border);border-radius:20px;box-shadow:0 40px 100px #000c;display:flex;flex-direction:column;max-height:92vh;max-width:640px;overflow:hidden;width:100%}@keyframes prSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pr-header{background:#0a0a0a;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pr-border);flex-shrink:0;justify-content:space-between;padding:18px 22px 14px}.pr-header,.pr-header-left{align-items:center;display:flex}.pr-header-left{gap:12px}.pr-header-icon{font-size:28px}.pr-header-title{color:#f0f0f0;color:var(--pr-text);font-size:17px;font-weight:700;margin:0 0 2px}.pr-header-sub,.pr-header-title{font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display)}.pr-header-sub{font-size:11px;font-style:italic;margin:0}.pr-close-btn,.pr-header-sub{color:#888;color:var(--pr-muted)}.pr-close-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--pr-border);border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.pr-close-btn:hover{background:#ffffff1a;color:#f0f0f0;color:var(--pr-text)}.pr-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:18px 22px;scrollbar-color:#333 #0d0d0d;scrollbar-width:thin}.pr-mode-label{color:#888;color:var(--pr-muted);font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.pr-mode-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.pr-mode-card{align-items:center;background:#181818;background:var(--pr-surface);border:1.5px solid #ffffff14;border:1.5px solid var(--pr-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 8px;text-align:center;transition:all .18s}.pr-mode-card:hover{background:#222;background:var(--pr-surface-2);border-color:#ffffff29;border-color:var(--pr-border-strong)}.pr-mode-card.active{background:#e8a8401a;background:var(--pr-amber-pale);border-color:#e8a840;border-color:var(--pr-amber)}.pr-mode-icon{font-size:18px}.pr-mode-name{color:#f0f0f0;color:var(--pr-text);font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:11px;font-weight:600}.pr-mode-desc{color:#888;color:var(--pr-muted);font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:9px;font-style:italic;line-height:1.3}.pr-upload-zone{background:#181818;background:var(--pr-surface);border:2px dashed #ffffff14;border:2px dashed var(--pr-border);border-radius:14px;cursor:pointer;padding:40px 24px;text-align:center;transition:all .2s}.pr-upload-zone.dragging,.pr-upload-zone:hover{background:#e8a8401a;background:var(--pr-amber-pale);border-color:#e8a840;border-color:var(--pr-amber)}.pr-upload-zone.dragging{transform:scale(1.01)}.pr-upload-icon{font-size:40px;margin-bottom:12px}.pr-upload-title{color:#f0f0f0;color:var(--pr-text);font-size:18px;font-weight:600;margin-bottom:6px}.pr-upload-sub,.pr-upload-title{font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display)}.pr-upload-sub{color:#888;color:var(--pr-muted);font-size:12px;font-style:italic;line-height:1.6;margin-bottom:14px}.pr-upload-types{color:#ffffff40;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:11px;gap:8px;justify-content:center}.pr-processing{align-items:center;animation:prFadeIn .3s ease;display:flex;flex-direction:column;gap:20px;padding:32px 20px}.pr-processing-visual{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.pr-processing-ring{animation:prSpin linear infinite;border:1.5px solid #0000;border-radius:50%;border-top:1.5px solid var(--pr-amber);position:absolute}.pr-ring-outer{animation-duration:2s;height:80px;width:80px}.pr-ring-middle{animation-direction:reverse;animation-duration:1.5s;border-top-color:#e8a84080;height:58px;width:58px}.pr-ring-inner{animation-duration:1s;border-top-color:#e8a84040;height:36px;width:36px}@keyframes prSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pr-processing-icon{animation:prPulse 1.5s ease-in-out infinite;color:#e8a840;color:var(--pr-amber);font-family:serif;font-size:20px}@keyframes prPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pr-processing-step{color:#e8a840;color:var(--pr-amber);font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:15px;font-style:italic;text-align:center}.pr-progress-bar{background:#222;background:var(--pr-surface-2);border-radius:2px;height:3px;max-width:300px;overflow:hidden;width:100%}.pr-progress-fill{background:linear-gradient(90deg,#e8a840,#f8c860);background:linear-gradient(90deg,var(--pr-amber),#f8c860);border-radius:2px;height:100%;transition:width .4s ease}.pr-processing-note{color:#888;color:var(--pr-muted);font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:11px;font-style:italic}.pr-slider-container{aspect-ratio:4/3;background:#000;border-radius:12px;box-shadow:0 8px 32px #00000080;cursor:col-resize;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.pr-slider-after,.pr-slider-before{inset:0;position:absolute}.pr-slider-after img,.pr-slider-before img{display:block;height:100%;object-fit:cover;width:100%}.pr-slider-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;bottom:12px;font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;padding:3px 10px;position:absolute;text-transform:uppercase}.pr-slider-label.before{background:#0009;color:#fffc;left:12px}.pr-slider-label.after{background:#e8a840cc;color:#0d0d0d;right:12px}.pr-slider-line{background:#fff;bottom:0;box-shadow:0 0 12px #00000080;position:absolute;top:0;transform:translateX(-50%);width:2px}.pr-slider-handle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 12px #0006;color:#333;display:flex;font-size:14px;font-weight:700;gap:2px;height:36px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}.pr-slider-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;color:#ffffffb3;font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:11px;font-style:italic;left:50%;padding:3px 12px;position:absolute;top:12px;transform:translateX(-50%);white-space:nowrap}.pr-result-section{display:flex;flex-direction:column;gap:12px}.pr-result-actions{display:flex;gap:8px}.pr-action-btn{border:1.5px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:13px;font-weight:600;padding:10px;text-align:center;transition:all .2s}.pr-action-btn.download{background:#222;background:var(--pr-surface-2);border-color:#ffffff14;border-color:var(--pr-border);color:#f0f0f0;color:var(--pr-text)}.pr-action-btn.download:hover{background:#181818;background:var(--pr-surface);border-color:#ffffff29;border-color:var(--pr-border-strong)}.pr-action-btn.save{background:#e8a8401a;background:var(--pr-amber-pale);border-color:#e8a8404d;color:#e8a840;color:var(--pr-amber)}.pr-action-btn.save:hover{background:#e8a84033}.pr-action-btn.save.saved{background:#5a9a6a1f;border-color:#5a9a6a40;color:#5a9a6a;color:var(--pr-green)}.pr-action-btn.reset{background:#0000;border-color:#ffffff14;border-color:var(--pr-border);color:#888;color:var(--pr-muted);font-size:12px}.pr-action-btn.reset:hover{color:#f0f0f0;color:var(--pr-text)}.pr-preview-section{align-items:center;display:flex;flex-direction:column;gap:8px}.pr-original-preview{aspect-ratio:4/3;background:#000;border-radius:10px;overflow:hidden;position:relative;width:100%}.pr-preview-img{height:100%;object-fit:cover;width:100%}.pr-preview-label{background:#00000080;border-radius:20px;bottom:10px;color:#fffc;font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:11px;font-weight:600;left:10px;letter-spacing:.06em;padding:2px 9px;position:absolute;text-transform:uppercase}.pr-reset-small{background:none;border:none;color:#888;color:var(--pr-muted);cursor:pointer;font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:12px;font-style:italic;transition:color .15s}.pr-reset-small:hover{color:#f0f0f0;color:var(--pr-text)}.pr-error{align-items:flex-start;background:#c05a5a14;border:1px solid #c05a5a33;border-radius:8px;color:#e08888;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:13px;font-style:italic;gap:10px;padding:12px 14px}.pr-error-retry{background:none;border:none;color:#e8a840;color:var(--pr-amber);cursor:pointer;display:block;font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:12px;font-style:normal;margin-top:6px;transition:opacity .15s}.pr-error-retry:hover{opacity:.7}.pr-tips{background:#181818;background:var(--pr-surface);border:1px solid #ffffff14;border:1px solid var(--pr-border);border-radius:10px;padding:14px 16px}.pr-tips-title{color:#888;color:var(--pr-muted);font-family:DM Sans,system-ui,sans-serif;font-family:var(--pr-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.pr-tips-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.pr-tip{align-items:flex-start;color:#888;color:var(--pr-muted);display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:12px;font-style:italic;gap:7px;line-height:1.4}.pr-footer{background:#0000004d;border-top:1px solid #ffffff14;border-top:1px solid var(--pr-border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 22px}.pr-footer,.pr-process-btn{align-items:center;display:flex}.pr-process-btn{background:linear-gradient(135deg,#e8a840,#c88020);border:none;border-radius:10px;color:#0d0d0d;cursor:pointer;font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:13px;transition:all .2s;width:100%}.pr-process-btn:hover{background:linear-gradient(135deg,#f8b850,#d89030);box-shadow:0 6px 20px #e8a84059;transform:translateY(-1px)}.pr-process-icon{font-size:18px}.pr-footer-processing{color:#888;color:var(--pr-muted);font-size:12px}.pr-footer-note,.pr-footer-processing{font-family:Playfair Display,Georgia,serif;font-family:var(--pr-font-display);font-style:italic}.pr-footer-note{color:#fff3;font-size:10px;text-align:center}@media (max-width:560px){.pr-overlay{align-items:flex-end;padding:0}.pr-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.pr-mode-grid{grid-template-columns:repeat(2,1fr)}.pr-result-actions{flex-wrap:wrap}.pr-tips-grid{grid-template-columns:1fr}}:root{--lp-cream:#f7f2e8;--lp-parchment:#ede5d0;--lp-bark:#4a3018;--lp-bark-light:#8b6b3d;--lp-bark-pale:#4a30180f;--lp-gold:#c8973a;--lp-gold-light:#e8b85a;--lp-green:#3d6228;--lp-green-light:#5a8a3c;--lp-ink:#1a1208;--lp-text:#2a1f0f;--lp-muted:#7a6a50;--lp-border:#4a30181f;--lp-font-display:"Cormorant Garamond",Georgia,serif;--lp-font-body:"Jost",system-ui,sans-serif;--lp-shadow:0 8px 40px #2a1f0f1f;--lp-shadow-lg:0 20px 60px #2a1f0f2e}.lp-root{background:#f7f2e8;background:var(--lp-cream);color:#2a1f0f;color:var(--lp-text);font-family:Jost,system-ui,sans-serif;font-family:var(--lp-font-body);line-height:1.6;overflow-x:hidden}.lp-root *{box-sizing:border-box}.lp-nav{left:0;padding:18px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.lp-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f2e8f2;border-bottom:1px solid #4a30181f;border-bottom:1px solid var(--lp-border);box-shadow:0 8px 40px #2a1f0f1f;box-shadow:var(--lp-shadow);padding:12px 0}.lp-nav-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1160px;padding:0 40px}.lp-nav-brand,.lp-nav-inner{align-items:center;display:flex}.lp-nav-brand{gap:10px;text-decoration:none}.lp-brand-tree{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:22px}.lp-brand-name{color:#4a3018;color:var(--lp-bark);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:20px;font-weight:600;letter-spacing:.01em}.lp-nav-links{display:flex;gap:32px}.lp-nav-link{color:#7a6a50;color:var(--lp-muted);font-size:14px;font-weight:400;letter-spacing:.02em;text-decoration:none;transition:color .15s}.lp-nav-link:hover{color:#4a3018;color:var(--lp-bark)}.lp-nav-actions{align-items:center;display:flex;gap:12px}.lp-nav-login{background:none;border:none;color:#7a6a50;color:var(--lp-muted);cursor:pointer;font-family:Jost,system-ui,sans-serif;font-family:var(--lp-font-body);font-size:14px;font-weight:500;padding:6px 4px;transition:color .15s}.lp-nav-login:hover{color:#4a3018;color:var(--lp-bark)}.lp-nav-cta{background:#4a3018;background:var(--lp-bark);border:none;border-radius:6px;color:#f7f2e8;color:var(--lp-cream);cursor:pointer;font-family:Jost,system-ui,sans-serif;font-family:var(--lp-font-body);font-size:13px;font-weight:600;letter-spacing:.02em;padding:9px 20px;transition:all .2s}.lp-nav-cta:hover{background:#1a1208;background:var(--lp-ink);transform:translateY(-1px)}.lp-hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:120px 40px 80px;position:relative}.lp-hero-bg{inset:0;pointer-events:none;position:absolute}.lp-hero-rings{left:30%}.lp-hero-rings,.lp-ring{position:absolute;top:50%;transform:translate(-50%,-50%)}.lp-ring{border:1px solid #4a30180f;border-radius:50%;left:50%}.lp-ring-1{animation:lpRingPulse 8s ease-in-out infinite;height:600px;width:600px}.lp-ring-2{animation:lpRingPulse 8s ease-in-out 2s infinite;height:900px;width:900px}.lp-ring-3{animation:lpRingPulse 8s ease-in-out 4s infinite;height:1200px;width:1200px}@keyframes lpRingPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.02)}}.lp-hero-grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.025'/%3E%3C/svg%3E");inset:0;opacity:.4;position:absolute}.lp-hero-content{animation:lpHeroIn .8s ease both;max-width:560px;position:relative;z-index:2}@keyframes lpHeroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-hero-badge{align-items:center;animation:lpHeroIn .8s ease .1s both;background:#c8973a1a;border:1px solid #c8973a40;border-radius:20px;color:#c8973a;color:var(--lp-gold);display:inline-flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.04em;margin-bottom:24px;padding:5px 14px;text-transform:uppercase}.lp-hero-headline{animation:lpHeroIn .8s ease .15s both;color:#1a1208;color:var(--lp-ink);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:clamp(48px,6vw,76px);font-weight:300;letter-spacing:-.01em;line-height:1.08;margin:0 0 24px}.lp-hero-headline em{color:#4a3018;color:var(--lp-bark);font-style:italic;font-weight:400}.lp-hero-sub{animation:lpHeroIn .8s ease .2s both;color:#7a6a50;color:var(--lp-muted);font-size:17px;font-weight:300;line-height:1.7;margin:0 0 36px}.lp-hero-actions{animation:lpHeroIn .8s ease .25s both;display:flex;flex-direction:column;gap:10px;margin-bottom:36px}.lp-hero-cta{align-items:center;align-self:flex-start;background:#4a3018;background:var(--lp-bark);border:none;border-radius:8px;color:#f7f2e8;color:var(--lp-cream);cursor:pointer;display:inline-flex;font-family:Jost,system-ui,sans-serif;font-family:var(--lp-font-body);font-size:16px;font-weight:600;gap:10px;letter-spacing:.01em;padding:16px 32px;transition:all .25s}.lp-hero-cta:hover{background:#1a1208;background:var(--lp-ink);box-shadow:0 8px 24px #1a120840;transform:translateY(-2px)}.lp-cta-arrow{transition:transform .2s}.lp-hero-cta:hover .lp-cta-arrow{transform:translateX(4px)}.lp-hero-note{color:#7a6a50;color:var(--lp-muted);font-size:12px;letter-spacing:.02em;margin:0}.lp-hero-highlights{animation:lpHeroIn .8s ease .3s both;display:flex;flex-wrap:wrap;gap:20px}.lp-highlight-item{align-items:center;color:#7a6a50;color:var(--lp-muted);cursor:pointer;display:flex;font-size:12px;gap:7px;letter-spacing:.02em;transition:all .2s}.lp-highlight-item.active{color:#4a3018;color:var(--lp-bark)}.lp-highlight-dot{background:#4a30181f;background:var(--lp-border);border-radius:50%;flex-shrink:0;height:6px;transition:all .2s;width:6px}.lp-highlight-item.active .lp-highlight-dot{background:#c8973a;background:var(--lp-gold);box-shadow:0 0 8px #c8973a80}.lp-hero-visual{animation:lpHeroIn 1s ease .3s both;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:2}.lp-tree-preview{height:440px;position:relative;width:380px}.lp-tree-scene{height:100%;position:relative;width:100%}.lp-tree-svg{filter:drop-shadow(0 20px 40px rgba(42,48,26,.2));height:100%;width:100%}.lp-particle{animation:lpFloat 3s ease-in-out infinite}.lp-particle:first-child{animation-delay:0s}.lp-particle:nth-child(2){animation-delay:.8s}.lp-particle:nth-child(3){animation-delay:1.6s}.lp-particle:nth-child(4){animation-delay:.4s}.lp-floating-card{align-items:center;animation:lpCardFloat 4s ease-in-out infinite;background:#fff;border:1px solid #4a30181f;border:1px solid var(--lp-border);border-radius:10px;box-shadow:0 8px 40px #2a1f0f1f;box-shadow:var(--lp-shadow);display:flex;gap:8px;padding:8px 12px;position:absolute}.lp-card-1{animation-delay:0s;left:-10%;top:15%}.lp-card-2{animation-delay:1.5s;bottom:25%;right:-8%}.lp-card-3{animation-delay:.8s;left:-15%;top:50%}@keyframes lpCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-fcard-photo{align-items:center;background:#ede5d0;background:var(--lp-parchment);border-radius:50%;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.lp-fcard-name{color:#1a1208;color:var(--lp-ink);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:13px;font-weight:600;line-height:1.2}.lp-fcard-year{color:#7a6a50;color:var(--lp-muted);font-size:10px;font-style:italic}.lp-fcard-ai{color:#c8973a;color:var(--lp-gold);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:12px;font-style:italic;font-weight:600}.lp-hero-scroll{align-items:center;animation:lpHeroIn 1s ease .6s both;bottom:32px;color:#7a6a50;color:var(--lp-muted);display:flex;flex-direction:column;font-size:11px;gap:8px;left:50%;letter-spacing:.06em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.lp-scroll-line{animation:lpScrollLine 2s ease-in-out infinite;background:linear-gradient(180deg,#0000,#8b6b3d);background:linear-gradient(to bottom,#0000,var(--lp-bark-light));height:40px;width:1px}@keyframes lpScrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.lp-stats{background:#4a3018;background:var(--lp-bark);padding:48px 40px}.lp-stats-inner{align-items:center;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:900px}.lp-stat-item{flex:1 1;padding:0 20px;text-align:center}.lp-stat-num{color:#e8b85a;color:var(--lp-gold-light);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:42px;font-weight:300;line-height:1;margin-bottom:6px}.lp-stat-label{color:#f7f2e880;font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.lp-stat-divider{background:#f7f2e81a;flex-shrink:0;height:48px;width:1px}.lp-section-inner{margin:0 auto;max-width:1160px;padding:0 40px}.lp-section-label{color:#c8973a;color:var(--lp-gold);font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.lp-section-label.light{color:#e8b85a;color:var(--lp-gold-light)}.lp-section-title{color:#1a1208;color:var(--lp-ink);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:clamp(36px,4.5vw,56px);font-weight:300;letter-spacing:-.01em;line-height:1.1;margin:0 0 20px}.lp-section-title em{color:#4a3018;color:var(--lp-bark);font-style:italic}.lp-section-sub{color:#7a6a50;color:var(--lp-muted);font-size:16px;font-weight:300;line-height:1.7;margin-bottom:60px;max-width:560px}.lp-how{background:#f7f2e8;background:var(--lp-cream);padding:100px 0}.lp-steps{display:flex;flex-direction:column;gap:0;margin-top:60px}.lp-step{grid-gap:40px;align-items:center;border-top:1px solid #4a30181f;border-top:1px solid var(--lp-border);display:grid;gap:40px;grid-template-columns:80px 1fr 1fr;padding:40px 0}.lp-step:last-child{border-bottom:1px solid #4a30181f;border-bottom:1px solid var(--lp-border)}.lp-step-num{color:#4a301826;font-size:52px;font-weight:300;letter-spacing:-.02em;line-height:1}.lp-step-content h3,.lp-step-num{font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display)}.lp-step-content h3{color:#1a1208;color:var(--lp-ink);font-size:24px;font-weight:500;margin:0 0 10px}.lp-step-content p{color:#7a6a50;color:var(--lp-muted);font-size:15px;font-weight:300;line-height:1.7;margin:0}.lp-step-connector{display:none}.lp-step-mock{background:#fff;border:1px solid #4a30181f;border:1px solid var(--lp-border);border-radius:10px;box-shadow:0 8px 40px #2a1f0f1f;box-shadow:var(--lp-shadow);max-width:280px;padding:16px 20px}.lp-mock-label{color:#7a6a50;color:var(--lp-muted);font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.lp-mock-input{align-items:center;border:1.5px solid #8b6b3d;border:1.5px solid var(--lp-bark-light);border-radius:6px;color:#1a1208;color:var(--lp-ink);display:flex;font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:16px;gap:2px;padding:8px 12px}.lp-mock-cursor{animation:lpBlink 1s step-end infinite;color:#c8973a;color:var(--lp-gold)}@keyframes lpBlink{0%,to{opacity:1}50%{opacity:0}}.lp-mock-member{align-items:center;background:#4a30180f;background:var(--lp-bark-pale);border-radius:6px;color:#2a1f0f;color:var(--lp-text);display:flex;font-size:13px;gap:8px;margin-bottom:4px;padding:6px 8px}.lp-mock-member.add{background:#c8973a0f;border:1px dashed #c8973a40;color:#c8973a;color:var(--lp-gold);font-style:italic}.lp-mock-url{background:#4a30180f;background:var(--lp-bark-pale);border-radius:5px;color:#7a6a50;color:var(--lp-muted);font-family:monospace;font-size:12px;margin-bottom:8px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.lp-mock-copy{border:1px solid #4a30181f;border:1px solid var(--lp-border);border-radius:5px;color:#4a3018;color:var(--lp-bark);cursor:pointer;font-size:12px;font-weight:600;padding:6px;text-align:center}.lp-features{background:#ede5d0;background:var(--lp-parchment);padding:100px 0}.lp-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:8px}.lp-feature-card{animation:lpFadeUp .5s ease both;background:#fff;border:1px solid #4a30181f;border:1px solid var(--lp-border);border-radius:14px;padding:28px 24px;position:relative;transition:all .25s}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-feature-card:hover{border-color:#c8973a33;box-shadow:0 20px 60px #2a1f0f2e;box-shadow:var(--lp-shadow-lg);transform:translateY(-4px)}.lp-feature-tag{background:#c8973a;background:var(--lp-gold);border-radius:20px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;padding:3px 9px;position:absolute;right:16px;text-transform:uppercase;top:-10px}.lp-feature-icon{font-size:28px;margin-bottom:14px}.lp-feature-title{color:#1a1208;color:var(--lp-ink);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:18px;font-weight:600;line-height:1.2;margin:0 0 10px}.lp-feature-desc{color:#7a6a50;color:var(--lp-muted);font-size:13px;font-weight:300;line-height:1.65;margin:0}.lp-ai-section{background:#4a3018;background:var(--lp-bark);overflow:hidden;padding:100px 40px}.lp-ai-inner{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1160px}.lp-ai-title{color:#f7f2e8;color:var(--lp-cream);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:clamp(32px,4vw,52px);font-weight:300;letter-spacing:-.01em;line-height:1.1;margin:0 0 20px}.lp-ai-title em{color:#e8b85a;color:var(--lp-gold-light);font-style:italic}.lp-ai-desc{color:#f7f2e8a6;font-size:16px;font-weight:300;line-height:1.75;margin:0 0 28px}.lp-ai-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.lp-ai-feature{align-items:center;color:#f7f2e8cc;display:flex;font-size:14px;font-weight:300;gap:12px}.lp-ai-feature span:first-child{flex-shrink:0;font-size:16px;text-align:center;width:24px}.lp-ai-cta{align-self:flex-start;background:#c8973a;background:var(--lp-gold);border:none;border-radius:8px;color:#1a1208;color:var(--lp-ink);cursor:pointer;font-family:Jost,system-ui,sans-serif;font-family:var(--lp-font-body);font-size:14px;font-weight:600;letter-spacing:.02em;padding:13px 28px;transition:all .2s}.lp-ai-cta:hover{background:#e8b85a;background:var(--lp-gold-light);transform:translateY(-1px)}.lp-narrative-preview{background:#f7f2e8;background:var(--lp-cream);border-radius:16px;box-shadow:0 32px 80px #0000004d;overflow:hidden;position:relative}.lp-narrative-header{align-items:center;background:#1a1208;background:var(--lp-ink);color:#c8973a;color:var(--lp-gold);display:flex;font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:13px;font-style:italic;gap:10px;padding:12px 20px}.lp-narrative-icon{animation:lpPulse 2s ease-in-out infinite;font-size:14px}@keyframes lpPulse{0%,to{opacity:1}50%{opacity:.4}}.lp-narrative-text{color:#2a1f0f;color:var(--lp-text);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:15px;font-weight:400;line-height:1.85;padding:28px 28px 48px}.lp-drop-cap{color:#c8973a;color:var(--lp-gold);float:left;font-size:3em;font-weight:600;line-height:.8;margin:.08em .06em 0 0}.lp-narrative-fade{background:linear-gradient(#0000,#f7f2e8);background:linear-gradient(#0000,var(--lp-cream));bottom:0;height:80px;left:0;position:absolute;right:0}.lp-testimonials{background:#f7f2e8;background:var(--lp-cream);padding:100px 0}.lp-testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:48px}.lp-testimonial{background:#fff;border:1px solid #4a30181f;border:1px solid var(--lp-border);border-radius:14px;padding:32px 28px;position:relative}.lp-testimonial-mark{color:#c8973a;color:var(--lp-gold);font-size:72px;font-weight:700;line-height:.6;margin-bottom:16px;opacity:.3}.lp-testimonial-mark,.lp-testimonial-quote{font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display)}.lp-testimonial-quote{color:#2a1f0f;color:var(--lp-text);font-size:16px;font-style:italic;font-weight:400;line-height:1.7;margin:0 0 20px}.lp-testimonial-author{display:flex;flex-direction:column;gap:2px}.lp-testimonial-name{color:#1a1208;color:var(--lp-ink);font-size:13px;font-weight:600;letter-spacing:.02em}.lp-testimonial-relation{color:#7a6a50;color:var(--lp-muted);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:12px;font-style:italic}.lp-compare{background:#ede5d0;background:var(--lp-parchment);padding:100px 0}.lp-compare-table{background:#fff;border:1px solid #4a30181f;border:1px solid var(--lp-border);border-radius:14px;margin-top:48px;overflow:hidden}.lp-compare-header,.lp-compare-row{align-items:center;display:grid;grid-template-columns:1fr 140px 140px 160px}.lp-compare-header{background:#4a3018;background:var(--lp-bark);color:#f7f2e899;font-size:12px;font-weight:600;letter-spacing:.06em;padding:14px 24px;text-transform:uppercase}.lp-compare-us{color:#e8b85a!important;color:var(--lp-gold-light)!important;font-weight:700!important}.lp-compare-row{border-top:1px solid #4a30181f;border-top:1px solid var(--lp-border);font-size:14px;padding:12px 24px;transition:background .15s}.lp-compare-row:hover{background:#4a30180f;background:var(--lp-bark-pale)}.lp-compare-feature-col{color:#2a1f0f;color:var(--lp-text);font-weight:400}.lp-compare-them{color:#7a6a50;color:var(--lp-muted);font-size:14px;text-align:center}.lp-compare-row .lp-compare-us{color:#3d6228!important;color:var(--lp-green)!important;font-size:16px!important;font-weight:700!important;text-align:center}.lp-final-cta{background:#f7f2e8;background:var(--lp-cream);overflow:hidden;padding:120px 40px;position:relative;text-align:center}.lp-final-bg{inset:0;pointer-events:none;position:absolute}.lp-final-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:600px;position:relative;z-index:2}.lp-final-tree{animation:lpFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(42,48,26,.2));font-size:56px}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-final-title{color:#1a1208;color:var(--lp-ink);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:clamp(36px,5vw,60px);font-weight:300;letter-spacing:-.01em;line-height:1.1;margin:0}.lp-final-title em{color:#4a3018;color:var(--lp-bark);font-style:italic}.lp-final-sub{color:#7a6a50;color:var(--lp-muted);font-size:16px;font-weight:300;line-height:1.7;margin:0}.lp-footer{background:#1a1208;background:var(--lp-ink);padding:40px}.lp-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1160px}.lp-footer-brand{align-items:center;display:flex;gap:8px}.lp-footer-brand .lp-brand-name{color:#f7f2e8;color:var(--lp-cream);font-size:16px}.lp-footer-links{display:flex;gap:24px}.lp-footer-link{color:#f7f2e866;font-size:13px;text-decoration:none;transition:color .15s}.lp-footer-link:hover{color:#f7f2e8;color:var(--lp-cream)}.lp-footer-copy{color:#f7f2e840;font-family:Cormorant Garamond,Georgia,serif;font-family:var(--lp-font-display);font-size:12px;font-style:italic}@media (max-width:1024px){.lp-hero-visual{display:none}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-ai-inner{gap:48px;grid-template-columns:1fr}}@media (max-width:768px){.lp-nav-links{display:none}.lp-hero{padding:100px 24px 60px;text-align:center}.lp-hero-content{max-width:100%}.lp-hero-cta{align-self:center}.lp-hero-highlights{justify-content:center}.lp-stats-inner{flex-wrap:wrap;gap:20px}.lp-stat-divider{display:none}.lp-section-inner{padding:0 24px}.lp-ai-section,.lp-compare,.lp-features,.lp-how,.lp-testimonials{padding:60px 0}.lp-step{gap:16px;grid-template-columns:1fr;padding:28px 0}.lp-step-num{font-size:36px}.lp-features-grid,.lp-testimonials-grid{grid-template-columns:1fr}.lp-compare-header,.lp-compare-row{font-size:12px;grid-template-columns:1fr 80px 80px 90px;padding:10px 16px}.lp-ai-section{padding:60px 24px}.lp-final-cta{padding:80px 24px}.lp-footer-inner{flex-direction:column;gap:16px;text-align:center}}.App{text-align:left}.App,.app-container{min-height:100vh}.App,.app-container,.family-dashboard,.splash-screen,.tree-splash-container{background-color:#e8f5e9}.account-creation-overlay,.branch-modal-overlay,.login-overlay,.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e8f5e9f2!important}.container{margin:0 auto;max-width:1200px;padding:0 20px}::selection{background:#4caf50;color:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.loading{opacity:.7;pointer-events:none}.error{background-color:#ffebee!important;border-color:#f44336!important}.success{background-color:#e8f5e9!important;border-color:#4caf50!important}@media print{.no-print{display:none!important}.App{background:#fff!important}}@media (prefers-contrast:high){.App{border:1px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}