@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#fafafa;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}.App,body{min-height:100vh}.App{margin:0 auto;max-width:1400px;padding:0 0 2rem}.App-header{box-sizing:border-box;margin:0 calc(-50vw + 50%) 1rem;padding:0;text-align:center;z-index:1}.App-header,.header-content{position:relative;width:100vw}.header-content{align-items:center;display:flex;justify-content:space-between;left:50%;margin:0;max-width:100vw;padding:0 2rem;transform:translateX(-50%)}.login-container{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 1px 3px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.login-banner{border-radius:0;box-shadow:0 2px 8px #0000001a;height:auto;margin-bottom:1rem;max-height:120px;object-fit:contain;object-position:center;width:100%}.login-header p{color:#666;font-size:1.125rem;font-weight:400;margin-bottom:2rem}.login-content{margin:0 auto;max-width:400px;text-align:center}.login-description h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.5rem}.login-description p{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.login-button{align-items:center;background:#1a1a1a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease;width:100%}.login-button:hover{background:#333;transform:translateY(-1px)}.login-icon{height:24px;width:24px}.welcome-section{padding:2rem 0;text-align:center}.user-avatar{border:4px solid #f0f0f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;margin-bottom:1.5rem;width:100px}.welcome-section h2{color:#1a1a1a;font-size:1.75rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.75rem}.welcome-section p{color:#666;font-size:1.2rem;font-weight:500}.loading-spinner{text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}.user-profile{position:relative}.user-info{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;min-width:140px;padding:.5rem;transition:background-color .2s ease}.user-info:hover{background-color:#f5f5f5}.user-avatar-small{border:2px solid #e5e5e5;border-radius:50%;height:32px;width:32px}.user-name{color:#1a1a1a;font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#666;height:16px;transition:transform .2s ease;width:16px}.user-info:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f0f0f0;padding:1rem}.dropdown-item strong{color:#1a1a1a;display:block;font-size:.9rem;margin-bottom:.25rem}.dropdown-item span{color:#666;font-size:.8rem}.dropdown-divider{background:#f0f0f0;height:1px}.logout-button{align-items:center;background:none;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem;text-align:left;transition:background-color .2s ease;width:100%}.logout-button:hover{background-color:#fff5f5}.logout-icon{height:16px;width:16px}.loading-container{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh}.header-banner{border-radius:0;height:auto;margin-bottom:.25rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-height:120px;object-fit:contain;object-position:center;width:100vw}.App-header{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:.25rem}.header-content{box-shadow:0 2px 8px #0000001a;padding-bottom:.25rem;padding-top:0}.header-controls{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem;padding:0 2rem}.admin-toggle-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.admin-toggle-btn:hover{background:#0056b3}.admin-panel{border-top:2px solid #e5e5e5;margin-top:2rem;padding-top:2rem}.App-header p{align-items:center;color:#666;display:flex;font-size:1.125rem;font-weight:400;justify-content:center;margin:.5em;min-height:2rem;text-align:center}.App-main{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin:0 2rem;padding:2rem}.controls-section{margin-bottom:2rem}.controls-section,.main-controls{display:flex;flex-direction:column;gap:2rem}.location-container,.subject-container,.year-container{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem}.location-container h2,.subject-container h2,.year-container h2{color:#1a1a1a;font-size:1.25rem!important;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.location-methods{display:flex;flex-direction:column;gap:1.5rem}.location-method{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1rem}.location-method h3{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin:0 0 .75rem}.map-container{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem}.map-container h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.action-container{margin-top:1rem;text-align:center}.get-history-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:.875rem 2rem;transition:all .2s ease}.get-history-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.get-history-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.map-selector{max-width:100%;overflow:hidden;touch-action:manipulation;width:100%}.location-loading{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;padding:1rem;text-align:center}.location-loading p{color:#6c757d;font-size:.9rem;margin:0}.map-selector .selected-location{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-top:1rem;padding:1rem}.map-selector .selected-location p{color:#666;font-size:.875rem;margin:.25rem 0}.map-instructions{color:#666;font-size:.875rem;margin-top:1rem;text-align:center}.mobile-instruction{color:#888;font-size:.8rem;margin-top:.5rem}.get-location-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.get-location-btn:hover{background:#333}.get-location-btn:active{background:#000}.location-buttons{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.location-info-btn{align-items:center;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;height:44px;justify-content:center;min-width:44px;padding:.75rem;transition:background-color .2s ease}.location-info-btn:hover{background:#5a6268}.location-info-btn:active{background:#545b62}.location-prompt{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.location-prompt-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;max-width:90%;overflow-y:auto;padding:1.5rem}.location-prompt-content h3{color:#1a1a1a;font-size:1.25rem;margin:0 0 1rem;text-align:center}.location-prompt-content p{color:#666;font-size:.95rem;margin:0 0 1.5rem;text-align:center}.location-instructions{margin-bottom:1.5rem}.location-instructions h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.location-instructions ol{margin:.5rem 0;padding-left:1.5rem}.location-instructions li{color:#444;font-size:.9rem;line-height:1.4;margin:.5rem 0}.location-instructions strong{color:#1a1a1a;font-weight:600}.location-benefits{background:#f8f9fa;border-left:4px solid #1a1a1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.location-benefits h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 .75rem}.location-benefits ul{margin:0;padding-left:1.25rem}.location-benefits li{color:#444;font-size:.9rem;line-height:1.4;margin:.5rem 0}.location-prompt-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.allow-location-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;min-width:140px;padding:.875rem 1.5rem;transition:background-color .2s ease}.allow-location-btn:hover{background:#218838}.allow-location-btn:active{background:#1e7e34}.deny-location-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;min-width:140px;padding:.875rem 1.5rem;transition:background-color .2s ease}.deny-location-btn:hover{background:#5a6268}.deny-location-btn:active{background:#545b62}.retry-location-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-location-btn:hover{background:#333}.retry-location-btn:active{background:#000}.dismiss-prompt-btn{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;color:#666;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.dismiss-prompt-btn:hover{background:#e9ecef;color:#444}.dismiss-prompt-btn:active{background:#dee2e6}@media (max-width:768px){.location-prompt{padding:.5rem}.location-prompt-content{max-width:95%;padding:1.25rem}.location-prompt-content h3{font-size:1.1rem}.location-instructions li{font-size:.85rem}.location-prompt-actions{flex-direction:column;width:100%}.allow-location-btn,.deny-location-btn,.dismiss-prompt-btn,.retry-location-btn{padding:.875rem 1rem;width:100%}}.map-selector .google-map-container,.map-selector>div{max-width:100%;overflow:hidden;touch-action:manipulation}.map-selector .google-map-container>div,.map-selector .google-map-container>div>div{touch-action:manipulation!important}.year-selector{width:100%}.date-input-group,.subject-input-group,.year-input-group{margin-bottom:1rem}.date-input-group label,.subject-input-group label,.year-input-group label{color:#1a1a1a;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-with-clear{align-items:center;display:flex;position:relative}.date-input,.subject-input,.year-input{background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:border-color .2s ease;width:100%}.clear-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:24px;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.clear-button:hover{background:#f0f0f0;color:#666}.clear-button:active{background:#e0e0e0;color:#333}.date-input:focus,.subject-input:focus,.year-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.subject-suggestions{margin-top:.75rem}.suggestion-label{color:#666;display:block;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.suggestion-tags{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-tag{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:16px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.suggestion-tag:hover{background:#e0e0e0;border-color:#ccc;transform:translateY(-1px)}.suggestion-tag:active{transform:translateY(0)}.related-searches{border-top:1px solid #e5e5e5;margin-top:1.5rem;padding-top:1rem}.related-searches h4{color:#666;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.related-tags{display:flex;flex-wrap:wrap;gap:.5rem}.related-tag{background:#f8f9fa;border:1px solid #dee2e6;border-radius:16px;color:#495057;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:.375rem .875rem;transition:all .2s ease}.related-tag:hover{background:#e9ecef;border-color:#adb5bd;color:#212529;transform:translateY(-1px)}.related-tag:active{transform:translateY(0)}.year-select{background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.year-select:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.year-info{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1rem;padding:1rem}.year-info p{color:#666;font-size:.875rem;margin:.25rem 0}.history-display{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;overflow:hidden}.history-header{background:#1a1a1a;color:#fff;padding:2rem;text-align:center}.history-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.history-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.location-badge,.year-badge{background:#ffffff1a;border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.history-content{padding:2rem}.main-content h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.main-content p{color:#333;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.cultural-context,.key-events{border-top:1px solid #e5e5e5;margin-top:2rem;padding-top:2rem}.cultural-context h3,.key-events h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.key-events ul{list-style:none;padding:0}.key-events li{background:#fafafa;border-left:3px solid #1a1a1a;border-radius:8px;font-size:.875rem;line-height:1.6;margin:.5rem 0;padding:1rem}.cultural-context p{color:#333;font-size:1rem;line-height:1.7}.history-footer{background:#fafafa;border-top:1px solid #e5e5e5;padding:1.5rem 2rem}.disclaimer{color:#666;font-size:.875rem;font-style:italic;margin:0;text-align:center}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:center}.error-message h3{color:#dc2626;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.error-message p{color:#4b5563;font-size:.875rem;margin:.5rem 0}.error-message code{background:#f3f4f6;border-radius:6px;color:#1f2937;display:block;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;margin:.5rem 0;padding:.5rem .75rem}.manual-coordinates{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.manual-coordinates input{border:1px solid #e5e5e5;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem;text-align:center;width:120px}.manual-coordinates input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.narration-section{margin-top:2rem}.narration-controls{margin-bottom:2rem;text-align:center}.narration-controls .button-group{align-items:stretch;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.generate-narration-btn,.play-audio-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;height:auto;justify-content:center;min-width:200px;padding:1rem 1.5rem;text-align:center;transition:all .2s ease}.play-audio-btn{background:#1a1a1a;color:#fff}.play-audio-btn:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #1a1a1a4d;transform:translateY(-2px)}.generate-narration-btn{background:#1a1a1a;color:#fff}.generate-narration-btn:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #1a1a1a4d;transform:translateY(-2px)}.generate-narration-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.generate-narration-btn i{margin-right:.5rem}.narration-description{color:#666;font-size:.875rem;margin:0}.narration-player{background:#fff;border:0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:1rem;overflow:hidden}.narration-header{background:#1a1a1a;color:#fff;padding:1.5rem;text-align:center}.narration-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.narration-subtitle{font-size:.875rem;margin:0;opacity:.8}.narration-image{margin-bottom:2rem}.narration-image h4{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.image-container{display:flex;justify-content:center;margin-bottom:1rem}.historical-image{animation:subtle-movement 8s ease-in-out infinite;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 12px #00000026;height:auto;max-width:100%;transform-origin:center}@keyframes subtle-movement{0%{transform:scale(1) translateY(0)}25%{transform:scale(1.005) translateY(-1px)}50%{transform:scale(1.002) translateY(.5px)}75%{transform:scale(1.005) translateY(-.5px)}to{transform:scale(1) translateY(0)}}.narration-text h4{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.narration-script{background:#fafafa;border-left:3px solid #1a1a1a;border-radius:8px;color:#333;line-height:1.7;margin-bottom:1.5rem;padding:1.5rem}.narration-script p{font-size:.875rem;margin:0 0 1rem}.narration-script p:last-child{margin-bottom:0}.audio-controls{margin-top:1rem;text-align:center}.control-buttons{flex-direction:column;gap:1rem}.button-group,.control-buttons{align-items:center;display:flex}.button-group{gap:.5rem}.play-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.play-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.play-btn.playing{background:#dc2626}.pause-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.pause-btn:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.audio-info{color:#666;font-size:.75rem}.audio-unavailable{color:#666;text-align:center}.audio-unavailable p{font-size:.875rem;margin:.25rem 0}.audio-unavailable .note{color:#999;font-style:italic}.narration-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem}.narration-note p{color:#92400e;font-size:.875rem;margin:0}.slideshow-overlay{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.slideshow-overlay.active{opacity:1;visibility:visible}.slideshow-content{flex-direction:column;height:100%;padding:2rem;position:relative;width:100%}.slideshow-close,.slideshow-content{align-items:center;display:flex;justify-content:center}.slideshow-close{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:48px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:1010}.slideshow-close:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.slideshow-title{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border-radius:8px;color:#fff;font-size:1.25rem;font-weight:600;left:20px;padding:.5rem 1rem;position:absolute;top:20px;z-index:1010}.narration-slideshow{height:100%;max-height:80vh;max-width:1200px;width:100%}.narration-slideshow .image-slideshow{background:#000;border-radius:0;box-shadow:none}.narration-slideshow .slideshow-container{height:100%;max-height:80vh}.narration-slideshow .play-controls{background:#000c;border-top:1px solid #ffffff1a}.narration-slideshow .nav-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;color:#fff}.narration-slideshow .nav-button:hover{background:#000000e6;border-color:#fff6}.narration-slideshow .play-pause-button{background:#ffffff1a;border-color:#fff3}.narration-slideshow .play-pause-button:hover{background:#fff3;border-color:#fff6}@media (max-width:768px){.App{padding:0 0 1rem}.App-main{border-left:none;border-radius:0;border-right:none;margin:0}.App-header h1{font-size:2.5rem}.App-main{padding:1.5rem}.main-controls{gap:1.5rem}.location-container,.year-container{border-left:none;border-radius:0;border-right:none;margin:0 -1.5rem}.history-content,.history-header{padding:1.5rem}.year-buttons{justify-content:center}.manual-coordinates{align-items:center;flex-direction:column}.manual-coordinates input{max-width:200px;width:100%}.login-card{margin:1rem;padding:1.5rem}.login-banner{max-height:80px}.user-info{justify-content:center;min-width:auto;padding:.125rem .125rem .375rem}.user-name{display:none}.user-dropdown{min-width:180px;right:-1rem}.user-profile{display:flex;justify-content:center}.narration-controls .button-group{flex-direction:column;gap:.75rem}.generate-narration-btn,.play-audio-btn{margin:0 auto;max-width:280px;min-width:auto;width:100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.get-history-btn:disabled{animation:pulse 1.5s infinite}.email-access-manager{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.email-access-manager h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.email-access-manager h4{color:#1a1a1a;font-size:1.125rem;font-weight:500;margin:0 0 1rem}.config-section{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.toggle-section{display:flex;flex-direction:column;gap:.5rem}.toggle-section label{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.toggle-section input[type=checkbox]{accent-color:#007bff;height:18px;width:18px}.help-text{color:#666;font-size:.875rem;font-style:italic;margin:0}.add-item{display:flex;gap:.5rem;margin-bottom:1rem}.add-item input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:.875rem;padding:.75rem}.add-item button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s}.add-item button:hover:not(:disabled){background:#0056b3}.add-item button:disabled{background:#ccc;cursor:not-allowed}.item-list{display:flex;flex-direction:column;gap:.5rem}.item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem}.item span{color:#1a1a1a}.remove-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-btn:hover:not(:disabled){background:#c82333}.remove-btn:disabled{background:#ccc;cursor:not-allowed}.admin-item{background:#f8f9fa;border-color:#007bff}.admin-badge{background:#007bff;border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.location-search{width:100%}.search-container,.search-input-wrapper{position:relative;width:100%}.search-input{background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.search-loading{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#1a1a1a;height:16px;width:16px}.suggestions-container{background:#fff;border:1px solid #e5e5e5;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.suggestion-main{color:#1a1a1a;font-size:.875rem;font-weight:500}.suggestion-secondary{color:#666;font-size:.75rem;margin-top:.25rem}.search-instructions{margin-top:.75rem;text-align:center}.search-instructions p{color:#666;font-size:.875rem;font-style:italic;margin:0}.search-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;text-align:center}.search-error h3{color:#dc2626;font-size:1rem;margin:0 0 .5rem}.search-error p{color:#7f1d1d;font-size:.875rem;margin:.25rem 0}@media (max-width:768px){.email-access-manager{margin:1rem;padding:1rem}.add-item{flex-direction:column}.add-item button{width:100%}.suggestions-container{max-height:200px}.location-methods{gap:1rem}.location-method{padding:.75rem}.map-selector{height:auto;max-width:100%;overflow:hidden}.map-selector .google-map{height:300px!important}.map-selector .google-map,.map-selector .google-map-container,.map-selector .google-map-container>div{max-width:100%!important;overflow:hidden!important}.map-selector .google-map-container>div,.map-selector .google-map-container>div>div,.map-selector .google-map-container>div>div>div{touch-action:manipulation!important}.header-banner{max-height:80px}}.dropdown-link{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.dropdown-link:hover{background-color:#f8f9fa;color:#0056b3;text-decoration:none}.dropdown-link-icon{height:16px;width:16px}.audio-player-inline{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 24px #00000026;margin:2rem auto;max-width:600px;padding:20px 30px 30px;width:100%}.audio-player-header,.audio-player-inline{display:flex;flex-direction:column;justify-content:flex-start;position:relative}@media (min-width:768px){.audio-player-inline{max-width:700px;padding:25px 40px 40px}.audio-player-logo img{height:auto;width:250px}.audio-player-title{font-size:16px;margin-bottom:35px}.audio-text-sync{border-bottom:30px solid #f8f9fa;max-height:250px;min-height:180px;padding:25px 30px 25px 25px}.sync-content{font-size:15px;line-height:1.7;padding-bottom:25px}.audio-player-controls{gap:25px;margin-bottom:25px}.control-btn{height:45px;width:55px}.play-pause-btn{height:70px;width:70px}.play-pause-btn svg{height:28px;width:28px}.audio-time{font-size:18px;margin-top:15px}}.audio-player-content{text-align:center}.audio-player-logo{display:flex;justify-content:center;margin-bottom:20px}.audio-player-logo img{height:auto;object-fit:contain;width:200px}.audio-visualizer{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #6c757d;border-radius:8px;display:flex;height:50px;justify-content:center;margin:15px 0;padding:15px}.visualizer-bars{align-items:center;display:flex;gap:2px;height:40px;margin:0 auto;width:90%}.visualizer-bar{border-radius:2px;min-height:2px;transition:height .1s ease;width:3px}.visualizer-placeholder{align-items:center;display:flex;justify-content:center}.placeholder-bars{align-items:center;display:flex;gap:2px;height:40px}.placeholder-bar{animation:placeholder-pulse 2s ease-in-out infinite;background:linear-gradient(0deg,#666,#888);border-radius:2px;width:3px}.placeholder-bar:nth-child(2n){animation-delay:.5s}@keyframes placeholder-pulse{0%,to{opacity:.3}50%{opacity:.7}}.audio-player-title{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.audio-player-controls{gap:20px;margin-bottom:5px}.audio-player-controls,.control-btn{align-items:center;display:flex;justify-content:center}.control-btn{background:#f5f5f5;border:none;border-radius:25px;color:#666;cursor:pointer;height:40px;transition:background-color .2s;width:50px}.control-btn:hover{background:#e0e0e0}.control-btn svg{height:20px;width:20px}.main-control,.progress-ring{position:relative}.progress-ring{display:inline-block}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-circle-bg{transition:stroke .3s}.progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .1s ease}.play-pause-btn{align-items:center;background:#4a4a4a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:60px}.play-pause-btn:hover{background:#333;transform:translate(-50%,-50%) scale(1.05)}.play-pause-btn:disabled{cursor:not-allowed;opacity:.6}.play-pause-btn svg{height:24px;width:24px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-text-sync{align-items:flex-start;background:#f8f9fa;border-bottom:0 solid #f8f9fa;border-radius:8px;display:flex;height:0;margin:0;opacity:0;overflow:hidden;padding:0;scroll-behavior:smooth;transform:translateY(10px);transition:opacity 2.5s ease-out,transform 2.5s ease-out,height 2.5s ease-out,margin 2.5s ease-out,padding 2.5s ease-out,border-bottom 2.5s ease-out}.audio-text-sync.show{background:#f8f9fa;border-bottom:25px solid #f8f9fa;height:200px;margin:15px 0;opacity:1;overflow-y:auto;padding:20px 25px 20px 20px;transform:translateY(0)}.sync-content{word-wrap:break-word;color:#495057;font-size:14px;line-height:1.6;overflow-wrap:break-word;padding-bottom:20px;text-align:left;transition:opacity .3s ease-in-out;width:100%}.debug-current-word{text-decoration:underline;-webkit-text-decoration-color:#adb5bd;text-decoration-color:#adb5bd;text-decoration-thickness:2px;text-underline-offset:2px}.sync-controls{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex-direction:column;gap:8px;margin-top:15px;padding:10px}.sync-controls,.sync-row{align-items:center;display:flex;justify-content:center}.sync-row{gap:10px}.sync-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s ease}.sync-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.sync-info{color:#fff;font-size:12px;font-weight:500;min-width:80px;text-align:center}.current-word{animation:highlightPulse .5s ease-in-out;background:#e9ecef;border-radius:4px;color:#495057;font-weight:400;padding:2px 4px}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 #6c757d33;transform:scale(1)}50%{box-shadow:0 0 0 4px #6c757d00;transform:scale(1.02)}to{box-shadow:0 0 0 0 #6c757d00;transform:scale(1)}}.audio-time{color:#4a4a4a;font-size:16px;font-weight:500;margin-top:10px}@media (max-width:480px){.audio-player-modal{margin:20px;padding:20px}.audio-player-controls{gap:15px}.control-btn{height:35px;width:45px}.play-pause-btn{height:55px;width:55px}.play-pause-btn svg{height:22px;width:22px}}*{box-sizing:border-box}*,.landing-page{margin:0;padding:0}.landing-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}.landing-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-page .header{background:#fff;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.landing-page .header-content{align-items:center;box-shadow:none;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.5em 2rem}.landing-page .header .container{padding:0}.landing-page .logo{align-items:center;display:flex;gap:12px}.landing-page .logo img{height:65px;width:auto}.landing-page .auth-buttons{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:1rem}.landing-page .btn{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;min-height:44px;min-width:80px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.landing-page .btn-login{background:#0000;color:#666;font-weight:600;padding:.75rem 0}.landing-page .btn-login:hover{color:#333}.landing-page .btn-get-started{background:#333;border-radius:12px;color:#fff;padding:.75rem 1.5rem}.landing-page .btn-get-started:hover{background:#555;transform:translateY(-2px)}.landing-page .btn-primary{background:#333;color:#fff}.landing-page .btn-primary:hover{background:#555;transform:translateY(-2px)}.landing-page .btn-secondary{background:#f3f4f6;border:2px solid #f3f4f6;color:#333}.landing-page .btn-secondary:hover{background:#e5e7eb;color:#333;transform:translateY(-2px)}.landing-page .hero{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 15%,#16213e 30%,#2d1b69 50%,#553c9a 70%,#7c3aed 85%,#a855f7);display:flex;height:600px;justify-content:center;margin-top:0;overflow:hidden;padding-top:0;position:relative;top:0;width:100%}.background-elements{height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%}.world-map{height:400px;left:50%;opacity:.08;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.continent{background:#ffffff4d;border-radius:20px;position:absolute}.north-america{border-radius:30px 10px 40px 20px;height:100px;left:180px;top:80px;width:120px}.europe{border-radius:15px;height:60px;left:380px;top:100px;width:80px}.asia{border-radius:40px 20px 30px 50px;height:120px;left:450px;top:60px;width:200px}.africa{border-radius:20px 30px 40px 25px;height:140px;left:370px;top:140px;width:90px}.australia{border-radius:25px;height:40px;left:600px;top:280px;width:60px}.time-portal{animation:pulse-portal 8s ease-in-out infinite;border:3px solid #fff3;border-radius:50%;position:absolute}.portal-1{animation-delay:0s;height:300px;left:100px;top:150px;width:300px}.portal-2{animation-delay:4s;height:200px;right:150px;top:200px;width:200px}.timeline-horizontal{background:linear-gradient(90deg,#0000 0,#7c3aed66 20%,#a78bfa99 50%,#7c3aed66 80%,#0000);bottom:100px;height:4px;left:200px;position:absolute;right:200px}.timeline-markers-horizontal{bottom:95px;height:14px;left:200px;position:absolute;right:200px}.timeline-marker{animation:glow-marker 3s ease-in-out infinite;background:#fffc;border-radius:50%;height:14px;position:absolute;top:0;width:14px}.marker-h1{animation-delay:0s;left:20%}.marker-h2{animation-delay:1s;left:40%}.marker-h3{animation-delay:2s;left:60%}.marker-h4{animation-delay:.5s;left:80%}.ai-network{height:200px;left:50px;opacity:.12;position:absolute;top:50px;width:300px}.ai-node{animation:node-pulse 4s ease-in-out infinite;background:#fff9;border-radius:50%;height:8px;position:absolute;width:8px}.node-1{animation-delay:0s;left:40px;top:20px}.node-2{animation-delay:1s;left:100px;top:60px}.node-3{animation-delay:2s;left:60px;top:120px}.node-4{animation-delay:3s;left:180px;top:80px}.ai-connection{animation:connection-flow 6s ease-in-out infinite;background:#7c3aed66;height:2px;position:absolute}.conn-1{animation-delay:0s;left:44px;top:24px;transform:rotate(25deg);width:60px}.conn-2{animation-delay:2s;left:104px;top:64px;transform:rotate(-35deg);width:80px}.historical-elements{height:100%;position:absolute;width:100%}.history-icon{animation:float-history 12s ease-in-out infinite;font-size:28px;opacity:.25;position:absolute}.icon-h1{animation-delay:0s;left:300px;top:80px}.icon-h2{animation-delay:3s;right:400px;top:120px}.icon-h3{animation-delay:6s;bottom:150px;left:500px}.icon-h4{animation-delay:9s;bottom:200px;right:300px}.icon-h5{animation-delay:1.5s;left:800px;top:200px}.icon-h6{animation-delay:4.5s;bottom:100px;right:600px}.content-area{color:#fff;max-width:1200px;padding:2rem;position:relative;text-align:center;width:100%;z-index:10}.brand-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff 20%,#e0e7ff 40%,#c7d2fe 60%,#a78bfa 80%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:1rem;text-shadow:0 0 50px #7c3aed99}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8fafc 30%,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3.8rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.4rem;font-weight:300;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:900px;opacity:.9}.cta-section{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cta-btn{border:none;border-radius:50px;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:200px;overflow:hidden;padding:1.3rem 3.5rem;position:relative;transition:all .4s ease}.btn-start{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);box-shadow:0 15px 40px #7c3aed66;color:#fff}.btn-start:hover{box-shadow:0 20px 50px #7c3aed99;transform:translateY(-3px)}.btn-learn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.btn-learn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.particles{height:100%;overflow:hidden;position:absolute;width:100%}.particle{animation:particle-drift 15s linear infinite;background:#fff9;border-radius:50%;height:3px;position:absolute;width:3px}.hero-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-particle{animation:heroParticleFloat 20s linear infinite;background:#fff;border-radius:50%;height:1px;position:absolute;width:1px}.hero-particle:before{animation:heroParticleTrail 20s linear infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.hero-particle:first-child{animation-delay:0s;left:10%}.hero-particle:nth-child(2){animation-delay:.5s;left:15%}.hero-particle:nth-child(3){animation-delay:1s;left:20%}.hero-particle:nth-child(4){animation-delay:1.5s;left:25%}.hero-particle:nth-child(5){animation-delay:2s;left:30%}.hero-particle:nth-child(6){animation-delay:2.5s;left:35%}.hero-particle:nth-child(7){animation-delay:3s;left:40%}.hero-particle:nth-child(8){animation-delay:3.5s;left:45%}.hero-particle:nth-child(9){animation-delay:4s;left:50%}.hero-particle:nth-child(10){animation-delay:4.5s;left:55%}.hero-particle:nth-child(11){animation-delay:5s;left:60%}.hero-particle:nth-child(12){animation-delay:5.5s;left:65%}.hero-particle:nth-child(13){animation-delay:6s;left:70%}.hero-particle:nth-child(14){animation-delay:6.5s;left:75%}.hero-particle:nth-child(15){animation-delay:7s;left:80%}.hero-particle:nth-child(16){animation-delay:7.5s;left:85%}.hero-particle:nth-child(17){animation-delay:8s;left:90%}.hero-particle:nth-child(18){animation-delay:8.5s;left:95%}.hero-particle:nth-child(19){animation-delay:9s;left:5%}.hero-particle:nth-child(20){animation-delay:9.5s;left:12%}.hero-particle:nth-child(21){animation-delay:10s;left:18%}.hero-particle:nth-child(22){animation-delay:10.5s;left:22%}.hero-particle:nth-child(23){animation-delay:11s;left:28%}.hero-particle:nth-child(24){animation-delay:11.5s;left:32%}.hero-particle:nth-child(25){animation-delay:12s;left:38%}.hero-particle:nth-child(26){animation-delay:12.5s;left:42%}.hero-particle:nth-child(27){animation-delay:13s;left:48%}.hero-particle:nth-child(28){animation-delay:13.5s;left:52%}.hero-particle:nth-child(29){animation-delay:14s;left:58%}.hero-particle:nth-child(30){animation-delay:14.5s;left:62%}.hero-particle:nth-child(31){animation-delay:15s;left:68%}.hero-particle:nth-child(32){animation-delay:15.5s;left:72%}.hero-particle:nth-child(33){animation-delay:16s;left:78%}.hero-particle:nth-child(34){animation-delay:16.5s;left:82%}.hero-particle:nth-child(35){animation-delay:17s;left:88%}.hero-particle:nth-child(36){animation-delay:17.5s;left:92%}.hero-particle:nth-child(37){animation-delay:18s;left:96%}.hero-particle:nth-child(38){animation-delay:18.5s;left:8%}.hero-particle:nth-child(39){animation-delay:19s;left:14%}.hero-particle:nth-child(40){animation-delay:19.5s;left:16%}@keyframes pulse-portal{0%,to{border-color:#fff3;opacity:.2;transform:scale(.9)}50%{border-color:#a78bfa66;opacity:.4;transform:scale(1.1)}}@keyframes glow-marker{0%,to{box-shadow:0 0 10px #ffffff4d;opacity:.7;transform:scale(1)}50%{box-shadow:0 0 20px #a78bfa99;opacity:1;transform:scale(1.4)}}@keyframes node-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}@keyframes connection-flow{0%,to{opacity:.2}50%{opacity:.6}}@keyframes float-history{0%,to{opacity:.2;transform:translateY(0) rotate(0deg)}33%{opacity:.35;transform:translateY(-15px) rotate(5deg)}66%{opacity:.3;transform:translateY(5px) rotate(-3deg)}}@keyframes particle-drift{0%{opacity:0;transform:translateX(-100px)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateX(2020px)}}@keyframes heroParticleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(100px)}}@keyframes heroParticleTrail{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}10%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}90%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(0)}}.landing-page .hero .container{position:relative;z-index:2}.landing-page .hero h2{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.landing-page .hero p{font-size:1.3rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.landing-page .hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-page .btn-large{font-size:1.1rem;padding:1rem 2rem}.landing-page .features{background:#fff;padding:80px 0}.landing-page .section-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.landing-page .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.landing-page .feature-card{background:#f8f9fa;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.landing-page .feature-card:hover{transform:translateY(-5px)}.landing-page .feature-icon{align-items:center;color:#667eea;display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem}.landing-page .feature-icon i{color:#667eea;font-family:Font Awesome\ 6 Free,Font Awesome\ 6 Pro,Font Awesome\ 5 Free,Font Awesome\ 5 Pro,FontAwesome;font-size:3rem;font-weight:900}.landing-page .feature-card h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.landing-page .feature-card p{color:#666;line-height:1.6}.landing-page .how-it-works{background:#f8f9fa;padding:80px 0}.landing-page .steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.landing-page .step{padding:2rem;text-align:center}.landing-page .step-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.landing-page .step h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.landing-page .step p{color:#666}.landing-page .cta{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);color:#fff;overflow:hidden;padding:80px 0;position:relative;text-align:center}.cta-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.cta-particle{animation:ctaParticleFloat 20s linear infinite;background:#fff;border-radius:50%;height:1px;position:absolute;width:1px}.cta-particle:before{animation:ctaParticleTrail 20s linear infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.cta-particle:first-child{animation-delay:0s;left:10%}.cta-particle:nth-child(2){animation-delay:.5s;left:15%}.cta-particle:nth-child(3){animation-delay:1s;left:20%}.cta-particle:nth-child(4){animation-delay:1.5s;left:25%}.cta-particle:nth-child(5){animation-delay:2s;left:30%}.cta-particle:nth-child(6){animation-delay:2.5s;left:35%}.cta-particle:nth-child(7){animation-delay:3s;left:40%}.cta-particle:nth-child(8){animation-delay:3.5s;left:45%}.cta-particle:nth-child(9){animation-delay:4s;left:50%}.cta-particle:nth-child(10){animation-delay:4.5s;left:55%}.cta-particle:nth-child(11){animation-delay:5s;left:60%}.cta-particle:nth-child(12){animation-delay:5.5s;left:65%}.cta-particle:nth-child(13){animation-delay:6s;left:70%}.cta-particle:nth-child(14){animation-delay:6.5s;left:75%}.cta-particle:nth-child(15){animation-delay:7s;left:80%}.cta-particle:nth-child(16){animation-delay:7.5s;left:85%}.cta-particle:nth-child(17){animation-delay:8s;left:90%}.cta-particle:nth-child(18){animation-delay:8.5s;left:95%}.cta-particle:nth-child(19){animation-delay:9s;left:5%}.cta-particle:nth-child(20){animation-delay:9.5s;left:12%}.cta-particle:nth-child(21){animation-delay:10s;left:18%}.cta-particle:nth-child(22){animation-delay:10.5s;left:22%}.cta-particle:nth-child(23){animation-delay:11s;left:28%}.cta-particle:nth-child(24){animation-delay:11.5s;left:32%}.cta-particle:nth-child(25){animation-delay:12s;left:38%}.cta-particle:nth-child(26){animation-delay:12.5s;left:42%}.cta-particle:nth-child(27){animation-delay:13s;left:48%}.cta-particle:nth-child(28){animation-delay:13.5s;left:52%}.cta-particle:nth-child(29){animation-delay:14s;left:58%}.cta-particle:nth-child(30){animation-delay:14.5s;left:62%}.cta-particle:nth-child(31){animation-delay:15s;left:68%}.cta-particle:nth-child(32){animation-delay:15.5s;left:72%}.cta-particle:nth-child(33){animation-delay:16s;left:78%}.cta-particle:nth-child(34){animation-delay:16.5s;left:82%}.cta-particle:nth-child(35){animation-delay:17s;left:88%}.cta-particle:nth-child(36){animation-delay:17.5s;left:92%}.cta-particle:nth-child(37){animation-delay:18s;left:96%}.cta-particle:nth-child(38){animation-delay:18.5s;left:8%}.cta-particle:nth-child(39){animation-delay:19s;left:14%}.cta-particle:nth-child(40){animation-delay:19.5s;left:16%}@keyframes ctaParticleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(100px)}}@keyframes ctaParticleTrail{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}10%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}90%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(0)}}.landing-page .cta .container{position:relative;z-index:2}.landing-page .cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.landing-page .cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.landing-page .footer{background:#333;color:#fff;padding:2rem 0;text-align:center}@media (max-width:1200px){.hero-title{font-size:3.2rem}.hero-subtitle{font-size:1.3rem;max-width:800px}.content-area{padding:5em 1.5rem 1.5rem}}@media (max-width:480px){.landing-page .hero{height:450px;margin-top:80px;overflow:hidden}.hero-title{word-wrap:break-word;font-size:2.2rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;padding-top:.5rem}.hero-subtitle{word-wrap:break-word;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.content-area{box-sizing:border-box;max-width:100%;padding:5em .5rem .5rem;width:100%}.cta-btn{box-sizing:border-box;font-size:1rem;min-width:180px;padding:.9rem 1.5rem}.ai-network,.historical-elements,.particles,.portal-1,.portal-2,.timeline-horizontal,.timeline-markers-horizontal,.world-map{display:none}}@media (max-width:360px){.landing-page .hero{height:400px;margin-top:80px}.hero-title{font-size:1.8rem;padding-top:.5rem}.cta-btn,.hero-subtitle{font-size:.9rem}.cta-btn{min-width:160px;padding:.8rem 1.2rem}}@media (max-width:480px){.landing-page .header{padding:1rem 0 .5rem}.landing-page .header-content{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;max-width:900px;padding:1rem 1.5rem 0}.landing-page .logo{align-items:center;display:flex;flex-shrink:0;gap:6px}.landing-page .logo img{height:55px;width:auto}.landing-page .auth-buttons{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem}.landing-page .btn-login{font-size:.85rem;padding:.5rem 0}.landing-page .btn-get-started{font-size:.85rem;min-height:36px;min-width:90px;padding:.5rem 1rem}}@media (max-width:360px){.landing-page .header{padding:.75rem 0 .5rem}.landing-page .header-content{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;max-width:800px;padding:.75rem 1rem 0}.landing-page .logo{align-items:center;display:flex;flex-shrink:0;gap:5px}.landing-page .logo img{height:45px;width:auto}.landing-page .auth-buttons{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem}.landing-page .btn-login{font-size:.8rem;padding:.5rem 0}.landing-page .btn-get-started{font-size:.8rem;min-height:32px;min-width:80px;padding:.5rem .8rem}}.admin-dashboard{background:#f8f9fa;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e5e5e5;box-shadow:2px 0 4px #0000001a;height:100vh;overflow-y:auto;position:fixed;width:240px;z-index:1000}.sidebar-header{background:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:20px}.sidebar-header h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0 0 5px}.sidebar-header p{color:#666;font-size:.9rem;margin:0}.sidebar-nav{padding:10px 0}.nav-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;padding:12px 20px;text-align:left;transition:background-color .2s ease;width:100%}.nav-item:hover{background-color:#f0f0f0}.nav-item.active{background-color:#e3f2fd;border-right:3px solid #1976d2;color:#1976d2}.nav-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.nav-text{font-weight:500}.admin-main{background:#f8f9fa;flex:1 1;margin-left:240px}.admin-header{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000001a;padding:20px 30px}.admin-header h1{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin:0}.admin-content,.admin-page{padding:30px}.admin-page{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-page h2{color:#1a1a1a;font-size:1.6rem;font-weight:600;margin:0 0 20px}.doc-section h3{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin:25px 0 15px}.doc-section h4{color:#333;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.doc-section p{color:#666;line-height:1.6;margin-bottom:15px}.doc-section ul{margin:15px 0;padding-left:20px}.doc-section li{color:#666;line-height:1.6;margin-bottom:8px}.api-section{background:#f8f9fa;border-radius:6px;margin:20px 0;padding:20px}.api-section h5{color:#1a1a1a;font-size:1rem;font-weight:600;margin:15px 0 10px}.api-section code{background:#e9ecef;border-radius:4px;color:#495057;display:block;font-family:Courier New,monospace;font-size:.9rem;margin:5px 0;padding:8px 12px}.profile-section{max-width:600px}.profile-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;margin-bottom:30px;padding-bottom:20px}.profile-avatar{border:3px solid #e5e5e5;border-radius:50%;height:80px;margin-right:20px;width:80px}.profile-info h3{color:#1a1a1a;font-size:1.4rem;font-weight:600;margin:0 0 5px}.profile-email{color:#666;font-size:1rem;margin:0 0 10px}.admin-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.profile-details h4{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:25px 0 15px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.detail-item{background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.detail-item label{color:#333;font-weight:600}.detail-item span{color:#666}.role-info{background:#e3f2fd;border-radius:6px;margin:20px 0;padding:20px}.role-info p{color:#1976d2;font-weight:500;margin:8px 0}.security-section{display:flex;flex-wrap:wrap;gap:10px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .2s ease}.metric-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.metric-icon{font-size:2rem;margin-bottom:10px}.metric-content h3{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin:0 0 5px}.metric-content p{color:#666;font-size:.9rem;margin:0}.analytics-section{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:30px;padding:20px}.analytics-section h3{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin:0 0 15px}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{align-items:center;background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.activity-time{color:#666;font-size:.8rem;font-weight:500}.activity-text{color:#333;font-size:.9rem}.quick-actions{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px}.quick-actions h3{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin:0 0 15px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-secondary:hover{background:#545b62}.admin-access-denied{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.admin-access-denied h2{color:#dc3545;font-size:2rem;margin-bottom:20px}.admin-access-denied p{color:#666;font-size:1.1rem;margin-bottom:10px}@media (max-width:768px){.admin-sidebar{height:auto;position:relative;width:100%}.admin-main{margin-left:0}.detail-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-buttons,.activity-item{flex-direction:column}.activity-item{align-items:flex-start;gap:5px}}.realtime-narration-player{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#fff;margin:20px 0;overflow:hidden;padding:24px;position:relative}.realtime-narration-player:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.realtime-header{margin-bottom:24px;position:relative;text-align:center;z-index:1}.realtime-header h3{font-size:1.5rem;font-weight:600;margin:0 0 16px;text-shadow:0 2px 4px #0000004d}.progress-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.progress-bar{background:#ffffff4d;border:1px solid #fff3;border-radius:6px;flex:1 1;height:12px;max-width:300px;overflow:hidden}.progress-bar,.progress-fill{position:relative;transform:translateZ(0)}.progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;height:100%;min-width:4px;transition:width .3s ease;will-change:width}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateZ(0)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.phase-indicator{font-size:.9rem;font-weight:500;margin-bottom:16px;opacity:.9}.cancel-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.cancel-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.realtime-narration-player{margin:16px 0;padding:16px}.realtime-header h3{font-size:1.3rem}.progress-container{flex-direction:column;gap:8px;width:100%}.progress-bar{height:16px;max-width:100%;min-width:200px;width:100%}}@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width:768px){.progress-bar{border-radius:10px;height:20px;min-width:250px;width:100%}.progress-fill{border-radius:10px;min-width:8px}.progress-text{font-size:1.1rem;font-weight:700}.progress-container{padding:0 10px;width:100%}}@media (prefers-color-scheme:dark){.realtime-narration-player{background:linear-gradient(135deg,#1e293b,#334155)}}
/*# sourceMappingURL=main.715f7286.css.map*/