.invite-gate{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0a0a1a);padding:20px;box-sizing:border-box}.invite-gate-content{text-align:center;max-width:400px;width:100%}.invite-gate-logo h1{font-family:var(--font-logo);font-size:3rem;margin:0;background:linear-gradient(135deg,#ffc700,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;letter-spacing:2px}.invite-gate-tagline{color:#fff9;font-size:1rem;margin:8px 0 40px;letter-spacing:1px}.invite-gate-form-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invite-gate-form-container h2{color:#fff;font-size:1.5rem;margin:0 0 12px;font-weight:600}.invite-gate-description{color:#ffffffb3;font-size:.95rem;margin:0 0 24px;line-height:1.5}.invite-gate-form{display:flex;flex-direction:column;gap:16px}.invite-gate-input{padding:14px 18px;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;text-align:center;letter-spacing:2px;text-transform:uppercase;transition:border-color .2s,box-shadow .2s}.invite-gate-input:focus{outline:none;border-color:#ffc70080;box-shadow:0 0 0 3px #ffc7001a}.invite-gate-input::placeholder{color:#fff6;text-transform:none;letter-spacing:normal}.invite-gate-button{padding:14px 24px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#ffc700,#ff9500);color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.invite-gate-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffc7004d}.invite-gate-button:active{transform:translateY(0)}.invite-gate-error{color:#ff6b6b;font-size:.9rem;margin:0;padding:8px;background:#ff6b6b1a;border-radius:6px}.invite-gate-help{color:#ffffff80;font-size:.85rem;margin:20px 0 0}.home-page{position:relative;min-height:100vh;background:#0a0a0a;color:#fff;overflow-x:hidden}.home-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.home-header-logo{font-family:var(--font-logo);font-size:2rem;font-weight:500;background:linear-gradient(#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.home-header-nav{display:flex;gap:1rem;align-items:center}.home-nav-link{color:#fffc;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.home-nav-link:hover{color:#fff;background:#ffffff1a}.home-nav-link-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.home-nav-link-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#667eea,#764ba2)}.home-hero{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:6rem 2rem 4rem;text-align:center}.home-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin:0 0 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:800px}.home-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffb3;max-width:600px;line-height:1.7;margin:0 0 2.5rem}.home-cta-button{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;transition:transform .2s,box-shadow .2s}.home-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.home-screenshots{position:relative;z-index:10;padding:6rem 2rem;background:#1a1a1a80}.home-section-title{text-align:center;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 3rem;color:#ffffffe6}.home-screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.home-screenshot-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;transition:transform .3s,border-color .3s}.home-screenshot-card:hover{transform:translateY(-4px);border-color:#667eea80}.home-screenshot-img{width:100%;height:auto;border-radius:8px;margin-bottom:1rem;box-shadow:0 10px 30px #0000004d}.home-screenshot-card h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.home-screenshot-card p{margin:0;color:#fff9;font-size:.95rem}.home-features{position:relative;z-index:10;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 2rem;max-width:1000px;margin:0 auto}.home-feature{text-align:center;padding:2rem}.home-feature-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.home-feature h3{margin:0 0 .75rem;font-size:1.25rem;color:#fff}.home-feature p{margin:0;color:#fff9;line-height:1.6}.home-final-cta{position:relative;z-index:10;text-align:center;padding:5rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.1) 100%)}.home-final-cta h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem)}.home-final-cta p{margin:0 0 2rem;color:#ffffffb3;font-size:1.1rem}.home-footer{position:relative;z-index:10;text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.9rem}.home-footer p{margin:0}@media(max-width:768px){.home-header{padding:1rem}.home-hero{padding:5rem 1.5rem 3rem}.home-screenshots,.home-features,.home-final-cta{padding:5rem 1.5rem}}.signup-page{position:relative;min-height:100vh;background:#0a0a0a;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden}.signup-container{position:relative;z-index:10;width:100%;max-width:440px}.signup-back-link{display:inline-block;color:#fff9;text-decoration:none;margin-bottom:1.5rem;font-size:.95rem;transition:color .2s}.signup-back-link:hover{color:#fff}.signup-card{background:#1a1a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;box-shadow:0 20px 60px #00000080}.signup-title{font-size:2rem;font-weight:700;text-align:center;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-subtitle{text-align:center;color:#ffffffb3;margin:0 0 2rem;font-size:1rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.signup-form-group{display:flex;flex-direction:column;gap:.5rem}.signup-form-group label{font-size:.9rem;font-weight:500;color:#fffc}.signup-form-group input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:1rem;color:#fff;transition:all .3s}.signup-form-group input:focus{outline:none;border-color:#667eea;background:#ffffff14}.signup-form-group input.input-error{border-color:#f44}.signup-form-group input::placeholder{color:#fff6}.signup-error{color:#f44;font-size:.875rem;margin:0}.signup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.signup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.signup-button:disabled{opacity:.6;cursor:not-allowed}.signup-login-link{text-align:center;margin:1.5rem 0 0;color:#fff9;font-size:.95rem}.signup-login-link a{color:#667eea;text-decoration:none;font-weight:500}.signup-login-link a:hover{text-decoration:underline}.signup-magic-link-message{text-align:center;padding:2rem 1rem}.signup-magic-link-message .magic-link-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.signup-magic-link-message h2{margin:0 0 1rem;font-size:1.5rem;color:#ffffffe6}.signup-magic-link-message p{margin:0;color:#fff9;line-height:1.6}.signup-magic-link-message strong{color:#667eea}.login-page{position:relative;min-height:100vh;background:#0a0a0a;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden}.login-container{position:relative;z-index:10;width:100%;max-width:440px}.login-back-link{display:inline-block;color:#fff9;text-decoration:none;margin-bottom:1.5rem;font-size:.95rem;transition:color .2s}.login-back-link:hover{color:#fff}.login-card{background:#1a1a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;box-shadow:0 20px 60px #00000080}.login-title{font-size:2rem;font-weight:700;text-align:center;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{text-align:center;color:#ffffffb3;margin:0 0 2rem;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-form-group label{font-size:.9rem;font-weight:500;color:#fffc}.login-form-group input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:1rem;color:#fff;transition:all .3s}.login-form-group input:focus{outline:none;border-color:#667eea;background:#ffffff14}.login-form-group input.input-error{border-color:#f44}.login-form-group input::placeholder{color:#fff6}.login-error{color:#f44;font-size:.875rem;margin:0}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-magic-link-message{text-align:center;padding:2rem 1rem}.login-magic-link-message .magic-link-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.login-magic-link-message h2{margin:0 0 1rem;font-size:1.5rem;color:#ffffffe6}.login-magic-link-message p{margin:0;color:#fff9;line-height:1.6}.login-magic-link-message strong{color:#667eea}.login-signup-link{text-align:center;margin:1.5rem 0 0;color:#fff9;font-size:.95rem}.login-signup-link a{color:#667eea;text-decoration:none;font-weight:500}.login-signup-link a:hover{text-decoration:underline}.birth-form-page{position:relative;min-height:100vh;background:#0a0a0a;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden}.birth-form-container{position:relative;z-index:10;background:#1a1a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080}.birth-form-back-link{display:inline-block;color:#fff9;text-decoration:none;margin-bottom:1.5rem;font-size:.95rem;transition:color .2s}.birth-form-back-link:hover{color:#fff}.birth-form-title{font-family:var(--font-logo);font-size:3rem;text-align:center;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.birth-form-subtitle{text-align:center;color:#ffffffb3;margin:0 0 2rem;font-size:1.1rem}.birth-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.form-section h2{font-size:1.2rem;font-weight:600;color:#ffffffe6;margin:0}.tooltip-container{position:relative;display:flex;align-items:center;cursor:help}.info-icon{font-size:1rem;color:#667eea;transition:color .2s}.info-icon:hover{color:#764ba2}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#1a1a1afa;border:1px solid #667eea;border-radius:8px;padding:1rem;width:350px;max-width:90vw;z-index:100;box-shadow:0 10px 30px #00000080}.tooltip h4{margin:0 0 .75rem;font-size:.95rem;color:#667eea;font-weight:600}.tooltip ol{margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.6;color:#ffffffd9}.tooltip ol li{margin-bottom:.4rem}.tooltip-note{margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#ffffffb3;font-style:italic}.tooltip-directions{margin:.5rem 0 0;font-size:.75rem;color:#fff9;line-height:1.5}.form-row{display:flex;gap:1rem}.form-row.has-error{margin-bottom:-.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.form-group label{font-size:.9rem;font-weight:500;color:#fffc}.form-group input,.form-group select{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;color:#fff;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#ffffff14}.form-group input.input-disabled{opacity:.6;cursor:not-allowed}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.form-group select option{background:#1a1a1a;color:#fff}.form-error{color:#f44;font-size:.875rem;margin:0}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.input-with-direction{display:flex;gap:.5rem}.input-with-direction input{flex:1;min-width:0}.direction-select{width:60px;flex-shrink:0;padding:.75rem 1.75rem .75rem .5rem!important;background-position:right .4rem center!important;text-align:center}.top-bar{background:#090b21bf;color:#fff;padding:.5rem 1.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;box-shadow:0 1px #00000080;position:relative;z-index:100}.top-left,.top-right{display:flex;align-items:center;gap:.5rem}.top-left{justify-content:flex-start}.top-center{display:flex;justify-content:center;align-items:center;gap:1rem}.top-right{justify-content:flex-end}.header-title-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem}.header-title{margin:0;font-size:1.1rem;font-weight:600;color:#fffffff2;text-align:center;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.header-subtitle{margin:0;font-size:.9rem;font-weight:400;color:#fff9;text-align:center}.header-title.has-dropdown{cursor:pointer;transition:color .2s ease}.header-title.has-dropdown:hover{color:#fff}.header-title.has-dropdown:hover .dropdown-icon{opacity:1;transform:translateY(0)}.dropdown-icon{opacity:0;transform:translateY(-2px);transition:all .2s ease;font-size:1rem}.header-nav-button{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border-radius:50%;border:none;background:transparent;color:#ffffffb3;font-size:1.3rem;cursor:pointer;transition:all .2s ease;width:32px;height:32px}.header-nav-button:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.logo{display:flex;align-items:center;gap:.4rem;font-family:var(--font-logo);font-size:1.5rem}.logo img{height:1.4rem;width:auto;object-fit:contain}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem;border-radius:999px;border:none;font-size:1.1rem;cursor:pointer;width:36px;height:36px}.icon-button.ghost{background:transparent;color:#eee}.icon-button.ghost:hover{background:#ffffff1a}.life-events-dropdown{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#141414fa;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.5rem;min-width:320px;max-width:400px;max-height:400px;overflow-y:auto;box-shadow:0 10px 40px #0009,0 0 20px #667eea26;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#ffffffe6;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left;gap:.25rem}.dropdown-item:hover{background:#ffffff1a;transform:translate(4px)}.dropdown-item.current{background:#667eea33;border:1px solid rgba(102,126,234,.4)}.dropdown-item.current:hover{background:#667eea40}.dropdown-item-name{font-size:.95rem;font-weight:600;color:#fffffff2}.dropdown-item-date{font-size:.85rem;color:#fff9}.life-events-dropdown::-webkit-scrollbar{width:6px}.life-events-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.life-events-dropdown::-webkit-scrollbar-thumb{background:#667eea66;border-radius:3px}.life-events-dropdown::-webkit-scrollbar-thumb:hover{background:#667eea99}.account-menu-container{position:relative;z-index:9999}.account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#141414fa;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.5rem;min-width:200px;box-shadow:0 10px 40px #0009,0 0 20px #667eea26;z-index:9999;pointer-events:auto;animation:accountDropdownFadeIn .2s ease}@keyframes accountDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-email{padding:.75rem 1rem;font-size:.85rem;color:#fff9;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.25rem;word-break:break-all}.account-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#ffffffe6;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left;font-size:.95rem;pointer-events:auto}.account-dropdown-item:hover{background:#ffffff1a}.account-dropdown-item svg{font-size:1.1rem;opacity:.8}.desktop-only{display:flex}.mobile-only{display:none}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-sidebar{position:absolute;top:0;right:0;width:280px;max-width:80vw;height:100%;background:#0f1128fa;padding:1rem;box-shadow:-4px 0 20px #00000080;animation:slideIn .2s ease;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-header h2{margin:0;font-size:1.1rem;color:#fffffff2}.mobile-menu-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mobile-menu-close:hover{background:#ffffff1a;color:#fff}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;border:none;background:transparent;color:#ffffffe6;font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left}.mobile-menu-item:hover{background:#ffffff1a}.mobile-menu-item svg{font-size:1.25rem;opacity:.8}.mobile-menu-collapsible{justify-content:flex-start}.mobile-menu-chevron{margin-left:auto;transition:transform .2s ease}.mobile-menu-chevron.expanded{transform:rotate(180deg)}.mobile-menu-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.mobile-menu-panel{padding-left:1rem;border-left:2px solid rgba(102,126,234,.3);margin-left:1rem;margin-top:.5rem}.mobile-menu-email{padding:.75rem 1rem;font-size:.85rem;color:#fff9;word-break:break-all}.mobile-menu-section-label{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.mobile-menu-item.active{background:#667eea33;color:#fff}.mobile-menu-item.active svg{opacity:1;color:#667eea}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.top-bar{grid-template-columns:auto 1fr auto;padding:.5rem 1rem}.top-center{justify-content:center}.logo span{display:none}.header-title{font-size:.95rem}}.animated-orbs{width:100%;max-width:400px;height:auto;margin:0 auto}@keyframes moveAlongPath{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes revealTrail{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}.orb-1{offset-path:path("M 20,50 Q 45,30 70,50 T 120,50 Q 145,30 170,50 T 220,50 Q 245,30 270,50 T 320,50 Q 345,30 370,50");animation:moveAlongPath 4s linear infinite}.trail-path-1{stroke-dasharray:600;stroke-dashoffset:600;opacity:.7;animation:revealTrail 4s linear infinite}.orb-2{offset-path:path("M 20,50 Q 45,35 70,50 T 120,50 Q 145,35 170,50 T 220,50 Q 245,35 270,50 T 320,50 Q 345,35 370,50");animation:moveAlongPath 3.5s linear infinite;animation-delay:-1.17s}.trail-path-2{stroke-dasharray:600;stroke-dashoffset:600;opacity:.7;animation:revealTrail 3.5s linear infinite;animation-delay:-1.17s}.orb-3{offset-path:path("M 20,50 Q 45,40 70,50 T 120,50 Q 145,40 170,50 T 220,50 Q 245,40 270,50 T 320,50 Q 345,40 370,50");animation:moveAlongPath 3s linear infinite;animation-delay:-2s}.trail-path-3{stroke-dasharray:600;stroke-dashoffset:600;opacity:.7;animation:revealTrail 3s linear infinite;animation-delay:-2s}.loading-page{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#0a0a0a}.loading-content{position:relative;z-index:10;display:flex;flex:1;align-items:center;justify-content:center;width:100%}.loading-state,.error-state{text-align:center;max-width:600px;padding:2rem}.loading-state h1,.error-state h1{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtext{font-size:1.2rem;color:#ffffffb3;margin:0 0 3rem}.loading-paragraph{font-size:1rem;line-height:1.6;color:#fff9;max-width:600px;margin:3rem auto 0;text-align:center}.error-state p{font-size:1.2rem;color:#ffffffb3;margin:0}.error-link{color:#667eea;text-decoration:underline;font-weight:600;transition:color .2s}.error-link:hover{color:#764ba2}.year-view{width:100%;height:100%;display:flex;flex-direction:column;color:#f5f5f5;overflow:hidden;box-sizing:border-box;position:relative}.year-view-inner{width:98%;height:100%;display:flex;flex-direction:column;flex-shrink:0}.year-months-header{display:grid;grid-template-columns:70px 80px 1fr;gap:.5rem;height:36px;border-bottom:1px solid rgba(255,255,255,.15);width:100%;box-sizing:border-box;flex-shrink:0}.year-months-track{position:relative;width:100%;height:100%}.year-month-label{position:absolute;transform:translate(-50%);font-size:.8rem;color:#fff9;font-weight:500;display:flex;align-items:center;height:100%;pointer-events:none}.year-lanes-container{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;padding:.5rem 0}.year-planet-row{display:grid;grid-template-columns:70px 1fr;gap:.5rem;border-top:1px solid rgba(255,255,255,.08);padding:.5rem 0;overflow:visible}.year-planet-row:first-child{border-top:none}.year-planet-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:.25rem;gap:.3rem}.year-planet-orb{width:14px;height:14px;border-radius:50%;flex-shrink:0}.year-planet-name{font-size:.75rem;font-weight:600;color:#ffffffe6;text-align:center}.year-lanes-column{display:flex;flex-direction:column;gap:2px;overflow:visible}.year-lane-row{display:grid;grid-template-columns:80px 1fr;gap:.5rem;height:24px;width:100%;box-sizing:border-box;overflow:visible}.year-lane-label{font-size:.7rem;color:#ffffff80;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;text-transform:uppercase;letter-spacing:.03em}.year-lane-track{position:relative;width:100%;height:100%;background:#ffffff08;border-radius:3px;overflow:visible}.year-month-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0f;pointer-events:none}.year-band{position:absolute;top:3px;bottom:3px;border-radius:3px;cursor:pointer;transition:all .15s ease;border-left:2px solid;min-width:4px;overflow:visible}.year-band:hover,.year-band.hovered{filter:brightness(1.3);z-index:10}.year-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 2px 8px #0006}.year-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.year-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#fff9;text-align:center;padding:2rem}.year-lanes-container::-webkit-scrollbar{width:6px}.year-lanes-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.year-lanes-container::-webkit-scrollbar-thumb{background:#667eea66;border-radius:3px}.year-lanes-container::-webkit-scrollbar-thumb:hover{background:#667eea99}@media(max-width:768px){.year-view{overflow-x:auto;overflow-y:auto;height:auto;max-height:100%}.year-view-inner{width:200%;min-width:200%;height:auto}.year-months-header{grid-template-columns:50px 60px 1fr;gap:.25rem}.year-planet-row{grid-template-columns:50px 1fr;gap:.25rem}.year-lane-row{grid-template-columns:60px 1fr;gap:.25rem;height:22px}.year-planet-name{font-size:.65rem}.year-planet-orb{width:10px;height:10px}.year-lane-label{font-size:.6rem;padding-right:.25rem}.year-month-label{font-size:.7rem}.year-lanes-container{overflow-x:visible;overflow-y:visible;max-width:none;flex:none;height:auto;padding-bottom:80px}.year-view{scrollbar-width:none;-ms-overflow-style:none}.year-view::-webkit-scrollbar{display:none}.year-lanes-container::-webkit-scrollbar{display:none}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a1a1a;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:#fff9;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:#fff}.life-event-form{padding:1.5rem}.has-error .form-group{margin-bottom:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#ffffffe6}.form-group input[type=text],.form-group input[type=date],.form-group textarea{width:95%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.form-group textarea{resize:vertical;min-height:100px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.button-primary,.button-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.button-secondary:hover:not(:disabled){background:#ffffff1a}.button-secondary:disabled{opacity:.6;cursor:not-allowed}.life-event-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.life-event-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.6),0 0 30px rgba(251,191,36,.4);animation:goldenDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.life-event-date-link:hover{text-shadow:0 0 25px rgba(251,191,36,1),0 0 45px rgba(251,191,36,1),0 0 65px rgba(251,191,36,.9);transform:scale(1.05);animation-play-state:paused}@keyframes goldenDateGlow{0%{text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.6),0 0 30px rgba(251,191,36,.4)}to{text-shadow:0 0 15px rgba(251,191,36,1),0 0 30px rgba(251,191,36,.8),0 0 45px rgba(251,191,36,.6)}}.natal-chart-button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fbbf244d}.natal-chart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480;background:linear-gradient(135deg,#fcd34d,#fbbf24)}.natal-chart-button:active{transform:translateY(0);box-shadow:0 2px 10px #fbbf2466}.life-event-edit-field{margin-bottom:1rem}.life-event-edit-field label{display:block;font-size:.9rem;font-weight:500;color:#fffc;margin-bottom:.5rem}.life-event-edit-input{width:100%;padding:.75rem 1rem;font-size:1rem;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;outline:none;transition:all .2s ease;box-sizing:border-box}.life-event-edit-input:focus{border-color:#fbbf2499;background:#ffffff26;box-shadow:0 0 0 3px #fbbf241a}.life-event-edit-input::placeholder{color:#fff6}.life-event-edit-name{font-size:1.25rem;font-weight:600;margin-top:.5rem}.life-event-edit-textarea{resize:vertical;min-height:80px;font-family:inherit}.life-event-actions{display:flex;gap:.75rem;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.life-event-btn{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.life-event-btn:disabled{opacity:.6;cursor:not-allowed}.life-event-btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.life-event-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2466}.life-event-btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.life-event-btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.life-event-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.life-event-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.life-event-btn-danger-outline{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.5)}.life-event-btn-danger-outline:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.life-event-delete-confirm-text{font-size:.9rem;color:#fffc;margin-right:auto}.life-event-error{padding:.75rem 1rem;margin-top:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem}.interpretation-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem}.interpretation-modal{position:relative;background:linear-gradient(135deg,#1a1a1afa,#282828fa);border-radius:20px;padding:0;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 80px #000c,0 0 40px #667eea33;border:1px solid rgba(255,255,255,.1)}.interpretation-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff9;font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.interpretation-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.interpretation-content{padding:3rem}.interpretation-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.interpretation-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.personal-transit-badge{background:linear-gradient(135deg,#f093fb,#f5576c)}.natal-badge{background:linear-gradient(135deg,gold,orange)}.interpretation-headline{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.3}.interpretation-event-name{font-size:1rem;color:#fff9;margin:0;font-style:italic}.interpretation-section{margin-bottom:2.5rem}.interpretation-section-title{font-size:.9rem;font-weight:600;color:#ffffffe6;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.interpretation-subsection-title{font-size:.95rem;font-weight:600;color:#ffffffb3;margin:1.5rem 0 .75rem;letter-spacing:.3px}.interpretation-list{list-style:none;padding:0;margin:0}.interpretation-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#fffc;line-height:1.6;font-size:1rem}.interpretation-list li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.03rem}.interpretation-paragraph{color:#fffc;line-height:1.5;font-size:1rem;margin:0}.interpretation-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.interpretation-why{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0;font-style:italic;text-align:center}.interpretation-modal{scrollbar-width:none;-ms-overflow-style:none}.interpretation-modal::-webkit-scrollbar{display:none}.clickable-date{cursor:pointer;color:#fff;transition:all .3s ease}.exact-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(255,105,180,.8),0 0 20px rgba(255,105,180,.6),0 0 30px rgba(255,105,180,.4);animation:pinkDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.exact-date-link:hover{text-shadow:0 0 25px rgba(255,105,180,1),0 0 45px rgba(255,105,180,1),0 0 65px rgba(255,105,180,.9);transform:scale(1.05);animation-play-state:paused}@keyframes pinkDateGlow{0%{text-shadow:0 0 10px rgba(255,105,180,.8),0 0 20px rgba(255,105,180,.6),0 0 30px rgba(255,105,180,.4)}to{text-shadow:0 0 15px rgba(255,105,180,1),0 0 30px rgba(255,105,180,.8),0 0 45px rgba(255,105,180,.6)}}.entry-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(80,200,120,.8),0 0 20px rgba(80,200,120,.6),0 0 30px rgba(80,200,120,.4);animation:greenDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.entry-date-link:hover{text-shadow:0 0 25px rgba(80,200,120,1),0 0 45px rgba(80,200,120,1),0 0 65px rgba(80,200,120,.9);transform:scale(1.05);animation-play-state:paused}@keyframes greenDateGlow{0%{text-shadow:0 0 10px rgba(80,200,120,.8),0 0 20px rgba(80,200,120,.6),0 0 30px rgba(80,200,120,.4)}to{text-shadow:0 0 15px rgba(80,200,120,1),0 0 30px rgba(80,200,120,.8),0 0 45px rgba(80,200,120,.6)}}.exit-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(255,160,80,.8),0 0 20px rgba(255,160,80,.6),0 0 30px rgba(255,160,80,.4);animation:orangeDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.exit-date-link:hover{text-shadow:0 0 25px rgba(255,160,80,1),0 0 45px rgba(255,160,80,1),0 0 65px rgba(255,160,80,.9);transform:scale(1.05);animation-play-state:paused}@keyframes orangeDateGlow{0%{text-shadow:0 0 10px rgba(255,160,80,.8),0 0 20px rgba(255,160,80,.6),0 0 30px rgba(255,160,80,.4)}to{text-shadow:0 0 15px rgba(255,160,80,1),0 0 30px rgba(255,160,80,.8),0 0 45px rgba(255,160,80,.6)}}.sign-ingress-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(100,150,255,.8),0 0 20px rgba(100,150,255,.6),0 0 30px rgba(100,150,255,.4);animation:blueDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.sign-ingress-date-link:hover{text-shadow:0 0 25px rgba(100,150,255,1),0 0 45px rgba(100,150,255,1),0 0 65px rgba(100,150,255,.9);transform:scale(1.05);animation-play-state:paused}@keyframes blueDateGlow{0%{text-shadow:0 0 10px rgba(100,150,255,.8),0 0 20px rgba(100,150,255,.6),0 0 30px rgba(100,150,255,.4)}to{text-shadow:0 0 15px rgba(100,150,255,1),0 0 30px rgba(100,150,255,.8),0 0 45px rgba(100,150,255,.6)}}.sign-egress-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(180,100,255,.8),0 0 20px rgba(180,100,255,.6),0 0 30px rgba(180,100,255,.4);animation:purpleDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.sign-egress-date-link:hover{text-shadow:0 0 25px rgba(180,100,255,1),0 0 45px rgba(180,100,255,1),0 0 65px rgba(180,100,255,.9);transform:scale(1.05);animation-play-state:paused}@keyframes purpleDateGlow{0%{text-shadow:0 0 10px rgba(180,100,255,.8),0 0 20px rgba(180,100,255,.6),0 0 30px rgba(180,100,255,.4)}to{text-shadow:0 0 15px rgba(180,100,255,1),0 0 30px rgba(180,100,255,.8),0 0 45px rgba(180,100,255,.6)}}.house-ingress-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(80,200,220,.8),0 0 20px rgba(80,200,220,.6),0 0 30px rgba(80,200,220,.4);animation:cyanDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.house-ingress-date-link:hover{text-shadow:0 0 25px rgba(80,200,220,1),0 0 45px rgba(80,200,220,1),0 0 65px rgba(80,200,220,.9);transform:scale(1.05);animation-play-state:paused}@keyframes cyanDateGlow{0%{text-shadow:0 0 10px rgba(80,200,220,.8),0 0 20px rgba(80,200,220,.6),0 0 30px rgba(80,200,220,.4)}to{text-shadow:0 0 15px rgba(80,200,220,1),0 0 30px rgba(80,200,220,.8),0 0 45px rgba(80,200,220,.6)}}.house-egress-date-link{cursor:pointer;color:#fff;text-shadow:0 0 10px rgba(255,220,80,.8),0 0 20px rgba(255,220,80,.6),0 0 30px rgba(255,220,80,.4);animation:yellowDateGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-block}.house-egress-date-link:hover{text-shadow:0 0 25px rgba(255,220,80,1),0 0 45px rgba(255,220,80,1),0 0 65px rgba(255,220,80,.9);transform:scale(1.05);animation-play-state:paused}@keyframes yellowDateGlow{0%{text-shadow:0 0 10px rgba(255,220,80,.8),0 0 20px rgba(255,220,80,.6),0 0 30px rgba(255,220,80,.4)}to{text-shadow:0 0 15px rgba(255,220,80,1),0 0 30px rgba(255,220,80,.8),0 0 45px rgba(255,220,80,.6)}}@media(max-width:768px){.interpretation-overlay{padding:.5rem}.interpretation-modal{max-height:92vh}.interpretation-content{padding:2rem 1rem}.interpretation-section-title,.interpretation-subsection-title,.interpretation-list li,.interpretation-paragraph,.interpretation-why{font-size:1.2rem}.interpretation-event-name{font-size:1.1rem}}.house-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem}.house-modal{position:relative;background:linear-gradient(135deg,#1a1a1afa,#282828fa);border-radius:20px;padding:0;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 80px #000c,0 0 40px #667eea33;border:1px solid rgba(255,255,255,.1)}.house-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff9;font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.house-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.house-content{padding:3rem}.house-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.house-number-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.house-topic{font-size:2rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.house-summary{margin-bottom:2rem}.house-summary p{color:#ffffffd9;font-size:1.1rem;line-height:1.7;margin:0}.deep-dive-toggle{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.deep-dive-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.deep-dive-toggle.expanded{border-radius:12px 12px 0 0;margin-bottom:0}.toggle-icon{font-size:1.5rem;font-weight:700;transition:transform .3s}.deep-dive-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out;background:#0000004d;border-radius:0 0 12px 12px;padding:0 1.5rem}.deep-dive-content.expanded{max-height:1000px;padding:1.5rem;border:1px solid rgba(102,126,234,.3);border-top:none}.deep-dive-content p{color:#fffc;font-size:1rem;line-height:1.7;margin:0}.house-modal::-webkit-scrollbar{width:8px}.house-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.house-modal::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.house-modal::-webkit-scrollbar-thumb:hover{background:#667eeab3}.sign-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem}.sign-modal{position:relative;background:linear-gradient(135deg,#1a1a1afa,#282828fa);border-radius:20px;padding:0;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 80px #000c,0 0 40px #009db633;border:1px solid rgba(255,255,255,.1)}.sign-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff9;font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.sign-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.sign-content{padding:3rem}.sign-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.sign-emoji{font-size:4rem;margin-bottom:1rem;line-height:1}.sign-badge{display:inline-block;background:linear-gradient(135deg,#009db6,#0077b6);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.sign-name{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.2}.sign-topic{font-size:1.2rem;font-weight:400;color:#ffffffb3;margin:0;font-style:italic}.sign-summary{margin-bottom:2rem}.sign-summary p{color:#ffffffd9;font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem}.sign-summary p:last-child{margin-bottom:0}.sign-modal::-webkit-scrollbar{width:8px}.sign-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sign-modal::-webkit-scrollbar-thumb{background:#009db680;border-radius:10px}.sign-modal::-webkit-scrollbar-thumb:hover{background:#009db6b3}:root{color-scheme:dark;--font-body: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;--font-logo: "Megrim", cursive}body{margin:0;background:#111;color:#fff;font-family:var(--font-body)}button,input,select,textarea{font-family:inherit}.app-root{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#050509;color:#f5f5f5;overflow:hidden}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(80,80,120,.35) 0,transparent 40%),radial-gradient(circle at 80% 100%,rgba(118,65,118,.25) 0,transparent 45%),#050509;overflow:hidden}.star{position:absolute;border-radius:999px;background:#fff;box-shadow:0 0 6px #ffffffb3;animation-name:star-pan;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes star-pan{0%{transform:translate(0)}to{transform:translate(-200vw)}}.top-bar,.workspace,.bottom-bar{position:relative;z-index:1}.workspace{flex:1;display:flex;overflow:hidden}.workspace.modal-open,.header-modal-open{pointer-events:none}.sidebar-wrapper{display:flex;height:100%}.left-rail{width:52px;display:flex;flex-direction:column;align-items:center;padding-top:.75rem;gap:.5rem}.rail-button{width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center}.rail-button:hover{background:#ffffff0f;color:#fff}.rail-button-active{background:#333;color:#fff}.sidebar{width:260px;background:#090b21bf;border-right:1px solid #080809;padding:1rem;box-sizing:border-box;overflow-y:auto}.sidebar h2{margin:0 0 .75rem;font-size:1rem}.sidebar-section{display:flex;flex-direction:column;gap:.4rem}.sidebar-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.collapse-button{border:none;background:transparent;color:#ccc;border-radius:999px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.collapse-button:hover{background:#00000040;color:#fff}.debug-json{margin-top:.5rem;padding:.5rem;background:#222;border-radius:4px;max-height:60vh;overflow:auto;font-size:.75rem}.main-area{flex:1;display:flex;box-sizing:border-box}.canvas-container{position:relative;flex:1;overflow:hidden}.status-text{margin:auto}.status-text.error{color:#ff7b7b}.event-details-card{position:absolute;right:1rem;bottom:1rem;background:#141414e6;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;max-width:260px;border:1px solid #444}.bottom-bar{background:#090b21bf;padding:.4rem 1.5rem;display:flex;align-items:center;justify-content:end;gap:1.5rem;font-size:.85rem;box-shadow:0 -1px #00000080}.bottom-group{display:flex;align-items:center;gap:.5rem}.bottom-group input[type=range]{accent-color:#ff6b81}.view-modes .label,.scrubber .label{opacity:.7;margin-right:.25rem}.chip{border-radius:999px;border:1px solid #555;background:transparent;color:#ddd;padding:.15rem .6rem;font-size:.8rem;cursor:pointer}.chip-active{background:#ff6b81;border-color:#ff6b81;color:#fff}@media(max-width:768px){.view-modes,.sidebar-wrapper,.expand-slider{display:none!important}.lifetime-scrubber .label{display:none}.lifetime-scrubber{flex:1}.lifetime-scrubber .timeline-slider{width:100%;height:32px;-webkit-appearance:none;appearance:none;background:transparent}.lifetime-scrubber .timeline-slider::-webkit-slider-runnable-track{height:8px;background:#fff3;border-radius:4px}.lifetime-scrubber .timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#ff6b81;border-radius:50%;margin-top:-10px;cursor:pointer;box-shadow:0 2px 6px #0000004d}.lifetime-scrubber .timeline-slider::-moz-range-track{height:8px;background:#fff3;border-radius:4px}.lifetime-scrubber .timeline-slider::-moz-range-thumb{width:28px;height:28px;background:#ff6b81;border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 6px #0000004d}}.mobile-filters-button{display:none;position:fixed;top:60px;left:12px;z-index:100;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0f1128f2;color:#ffffffe6;cursor:pointer;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 2px 10px #0000004d;transition:all .2s ease}.mobile-filters-button:hover{background:#191b3cf2;border-color:#ffffff4d}@media(max-width:768px){.mobile-filters-button{display:flex}}.mobile-filters-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.mobile-filters-sidebar{position:absolute;top:0;left:0;width:300px;max-width:85vw;height:100%;background:#0f1128fa;padding:1rem;box-shadow:4px 0 20px #00000080;animation:slideInLeft .2s ease;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-filters-header h2{margin:0;font-size:1.1rem;color:#fffffff2}.mobile-filters-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mobile-filters-close:hover{background:#ffffff1a;color:#fff}.mobile-filters-section{margin-bottom:.5rem}.mobile-filters-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 0;border:none;background:transparent;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-filters-section-header:hover{background:#ffffff08}.mobile-filters-section-title{color:#ffc700cc;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mobile-filters-chevron{color:#ffffff80;font-size:1rem;transition:transform .2s ease}.mobile-filters-chevron.expanded{transform:rotate(180deg)}.mobile-filters-section-content{padding:.5rem 0 .5rem .5rem}.mobile-insights-content{padding:.5rem 0}.mobile-transit-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.mobile-transit-card:hover{background:#ffffff1a;border-color:#fff3}.mobile-placement-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.85rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.mobile-placement-card:hover{background:#ffffff1a;border-color:#fff3;transform:translate(4px)}.mobile-filters-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;color:#ffffffe6}.mobile-filters-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b81}.chapter-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.chapter-button{width:100%;text-align:left;border-radius:999px;border:1px solid #444;padding:.45rem .9rem;background:#1e1e1ee6;color:#eee;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.chapter-button:hover{border-color:#ff6f91}.chapter-button--active{background:#ff6f91;color:#fff;border-color:#ff6f91}.chapter-range{opacity:.8;font-variant-numeric:tabular-nums;font-size:.8rem}.calculation-progress-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#28283ce6;border:1px solid rgba(255,255,255,.1);border-radius:20px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d}.progress-text{font-size:.85rem;color:#fffc;white-space:nowrap}.progress-bar-container{width:120px;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#9f7aea,#764ba2,#667eea);background-size:200% 100%;border-radius:4px;transition:width .5s ease-out;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.interpretations-page{position:relative;min-height:100vh;background:#000;color:#fff;overflow-y:auto}.interpretations-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:3rem 2rem}.interpretations-header{margin-bottom:3rem;text-align:center}.back-link{display:inline-block;color:#ffc700cc;text-decoration:none;font-size:.95rem;margin-bottom:1.5rem;transition:color .2s ease}.back-link:hover{color:#ffc700}.interpretations-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#ffc700cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.1rem;color:#ffffffb3;max-width:600px;margin:0 auto 1.5rem}.stats-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-width:400px;margin-left:auto;margin-right:auto}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.8rem;font-weight:700;color:#ffc700e6}.stat-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.stat-divider{font-size:1.5rem;color:#ffffff4d;font-weight:300}.stat-badge{padding:.5rem 1rem;background:#00ff9626;border:1px solid rgba(0,255,150,.3);border-radius:6px;font-size:.9rem;font-weight:600;color:#00ff96}.catalog-grid{display:flex;flex-direction:column;gap:3rem}.planet-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;transition:all .3s ease}.planet-section:hover{background:#ffffff0a;border-color:#ffffff26}.planet-title{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:#ffc700e6;border-bottom:2px solid rgba(255,199,0,.3);padding-bottom:.5rem}.subsection{margin-bottom:2.5rem}.subsection:last-child{margin-bottom:0}.subsection-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#ffffffe6;padding-left:.5rem;border-left:3px solid rgba(255,199,0,.5)}.subsection-title.collapsible{transition:all .2s ease;padding:.5rem;margin-left:-.5rem;border-radius:4px}.subsection-title.collapsible:hover{background:#ffc7001a;border-left-color:#ffc700cc}.transit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.transit-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.transit-card.has-interpretation{border-color:#00ff964d}.transit-card.has-interpretation:hover{background:#00ff961a;border-color:#00ff9680;transform:translateY(-2px);box-shadow:0 4px 12px #00ff9633}.transit-card.no-interpretation{opacity:.5;border-color:#ffffff1a}.transit-name{font-size:1rem;font-weight:500;color:#fff}.transit-status{display:flex;align-items:center}.status-badge{font-size:.85rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.status-badge.available{background:#00ff9626;color:#00ff96;border:1px solid rgba(0,255,150,.3)}.status-badge.unavailable{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.interpretations-container{padding:2rem 1rem}.interpretations-header h1{font-size:2rem}.transit-grid{grid-template-columns:1fr}}