.star-icon{animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.globe-icon{animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.location-pin{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.sparkle-container{position:relative;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;animation:sparkleFloat 3s ease-in-out infinite}.sparkle-0{top:10%;left:20%;animation-delay:0s}.sparkle-1{top:30%;left:60%;animation-delay:.5s}.sparkle-2{top:50%;left:40%;animation-delay:1s}.sparkle-3{top:70%;left:80%;animation-delay:1.5s}.sparkle-4{top:90%;left:10%;animation-delay:2s}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:0}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;animation:float 15s ease-in-out infinite}.particle-dot{width:4px;height:4px;background:#667eea99;border-radius:50%;box-shadow:0 0 10px #667eeacc}@keyframes float{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}.particle-0{left:5%;animation-delay:0s}.particle-1{left:10%;animation-delay:.5s}.particle-2{left:15%;animation-delay:1s}.particle-3{left:20%;animation-delay:1.5s}.particle-4{left:25%;animation-delay:2s}.particle-5{left:30%;animation-delay:2.5s}.particle-6{left:35%;animation-delay:3s}.particle-7{left:40%;animation-delay:3.5s}.particle-8{left:45%;animation-delay:4s}.particle-9{left:50%;animation-delay:4.5s}.particle-10{left:55%;animation-delay:5s}.particle-11{left:60%;animation-delay:5.5s}.particle-12{left:65%;animation-delay:6s}.particle-13{left:70%;animation-delay:6.5s}.particle-14{left:75%;animation-delay:7s}.particle-15{left:80%;animation-delay:7.5s}.particle-16{left:85%;animation-delay:8s}.particle-17{left:90%;animation-delay:8.5s}.particle-18{left:95%;animation-delay:9s}.particle-19{left:100%;animation-delay:9.5s}.pulse-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(102,126,234,.6);border-radius:50%;animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.bounce-animation{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rotate-animation{animation:rotate 2s linear infinite}@keyframes gameGlow{0%,to{box-shadow:0 0 10px #667eea80}50%{box-shadow:0 0 20px #667eeacc,0 0 30px #667eea99}}.game-glow{animation:gameGlow 2s ease-in-out infinite}@keyframes celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.celebrate{animation:celebrate .6s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fadeInScale .5s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.search-container{position:absolute;top:30px;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:600px}.search-bar{display:flex;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:12px 20px;box-shadow:0 8px 32px #0003;gap:12px}[data-theme=dark] .search-bar{background:#2a2a3ef2}.search-icon{color:#667eea;flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--text-primary)}.search-input::placeholder{color:var(--text-secondary)}.filter-btn{background:transparent;border:none;color:#667eea;cursor:pointer;padding:5px;display:flex;align-items:center;transition:all .2s}.filter-btn:hover{transform:scale(1.1)}.search-results{color:#667eea;font-size:14px;font-weight:600;white-space:nowrap}.search-filters{margin-top:10px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:15px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:10px;animation:slideDown .3s ease}[data-theme=dark] .search-filters{background:#2a2a3ef2}.filter-item{display:flex;align-items:center;gap:8px}.filter-item label{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.filter-input{width:60px;padding:5px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-secondary);color:var(--text-primary)}.clear-filters-btn{background:#ff6b6b;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:5px;align-self:flex-start;transition:all .2s}.clear-filters-btn:hover{background:#ee5a6f;transform:translateY(-2px)}@media(max-width:768px){.search-container{top:10px;left:10px;right:10px;max-width:none;transform:none}.search-bar{padding:10px 15px}.search-input{font-size:14px}}.gallery-toggle{position:absolute;bottom:30px;left:30px;z-index:10;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 25px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #0000004d;transition:all .3s ease}.gallery-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0006}.gallery-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.gallery-container{width:90%;max-width:1200px;height:90vh;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease}.gallery-close{position:absolute;top:-50px;right:0;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .2s}.gallery-close:hover{background:#ffffff4d;transform:rotate(90deg)}.gallery-header{color:#fff;text-align:center;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.gallery-header h2{font-size:32px;margin:0}.gallery-header-actions{display:flex;align-items:center;gap:15px}.gallery-header-actions p{color:#ffffffb3;font-size:16px;margin:0}.share-gallery-btn{background:#fff3;color:#fff;border:none;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;font-size:14px}.share-gallery-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.shared-indicator{color:#4caf50;font-weight:600}.gallery-main{flex:1;display:flex;align-items:center;gap:20px;margin-bottom:20px}.gallery-nav{background:#fff3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;flex-shrink:0}.gallery-nav:hover{background:#ffffff4d;transform:scale(1.1)}.gallery-media{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-height:100%}.gallery-media img,.gallery-media video{max-width:100%;max-height:60vh;border-radius:15px;box-shadow:0 10px 40px #00000080;object-fit:contain}.gallery-info{color:#fff;text-align:center;max-width:600px}.gallery-info h3{font-size:24px;margin-bottom:10px}.gallery-info p{color:#fffc;margin-bottom:15px;line-height:1.6}.view-location-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-location-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.gallery-thumbnails::-webkit-scrollbar{height:8px}.gallery-thumbnails::-webkit-scrollbar-track{background:transparent}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.thumbnail{width:100px;height:100px;border-radius:10px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s;flex-shrink:0}.thumbnail:hover{transform:scale(1.1);border-color:#ffffff80}.thumbnail.active{border-color:#667eea;box-shadow:0 0 20px #667eea99}.thumbnail img,.thumbnail video{width:100%;height:100%;object-fit:cover}.stars-container{position:relative}.stars-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:10px 15px;border-radius:20px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.stars-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.stars-btn.animate{animation:starPulse .6s ease}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}}.stars-btn svg.filled{fill:gold;color:#ff8c00}.stars-amount-selector{position:absolute;bottom:50px;left:0;background:#fff;border-radius:15px;padding:15px;box-shadow:0 8px 30px #0000004d;z-index:1000;animation:slideUp .3s ease;min-width:200px}.stars-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.star-amount-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-weight:600;transition:all .2s}.star-amount-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffd70066}.close-stars-selector{position:absolute;top:5px;right:5px;background:#f0f0f0;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s}.close-stars-selector:hover{background:#e0e0e0}.record-button-container{position:relative}.record-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:10px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.record-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.record-btn.recording{animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #ff6b6b4d}50%{box-shadow:0 4px 25px #ff6b6bcc}}.recording-indicator{width:10px;height:10px;background:red;border-radius:50%;animation:blink 1s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.record-type-selector{display:flex;gap:10px;align-items:center;background:#fff;padding:10px;border-radius:15px;box-shadow:0 4px 15px #0003;position:absolute;bottom:50px;left:0;z-index:1000}.record-type-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.record-type-btn:hover{transform:scale(1.05)}.cancel-record-btn{background:#f0f0f0;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.cancel-record-btn:hover{background:#e0e0e0}.share-button-container{position:relative}.share-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.share-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.share-overlay{position:fixed;inset:0;z-index:99}.share-menu{position:absolute;bottom:50px;left:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:15px;min-width:200px;z-index:100;animation:slideUp .3s ease}[data-theme=dark] .share-menu{background:#2a2a3e}.share-menu-header h3{margin:0 0 15px;color:#333;font-size:16px}[data-theme=dark] .share-menu-header h3{color:var(--text-primary)}.share-options{display:flex;flex-direction:column;gap:8px}.share-option{display:flex;align-items:center;gap:10px;padding:12px;border:none;border-radius:10px;background:#f8f9fa;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333;text-align:left;width:100%}[data-theme=dark] .share-option{background:#ffffff0d;color:var(--text-primary)}.share-option:hover{background:#e0e0e0;transform:translate(5px)}[data-theme=dark] .share-option:hover{background:#ffffff1a}.share-option.native{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.share-option.native:hover{background:linear-gradient(135deg,#5568d3,#653a91)}.share-option.facebook{background:#1877f2;color:#fff}.share-option.twitter{background:#1da1f2;color:#fff}.share-option.linkedin{background:#0077b5;color:#fff}.share-option.email{background:#34a853;color:#fff}.share-option.copy{background:#667eea;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:600px;max-height:90vh;overflow-y:auto;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-header{margin-bottom:20px}.modal-header h2{color:#333;margin-bottom:8px;font-size:24px}.coordinates{color:#666;font-size:14px}.note-section{background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;gap:10px;align-items:flex-start}.note-section svg{color:#667eea;flex-shrink:0;margin-top:2px}.note-section p{color:#555;line-height:1.6}.media-section{margin-bottom:20px}.media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.media-header h3{color:#333;font-size:18px}.add-media-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.add-media-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px}.media-item{border-radius:10px;overflow:hidden;aspect-ratio:1;background:#f0f0f0}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.no-media{color:#999;text-align:center;padding:30px;font-style:italic}.social-actions{display:flex;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.like{background:#ffe0e0;color:#e74c3c}.action-btn.like:hover{background:#fcc}.action-btn.dislike{background:#e0e0ff;color:#3498db}.action-btn.dislike:hover{background:#ccf}.action-btn.share{background:#e0ffe0;color:#27ae60}.action-btn.share:hover{background:#cfc}.comments-section h3{color:#333;margin-bottom:15px;font-size:18px}.comments-list{max-height:200px;overflow-y:auto;margin-bottom:15px}.comment{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:10px}.comment strong{color:#667eea;display:block;margin-bottom:5px}.comment p{color:#555;margin-bottom:5px}.comment-time{color:#999;font-size:12px}.comment-input{display:flex;gap:10px}.comment-input input{flex:1;padding:10px 15px;border:2px solid #eee;border-radius:20px;outline:none;font-size:14px}.comment-input input:focus{border-color:#667eea}.comment-input button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.comment-input button:hover{transform:scale(1.1)}.visitor-section{margin-top:15px;padding-top:15px;border-top:1px solid #eee}[data-theme=dark] .visitor-section{border-top-color:#444}.visitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.visitor-header h3{color:#333;font-size:16px;margin:0}[data-theme=dark] .visitor-header h3{color:var(--text-primary)}.checkin-btn{background:linear-gradient(135deg,#34a853,#2e7d32);color:#fff;border:none;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.checkin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #34a85366}.checkin-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.visitor-input{padding:10px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none}.visitor-input:focus{border-color:#34a853}.checkin-actions{display:flex;gap:10px}.confirm-checkin-btn,.cancel-checkin-btn{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-checkin-btn{background:#34a853;color:#fff}.confirm-checkin-btn:hover{background:#2e7d32}.cancel-checkin-btn{background:#f0f0f0;color:#666}.cancel-checkin-btn:hover{background:#e0e0e0}.visitor-count{color:#667eea;font-size:14px;font-weight:600;margin-top:5px}.record-section{margin-top:15px;padding-top:15px;border-top:1px solid #eee}[data-theme=dark] .record-section{border-top-color:#444}.heart-icon-small{width:20px;height:20px;color:#e74c3c}.form-section{display:flex;flex-direction:column;gap:15px}.form-input,.form-textarea{padding:12px 15px;border:2px solid #eee;border-radius:10px;outline:none;font-size:14px;font-family:inherit}.form-textarea{resize:vertical}.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.media-preview-item{border-radius:8px;overflow:hidden;aspect-ratio:1;background:#f0f0f0}.media-preview-item img,.media-preview-item video{width:100%;height:100%;object-fit:cover}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.advice-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.advice-modal-content{background:#fff;border-radius:20px;padding:30px;max-width:700px;max-height:90vh;overflow-y:auto;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.advice-close-btn{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.advice-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.advice-header{text-align:center;margin-bottom:30px}.advice-header svg{color:gold;margin-bottom:10px}.advice-header h2{color:#333;margin-bottom:8px;font-size:28px}.advice-header p{color:#666;font-size:14px}.advice-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #eee}.advice-input,.advice-textarea{padding:12px 15px;border:2px solid #eee;border-radius:10px;outline:none;font-size:14px;font-family:inherit;transition:all .2s}.advice-input:focus,.advice-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.advice-textarea{resize:vertical;min-height:120px}.advice-submit-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.advice-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffd70066}.advice-list h3{color:#333;margin-bottom:20px;font-size:20px}.advice-items{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px}.advice-items::-webkit-scrollbar{width:8px}.advice-items::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.advice-items::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.advice-item{background:#f8f9fa;padding:15px;border-radius:10px;border-left:4px solid #ffd700}.advice-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.advice-item-header strong{color:#667eea;font-size:16px}.advice-time{color:#999;font-size:12px}.advice-item p{color:#555;line-height:1.6}.no-advice{color:#999;text-align:center;padding:40px;font-style:italic}.location-popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.location-popup-content{background:#fff;border-radius:20px;padding:25px;max-width:600px;max-height:80vh;overflow-y:auto;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.popup-close-btn{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.popup-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.popup-header{display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}.popup-header svg{color:#667eea;flex-shrink:0}.popup-header h2{color:#333;margin-bottom:5px;font-size:22px}.popup-coordinates{color:#666;font-size:14px;margin-bottom:5px}.popup-count{color:#667eea;font-size:14px;font-weight:600}.popup-locations-list{display:flex;flex-direction:column;gap:15px}.popup-location-item{background:#f8f9fa;padding:15px;border-radius:12px;border-left:4px solid #667eea;transition:all .2s}.popup-location-item:hover{background:#f0f0f0;transform:translate(5px)}.location-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.location-item-header h3{color:#333;font-size:18px;margin:0;flex:1}.view-location-btn-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.view-location-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.location-note{color:#555;font-size:14px;line-height:1.5;margin-bottom:10px}.location-stats{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:5px;color:#666;font-size:13px}.location-media-preview{display:flex;gap:8px;margin-top:10px}.media-preview-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#e0e0e0;flex-shrink:0}.media-preview-thumb img,.media-preview-thumb video{width:100%;height:100%;object-fit:cover}.media-more{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.language-selector{position:absolute;top:30px;right:30px;z-index:100}.language-btn{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}.language-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.language-btn svg{color:#667eea}.lang-name{font-size:13px}.language-overlay{position:fixed;inset:0;z-index:99}.language-dropdown{position:absolute;top:50px;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;overflow:hidden;z-index:100;min-width:180px;animation:slideDown .3s ease}.language-option{width:100%;padding:12px 15px;border:none;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;text-align:left}.language-option:hover{background:#f8f9fa}.language-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lang-flag{font-size:20px}.social-links-container{position:absolute;top:90px;right:30px;z-index:100}.social-links-btn{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}.social-links-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.social-overlay{position:fixed;inset:0;z-index:99}.social-panel{position:absolute;top:50px;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:20px;z-index:100;min-width:300px;max-width:400px;max-height:500px;overflow-y:auto;animation:slideDown .3s ease}.social-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #eee}.social-panel-header h3{margin:0;color:#333;font-size:18px}.close-panel{background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-panel:hover{background:#e0e0e0;transform:rotate(90deg)}.donate-section{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);padding:12px 15px;border-radius:10px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.donate-link{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600;flex:1;transition:all .2s}.donate-link:hover{transform:translate(5px)}.donate-icon{font-size:20px}.remove-donate{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.remove-donate:hover{background:#ffffff4d}.add-donate-btn{width:100%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:12px;border-radius:10px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:all .2s}.add-donate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.links-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.link-item{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:10px 12px;border-radius:8px;transition:all .2s}.link-item:hover{background:#f0f0f0}.link-content{flex:1;display:flex;align-items:center;gap:10px;color:#333;text-decoration:none;transition:all .2s}.link-content:hover{color:#667eea}.link-icon{font-size:18px}.link-name{flex:1;font-weight:500}.remove-link{background:#ff6b6b;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.remove-link:hover{background:#ee5a6f;transform:scale(1.1)}.add-link-form{display:flex;flex-direction:column;gap:10px}.platform-select,.url-input{padding:10px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.platform-select:focus,.url-input:focus{border-color:#667eea}.add-link-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:all .2s}.add-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.theme-toggle{position:absolute;top:30px;right:100px;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease}.theme-toggle:hover{transform:translateY(-2px) rotate(15deg);box-shadow:0 6px 20px #0000004d}[data-theme=dark] .theme-toggle{background:#1e1e1ef2;color:gold}@media(max-width:768px){.theme-toggle{top:10px;right:80px;width:40px;height:40px}}.trip-creator-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease}.trip-creator-content{background:#fff;border-radius:20px;padding:30px;max-width:600px;max-height:90vh;overflow-y:auto;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}[data-theme=dark] .trip-creator-content{background:#2a2a3e;color:var(--text-primary)}.trip-creator-close{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.trip-creator-close:hover{background:#e0e0e0;transform:rotate(90deg)}.trip-creator-header{text-align:center;margin-bottom:25px}.trip-creator-header svg{color:#667eea;margin-bottom:10px}.trip-creator-header h2{color:#333;margin-bottom:8px;font-size:24px}[data-theme=dark] .trip-creator-header h2{color:var(--text-primary)}.trip-creator-form{display:flex;flex-direction:column;gap:15px}.trip-input,.trip-textarea{padding:12px 15px;border:2px solid #eee;border-radius:10px;outline:none;font-size:14px;font-family:inherit;transition:all .2s}[data-theme=dark] .trip-input,[data-theme=dark] .trip-textarea{background:#ffffff0d;border-color:#444;color:var(--text-primary)}.trip-input:focus,.trip-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.locations-selector{margin-top:10px}.locations-selector h3{color:#333;margin-bottom:15px;font-size:18px}[data-theme=dark] .locations-selector h3{color:var(--text-primary)}.locations-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.location-option{background:#f8f9fa;padding:12px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border:2px solid transparent}[data-theme=dark] .location-option{background:#ffffff0d}.location-option:hover{background:#f0f0f0;transform:translate(5px)}[data-theme=dark] .location-option:hover{background:#ffffff1a}.location-option.selected{border-color:#667eea;background:#e8ecff}[data-theme=dark] .location-option.selected{background:#667eea33}.location-option-info{flex:1;display:flex;flex-direction:column;gap:4px}.location-option-title{font-weight:600;color:#333;font-size:14px}[data-theme=dark] .location-option-title{color:var(--text-primary)}.location-option-note{color:#666;font-size:12px}.check-icon{color:#667eea;flex-shrink:0}.save-trip-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.save-trip-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.trip-creator-content{padding:20px}.date-inputs{grid-template-columns:1fr}}.trip-planner-container{position:absolute;top:150px;right:30px;z-index:100}.trip-planner-btn{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}.trip-planner-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.trip-overlay{position:fixed;inset:0;z-index:99}.trip-panel{position:absolute;top:50px;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:20px;z-index:100;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideDown .3s ease}.trip-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}.trip-panel-header h2{margin:0;color:#333;font-size:20px}.close-trip-panel{background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-trip-panel:hover{background:#e0e0e0;transform:rotate(90deg)}.trip-creation-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.create-trip-btn,.create-trip-from-globe-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:all .2s}.create-trip-from-globe-btn{background:linear-gradient(135deg,#34a853,#2e7d32)}.create-trip-btn:hover,.create-trip-from-globe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.create-trip-from-globe-btn:hover{box-shadow:0 4px 12px #34a85366}.create-trip-form{background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.form-input,.form-textarea{padding:10px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#667eea}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trips-list{display:flex;flex-direction:column;gap:10px}.trip-item{background:#f8f9fa;padding:15px;border-radius:10px;cursor:pointer;transition:all .2s;border-left:4px solid #667eea}.trip-item:hover{background:#f0f0f0;transform:translate(5px)}.trip-item h3{margin:0 0 8px;color:#333}.trip-meta{display:flex;align-items:center;gap:5px;color:#666;font-size:13px;margin-bottom:5px}.trip-description{color:#555;font-size:14px;margin:0}.trip-detail{display:flex;flex-direction:column;gap:15px}.back-btn{background:#f0f0f0;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:600;align-self:flex-start;transition:all .2s}.back-btn:hover{background:#e0e0e0}.trip-actions{display:flex;gap:10px;flex-wrap:wrap}.request-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.request-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.requests-section{margin-top:20px}.requests-section h3{margin-bottom:15px;color:#333}.request-item{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:10px}.request-header{display:flex;justify-content:space-between;margin-bottom:8px}.request-type{background:#667eea;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.request-author{color:#666;font-size:12px}.request-message{color:#555;font-size:14px;margin-bottom:10px}.responses{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.response-item{background:#fff;padding:8px;border-radius:6px;margin-bottom:5px;font-size:13px;color:#555}.access-token-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.access-token-modal{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.token-header{text-align:center;margin-bottom:30px}.token-header svg{color:#667eea;margin-bottom:15px}.token-header h2{color:#333;margin-bottom:10px;font-size:28px}.token-header p{color:#666;font-size:14px}.token-content{display:flex;flex-direction:column;gap:20px}.token-input-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.token-display{display:flex;gap:10px}.token-input{flex:1;padding:12px 15px;border:2px solid #eee;border-radius:10px;font-size:12px;font-family:Courier New,monospace;outline:none;transition:all .2s}.token-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.copy-btn{background:#667eea;color:#fff;border:none;border-radius:10px;width:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#5568d3;transform:scale(1.05)}.token-error{color:#ff6b6b;font-size:12px;margin-top:5px}.token-actions{display:flex;gap:10px}.generate-btn,.submit-btn{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn{background:#f0f0f0;color:#333}.generate-btn:hover{background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.token-info{background:#fff9e6;padding:15px;border-radius:10px;border-left:4px solid #ffd700}.token-info p{margin-bottom:10px;color:#333}.token-info ul{margin:0;padding-left:20px;color:#666}.token-info li{margin-bottom:5px;font-size:13px}.token-info code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:12px;color:#667eea}.error-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;background:#f44;color:#fff;padding:15px 20px;border-radius:10px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #f446;animation:slideDownError .3s ease;min-width:300px;max-width:500px}@keyframes slideDownError{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-message{flex:1;font-weight:500;font-size:14px}.error-close{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.error-close:hover{background:#ffffff4d;transform:scale(1.1)}@media(max-width:768px){.error-toast{left:10px;right:10px;transform:none;min-width:auto}}.app-bar{position:fixed;top:0;left:0;right:0;height:60px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:1000;box-shadow:0 2px 10px #0000001a}[data-theme=dark] .app-bar{background:#2a2a3ef2;border-bottom-color:#ffffff1a}.app-bar-left{display:flex;align-items:center;gap:12px;flex:0 0 auto}.menu-toggle-btn{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .2s;color:#333}[data-theme=dark] .menu-toggle-btn{color:var(--text-primary)}.menu-toggle-btn:hover{background:#0000000d}[data-theme=dark] .menu-toggle-btn:hover{background:#ffffff1a}.app-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#333}[data-theme=dark] .app-title{color:var(--text-primary)}.app-bar-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 20px}.app-bar-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.app-bar-actions{display:flex;align-items:center;gap:8px}.view-toggle-compact{display:flex;align-items:center;gap:4px;background:#0000000d;border-radius:8px;padding:2px}[data-theme=dark] .view-toggle-compact{background:#ffffff1a}.view-toggle-btn{background:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;color:#666}.view-toggle-btn:hover{background:#0000000d}[data-theme=dark] .view-toggle-btn{color:var(--text-primary)}[data-theme=dark] .view-toggle-btn:hover{background:#ffffff1a}.view-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-info{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea1a;border-radius:20px;color:#667eea;font-size:13px;font-weight:600}.user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s;color:#666}.info-btn{color:#667eea}.info-btn:hover{background:#667eea1a;color:#5568d3}[data-theme=dark] .info-btn{color:#8b9aff}[data-theme=dark] .info-btn:hover{background:#8b9aff1a;color:#a0b0ff}[data-theme=dark] .icon-btn{color:var(--text-primary)}.icon-btn:hover{background:#0000000d}[data-theme=dark] .icon-btn:hover{background:#ffffff1a}.jump-on-call-btn{color:#666;position:relative}.jump-on-call-btn.active{color:#10b981;background:#10b9811a}.jump-on-call-btn.active:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:#10b981;border-radius:50%;border:1px solid white}[data-theme=dark] .jump-on-call-btn{color:var(--text-primary)}[data-theme=dark] .jump-on-call-btn.active{color:#34d399;background:#34d3991a}[data-theme=dark] .jump-on-call-btn.active:after{background:#34d399;border-color:var(--bg-primary)}.signup-btn-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.signup-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.app-bar{height:56px;padding:0 10px}.app-title span{display:none}.app-bar-center{margin:0 10px}.user-name{display:none}.app-bar-actions{gap:4px}}.group-manager-btn{position:absolute;top:250px;right:30px;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}[data-theme=dark] .group-manager-btn{background:#2a2a3ef2;color:var(--text-primary)}.group-manager-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.group-overlay{position:fixed;inset:0;z-index:99}.group-panel{position:absolute;top:50px;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:20px;z-index:100;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto;animation:slideDown .3s ease}[data-theme=dark] .group-panel{background:#2a2a3e}.group-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}[data-theme=dark] .group-panel-header{border-bottom-color:#444}.group-panel-header h2{margin:0;color:#333;font-size:20px}[data-theme=dark] .group-panel-header h2{color:var(--text-primary)}.close-group-panel{background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-group-panel:hover{background:#e0e0e0;transform:rotate(90deg)}.create-group-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;margin-bottom:20px;transition:all .2s}.create-group-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.create-group-form{background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}[data-theme=dark] .create-group-form{background:#ffffff0d}.group-input{padding:10px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.group-input:focus{border-color:#667eea}.form-actions{display:flex;gap:10px}.save-btn,.cancel-btn{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0}.groups-list{display:flex;flex-direction:column;gap:10px}.group-item{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border-left:4px solid #667eea}[data-theme=dark] .group-item{background:#ffffff0d}.group-item:hover{background:#f0f0f0;transform:translate(5px)}[data-theme=dark] .group-item:hover{background:#ffffff1a}.group-info h3{margin:0 0 5px;color:#333;font-size:16px}[data-theme=dark] .group-info h3{color:var(--text-primary)}.group-meta{color:#666;font-size:12px;margin:0}.group-actions{display:flex;gap:8px}.copy-link-btn,.open-link-btn{background:#667eea;color:#fff;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.copy-link-btn:hover,.open-link-btn:hover{background:#5568d3;transform:scale(1.1)}@media(max-width:768px){.group-manager-btn{top:210px;right:10px;padding:8px 12px;font-size:12px}.group-panel{min-width:90vw;max-width:90vw;right:5vw}}.travel-resources-btn{position:absolute;top:200px;right:30px;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}[data-theme=dark] .travel-resources-btn{background:#2a2a3ef2;color:var(--text-primary)}.travel-resources-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.travel-overlay{position:fixed;inset:0;z-index:99}.travel-resources-panel{position:absolute;top:50px;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:20px;z-index:100;min-width:500px;max-width:700px;max-height:80vh;overflow-y:auto;animation:slideDown .3s ease}[data-theme=dark] .travel-resources-panel{background:#2a2a3e}.travel-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}[data-theme=dark] .travel-panel-header{border-bottom-color:#444}.travel-panel-header h2{margin:0;color:#333;font-size:20px}[data-theme=dark] .travel-panel-header h2{color:var(--text-primary)}.close-travel-panel{background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-travel-panel:hover{background:#e0e0e0;transform:rotate(90deg)}.travel-tabs{display:flex;gap:10px;margin-bottom:20px}.travel-tab{flex:1;padding:12px;border:none;border-radius:10px;background:#f8f9fa;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:#666;transition:all .2s}[data-theme=dark] .travel-tab{background:#ffffff0d;color:var(--text-secondary)}.travel-tab:hover{background:#e0e0e0}[data-theme=dark] .travel-tab:hover{background:#ffffff1a}.travel-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.resource-item{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#333;transition:all .3s ease;border:2px solid transparent}[data-theme=dark] .resource-item{background:#ffffff0d;color:var(--text-primary)}.resource-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea4d;border-color:#667eea}.resource-icon{font-size:32px}.resource-name{font-weight:600;font-size:14px;text-align:center}.resource-category{font-size:11px;color:#667eea;text-transform:uppercase;font-weight:500}@media(max-width:768px){.travel-resources-btn{top:160px;right:10px;padding:8px 12px;font-size:12px}.travel-resources-panel{min-width:90vw;max-width:90vw;right:5vw}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.world-clock-container{position:fixed;top:70px;right:20px;z-index:100}.world-clock-toggle{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}[data-theme=dark] .world-clock-toggle{background:#2a2a3ef2;color:var(--text-primary)}.world-clock-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.world-clock-toggle svg{color:#667eea}.current-location-indicator{margin-left:auto;display:flex;align-items:center}.day-indicator{color:orange;animation:pulse 2s ease-in-out infinite}.night-indicator{color:#4a90e2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.world-clock-panel{position:absolute;top:50px;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:20px;min-width:350px;max-width:450px;max-height:70vh;overflow-y:auto;animation:slideDown .3s ease}[data-theme=dark] .world-clock-panel{background:#2a2a3e}.clock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #eee}[data-theme=dark] .clock-header{border-bottom-color:#444}.clock-header h3{margin:0;color:#333;font-size:18px}[data-theme=dark] .clock-header h3{color:var(--text-primary)}.close-clock-btn{background:transparent;border:none;cursor:pointer;color:#666;padding:5px;border-radius:5px;transition:all .2s}.close-clock-btn:hover{background:#0000001a;color:#333}[data-theme=dark] .close-clock-btn{color:#999}[data-theme=dark] .close-clock-btn:hover{background:#ffffff1a;color:var(--text-primary)}.clock-search{position:relative;margin-bottom:15px;display:flex;align-items:center;gap:8px;background:#f8f9fa;border-radius:10px;padding:8px 12px}[data-theme=dark] .clock-search{background:#ffffff0d}.clock-search svg{color:#666;flex-shrink:0}.clock-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333}[data-theme=dark] .clock-search input{color:var(--text-primary)}.clock-search input::placeholder{color:#999}.clear-search{background:transparent;border:none;cursor:pointer;color:#999;padding:2px;display:flex;align-items:center}.clear-search:hover{color:#666}.current-location-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:15px;margin-bottom:15px;color:#fff}.location-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.location-flag{font-size:32px}.location-name{font-weight:700;font-size:16px}.location-city{font-size:12px;opacity:.9}.day-night-indicator{margin-left:auto;display:flex;align-items:center;gap:6px;background:#fff3;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.day-icon{color:orange}.night-icon{color:#e0e0e0}.location-time{font-size:24px;font-weight:700;font-family:Courier New,monospace;margin-bottom:10px}.currency-btn{width:100%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;transition:all .2s}.currency-btn:hover{background:#ffffff4d}.clocks-list{display:flex;flex-direction:column;gap:10px}.clock-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:10px;transition:all .2s;cursor:pointer;position:relative;border:2px solid transparent}[data-theme=dark] .clock-item{background:#ffffff0d}.clock-item.day{border-left:4px solid #ffa500}.clock-item.night{border-left:4px solid #4a90e2}.clock-item:hover{background:#f0f0f0;transform:translate(5px)}[data-theme=dark] .clock-item:hover{background:#ffffff1a}.clock-item.selected{background:#667eea1a;border-color:#667eea}[data-theme=dark] .clock-item.selected{background:#667eea33}.clock-flag{font-size:28px;flex-shrink:0;line-height:1}.clock-info{flex:1;min-width:0}.clock-city{font-weight:600;color:#333;font-size:15px;margin-bottom:4px}[data-theme=dark] .clock-city{color:var(--text-primary)}.clock-time{color:#667eea;font-size:18px;font-weight:700;font-family:Courier New,monospace;margin-bottom:2px}.clock-country{font-size:12px;color:#666;margin-top:2px}[data-theme=dark] .clock-country{color:#999}.day-night-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#667eea1a;flex-shrink:0}.clock-item.day .day-night-badge{background:#ffa50033}.clock-item.night .day-night-badge{background:#4a90e233}.currency-info{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid rgba(102,126,234,.2);animation:slideDown .3s ease}.currency-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#667eea;font-size:14px}.currency-rates{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}[data-theme=dark] .currency-rates{color:#999}.no-results{text-align:center;padding:40px 20px;color:#999;font-size:14px}[data-theme=dark] .no-results{color:#666}@media(max-width:768px){.world-clock-container{top:66px;right:10px}.world-clock-panel{top:50px;right:0;left:10px;min-width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:60vh}.clock-item{padding:10px}.clock-city{font-size:14px}.clock-time{font-size:16px}}.ad-manager-btn{position:absolute;bottom:100px;right:30px;z-index:10;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #ff980066;transition:all .3s ease;display:flex;align-items:center;gap:8px}.ad-manager-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980099}.ad-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease}.ad-modal-content{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}[data-theme=dark] .ad-modal-content{background:#2a2a3e;color:var(--text-primary)}.ad-close-btn{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ad-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.ad-modal-header{text-align:center;margin-bottom:25px}.ad-modal-header svg{color:#ff9800;margin-bottom:10px}.ad-modal-header h2{color:#333;margin-bottom:8px;font-size:24px}[data-theme=dark] .ad-modal-header h2{color:var(--text-primary)}.ad-modal-header p{color:#666;font-size:14px}.ad-form{display:flex;flex-direction:column;gap:15px}.ad-input{padding:12px 15px;border:2px solid #eee;border-radius:10px;outline:none;font-size:14px;transition:all .2s}.ad-input:focus{border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.ad-type-selector{display:flex;flex-direction:column;gap:8px}.ad-type-selector label{font-weight:600;color:#333;font-size:14px}[data-theme=dark] .ad-type-selector label{color:var(--text-primary)}.ad-code-input{font-family:Courier New,monospace;resize:vertical;min-height:120px}.ad-code-container{width:100%;min-height:250px;display:flex;align-items:center;justify-content:center}.ad-code-container iframe,.ad-code-container script{max-width:100%}.donation-info{background:#fff9e6;padding:15px;border-radius:10px;border-left:4px solid #ffd700}[data-theme=dark] .donation-info{background:#ffd7001a}.donation-info p{margin-bottom:8px;font-weight:600;color:#333}[data-theme=dark] .donation-info p{color:var(--text-primary)}.donation-info a{color:#667eea;text-decoration:none;display:flex;align-items:center;gap:5px;word-break:break-all}.save-ad-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.save-ad-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.ads-container{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:10px}.ad-banner{width:200px;height:250px;background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;animation:slideInRight .5s ease}.ad-banner:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.ad-banner img{width:100%;height:100%;object-fit:cover}@keyframes slideInRight{0%{transform:translate(300px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.ad-manager-btn{bottom:80px;right:10px;padding:10px 15px;font-size:12px}.ads-container{display:none}}.community-section{padding:20px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;animation:fadeIn .5s ease}[data-theme=dark] .community-section{background:#1e1e32fa}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.community-header{display:flex;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(102,126,234,.2)}.community-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;border:2px solid rgba(102,126,234,.2);transition:all .3s ease;animation:slideIn .4s ease}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea4d;border-color:#667eea80}.stat-card svg{color:#667eea;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;color:#333;line-height:1;margin-bottom:5px}[data-theme=dark] .stat-value{color:#fff}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .stat-label{color:#aaa}.active-users{margin-top:25px}.active-users h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#333}[data-theme=dark] .active-users h3{color:#fff}.users-list{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;align-items:center;gap:15px;padding:15px;background:#00000008;border-radius:12px;transition:all .3s ease;animation:slideIn .4s ease}[data-theme=dark] .user-card{background:#ffffff0d}.user-card:nth-child(1){animation-delay:.1s}.user-card:nth-child(2){animation-delay:.2s}.user-card:nth-child(3){animation-delay:.3s}.user-card:nth-child(4){animation-delay:.4s}.user-card:hover{background:#667eea1a;transform:translate(5px)}.user-avatar{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d}.user-info{flex:1}.user-name{font-size:16px;font-weight:600;color:#333;margin-bottom:5px}[data-theme=dark] .user-name{color:#fff}.user-locations{display:flex;align-items:center;gap:5px;font-size:13px;color:#666}[data-theme=dark] .user-locations{color:#aaa}.user-locations svg{color:#667eea}@media(max-width:768px){.community-section{padding:15px}.community-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:20px}}.notification-bell{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}[data-theme=dark] .notification-bell{background:#1e1e32f2}.notification-bell:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea4d}.notification-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-panel{position:fixed;top:70px;right:20px;width:350px;max-height:500px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 40px #0003;z-index:1000;display:flex;flex-direction:column;animation:slideDown .3s ease}[data-theme=dark] .notification-panel{background:#1e1e32fa}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .notification-panel-header{border-bottom-color:#ffffff1a}.notification-panel-header h3{margin:0;font-size:18px;font-weight:600}.notification-panel-header button{background:none;border:none;cursor:pointer;padding:5px;border-radius:5px;transition:background .2s}.notification-panel-header button:hover{background:#0000000d}.notification-list{overflow-y:auto;max-height:400px;padding:10px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:15px;margin-bottom:10px;border-radius:12px;background:#00000008;transition:all .3s ease;animation:slideIn .3s ease}[data-theme=dark] .notification-item{background:#ffffff0d}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.notification-item:hover{background:#667eea1a;transform:translate(-5px)}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-icon{flex-shrink:0}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-content{flex:1}.notification-content p{margin:0;font-size:14px;line-height:1.5}.notification-close{background:none;border:none;cursor:pointer;padding:5px;border-radius:5px;opacity:.5;transition:all .2s}.notification-close:hover{opacity:1;background:#0000000d}.notification-empty{text-align:center;padding:40px 20px;color:#999}.notification-toasts{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-toast{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 30px #0003;min-width:300px;max-width:400px;animation:slideInRight .3s ease;pointer-events:auto}[data-theme=dark] .notification-toast{background:#1e1e32fa}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-toast button{background:none;border:none;cursor:pointer;padding:5px;margin-left:auto;opacity:.5;transition:opacity .2s}.notification-toast button:hover{opacity:1}@media(max-width:768px){.notification-panel{width:calc(100vw - 40px);right:20px;left:20px}.notification-toasts{right:10px;left:10px}.notification-toast{min-width:auto;width:100%}}.story-sharing{position:relative}.story-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease}.story-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.story-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;animation:fadeIn .3s ease}.story-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #0000004d;z-index:1000;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}[data-theme=dark] .story-modal{background:#1e1e32fa}.story-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(102,126,234,.2)}.story-modal-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-story-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;color:#666}.close-story-btn:hover{background:#0000000d;transform:rotate(90deg)}.story-form{padding:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;flex:1}.story-input,.story-textarea{width:100%;padding:12px 15px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fffc}[data-theme=dark] .story-input,[data-theme=dark] .story-textarea{background:#28283ccc;color:#fff;border-color:#667eea66}.story-input:focus,.story-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.story-textarea{resize:vertical;min-height:150px}.story-actions{display:flex;flex-direction:column;gap:15px}.image-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#667eea1a;border:2px dashed rgba(102,126,234,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;color:#667eea;font-weight:500}.image-upload-btn:hover{background:#667eea33;border-color:#667eea80}.image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item button{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.preview-item button:hover{background:#f00c;transform:scale(1.1)}.submit-story-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.submit-story-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.stories-list{padding:20px;border-top:2px solid rgba(102,126,234,.2);max-height:300px;overflow-y:auto}.stories-list h3{margin:0 0 15px;font-size:18px;font-weight:600}.story-card{padding:15px;margin-bottom:15px;background:#00000008;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease}[data-theme=dark] .story-card{background:#ffffff0d}.story-card:hover{background:#667eea1a;transform:translate(5px)}.story-card-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#666}.story-author{font-weight:600;color:#667eea}.story-card-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}[data-theme=dark] .story-card-title{color:#fff}.story-card-content{margin:0 0 12px;font-size:14px;line-height:1.6;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .story-card-content{color:#ccc}.story-card-actions{display:flex;gap:15px}.story-card-actions button{display:flex;align-items:center;gap:5px;background:none;border:none;color:#666;cursor:pointer;font-size:13px;transition:color .2s}.story-card-actions button:hover{color:#667eea}@media(max-width:768px){.story-modal{width:95%;max-height:95vh}.story-form{padding:15px}}.wizard-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9998;animation:fadeIn .3s ease}.wizard-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;box-shadow:0 20px 60px #0000004d;z-index:9999;display:flex;flex-direction:column;animation:slideUp .4s ease;overflow:hidden}[data-theme=dark] .wizard-modal{background:#1e1e32fa}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid rgba(102,126,234,.2);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.wizard-title{display:flex;align-items:center;gap:12px}.wizard-title h2{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wizard-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;color:#666}.wizard-close:hover{background:#0000000d;transform:rotate(90deg)}.wizard-progress{display:flex;justify-content:space-between;padding:20px 30px;border-bottom:1px solid rgba(0,0,0,.1);overflow-x:auto;gap:10px}[data-theme=dark] .wizard-progress{border-bottom-color:#ffffff1a}.wizard-progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;min-width:80px;padding:10px;border-radius:12px}.wizard-progress-step:hover{background:#667eea1a}.progress-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000d;border:2px solid rgba(102,126,234,.3);transition:all .3s ease}[data-theme=dark] .progress-icon{background:#ffffff0d}.wizard-progress-step.active .progress-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #667eea66}.wizard-progress-step.completed .progress-icon{background:#10b981;border-color:#10b981;color:#fff}.progress-label{font-size:11px;font-weight:500;text-align:center;color:#666;white-space:nowrap}[data-theme=dark] .progress-label{color:#aaa}.wizard-progress-step.active .progress-label{color:#667eea;font-weight:600}.wizard-content{flex:1;overflow-y:auto;padding:30px}.wizard-step h3{margin:0 0 20px;font-size:22px;font-weight:600;color:#333}[data-theme=dark] .wizard-step h3{color:#fff}.wizard-input,.wizard-textarea{width:100%;padding:12px 15px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:14px;font-family:inherit;margin-bottom:15px;transition:all .3s ease;background:#fffc}[data-theme=dark] .wizard-input,[data-theme=dark] .wizard-textarea{background:#28283ccc;color:#fff;border-color:#667eea66}.wizard-input:focus,.wizard-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.wizard-date-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wizard-list{display:flex;flex-direction:column;gap:12px}.wizard-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#00000008;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease}[data-theme=dark] .wizard-item{background:#ffffff0d}.wizard-item:hover{background:#667eea1a;transform:translate(5px)}.wizard-item-content{flex:1}.wizard-item-content strong{display:block;margin-bottom:5px;color:#333}[data-theme=dark] .wizard-item-content strong{color:#fff}.wizard-item-content p{margin:0;font-size:13px;color:#666}[data-theme=dark] .wizard-item-content p{color:#aaa}.wizard-remove-btn{background:#ef44441a;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#ef4444;transition:all .2s}.wizard-remove-btn:hover{background:#ef444433;transform:scale(1.1)}.wizard-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#667eea1a;border:2px dashed rgba(102,126,234,.3);border-radius:12px;cursor:pointer;color:#667eea;font-weight:500;transition:all .3s ease}.wizard-add-btn:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px)}.wizard-locations{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;max-height:400px;overflow-y:auto}.wizard-location-card{display:flex;align-items:center;gap:12px;padding:15px;background:#00000008;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}[data-theme=dark] .wizard-location-card{background:#ffffff0d}.wizard-location-card:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-3px)}.wizard-location-card.selected{background:#667eea33;border-color:#667eea}.wizard-location-card .check-icon{position:absolute;top:10px;right:10px;color:#10b981}.wizard-location-card strong{display:block;margin-bottom:5px;font-size:14px}.wizard-location-card p{margin:0;font-size:12px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wizard-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:15px}.wizard-media-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden}.wizard-media-item img,.wizard-media-item video{width:100%;height:100%;object-fit:cover}.wizard-media-item .wizard-remove-btn{position:absolute;top:5px;right:5px}.wizard-file-input{width:100%;padding:15px;border:2px dashed rgba(102,126,234,.3);border-radius:12px;cursor:pointer;background:#667eea0d;transition:all .3s ease}.wizard-file-input:hover{border-color:#667eea80;background:#667eea1a}.wizard-review{display:flex;flex-direction:column;gap:20px}.review-section{padding:20px;background:#00000008;border-radius:12px;border-left:4px solid #667eea}[data-theme=dark] .review-section{background:#ffffff0d}.review-section h4{margin:0 0 10px;font-size:18px;color:#667eea}.review-section p{margin:5px 0;color:#666}[data-theme=dark] .review-section p{color:#aaa}.wizard-actions{display:flex;justify-content:space-between;padding:20px 30px;border-top:1px solid rgba(0,0,0,.1);gap:15px}[data-theme=dark] .wizard-actions{border-top-color:#ffffff1a}.wizard-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-secondary{background:#0000000d;color:#666}[data-theme=dark] .wizard-btn-secondary{background:#ffffff1a;color:#aaa}.wizard-btn-secondary:hover:not(:disabled){background:#0000001a;transform:translateY(-2px)}.wizard-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.wizard-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}@media(max-width:768px){.wizard-modal{width:95%;max-height:95vh}.wizard-progress{padding:15px}.progress-label{font-size:10px}.wizard-content{padding:20px}.wizard-date-row{grid-template-columns:1fr}}.financial-planner-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.financial-planner-panel{background:#fff;border-radius:15px;box-shadow:0 8px 30px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideDown .3s ease}[data-theme=dark] .financial-planner-panel{background:#2a2a3e;color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.financial-planner-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #eee}[data-theme=dark] .financial-planner-header{border-bottom-color:#444}.header-title{display:flex;align-items:center;gap:10px}.header-title h2{margin:0;color:#333;font-size:24px}[data-theme=dark] .header-title h2{color:var(--text-primary)}.close-btn{background:transparent;border:none;cursor:pointer;color:#666;padding:5px;border-radius:5px;transition:all .2s}.close-btn:hover{background:#0000001a}[data-theme=dark] .close-btn{color:#999}[data-theme=dark] .close-btn:hover{background:#ffffff1a}.financial-planner-content{padding:20px}.budget-section{margin-bottom:20px}.budget-section label{display:block;margin-bottom:10px;font-weight:600;color:#333}[data-theme=dark] .budget-section label{color:var(--text-primary)}.budget-inputs{display:flex;gap:10px}.budget-inputs input{flex:1;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px}.budget-inputs select{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff}[data-theme=dark] .budget-inputs input,[data-theme=dark] .budget-inputs select{background:#ffffff1a;border-color:#444;color:var(--text-primary)}.financial-summary{background:#f8f9fa;border-radius:10px;padding:15px;margin-bottom:20px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px}[data-theme=dark] .financial-summary{background:#ffffff0d}.summary-item{display:flex;flex-direction:column;align-items:center;gap:5px}.summary-item span{font-size:12px;color:#666}[data-theme=dark] .summary-item span{color:#999}.summary-item strong{font-size:18px;color:#333}[data-theme=dark] .summary-item strong{color:var(--text-primary)}.summary-item.positive strong{color:#28a745}.summary-item.negative strong{color:#dc3545}.add-expense-section{margin-bottom:20px}.add-expense-section h3{margin:0 0 15px;color:#333;font-size:18px}[data-theme=dark] .add-expense-section h3{color:var(--text-primary)}.expense-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.expense-form input,.expense-form select{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px}[data-theme=dark] .expense-form input,[data-theme=dark] .expense-form select{background:#ffffff1a;border-color:#444;color:var(--text-primary)}.add-expense-btn{grid-column:1 / -1;padding:12px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.add-expense-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.expenses-list h3{margin:0 0 15px;color:#333;font-size:18px}[data-theme=dark] .expenses-list h3{color:var(--text-primary)}.no-expenses{text-align:center;padding:40px;color:#999}[data-theme=dark] .no-expenses{color:#666}.expenses-table{display:flex;flex-direction:column;gap:10px}.expense-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 50px;gap:10px;padding:10px;background:#f8f9fa;border-radius:8px;font-weight:600;font-size:12px;color:#666}[data-theme=dark] .expense-header{background:#ffffff0d;color:#999}.expense-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 50px;gap:10px;padding:10px;background:#f8f9fa;border-radius:8px;align-items:center}[data-theme=dark] .expense-row{background:#ffffff0d}.remove-expense-btn{background:transparent;border:none;color:#dc3545;cursor:pointer;padding:5px;border-radius:5px;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-expense-btn:hover{background:#dc35451a}.export-pdf-btn{width:100%;padding:15px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;transition:all .2s}.export-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}@media(max-width:768px){.financial-planner-panel{max-width:100%;max-height:100vh;border-radius:0}.expense-form{grid-template-columns:1fr}.expense-header,.expense-row{grid-template-columns:1fr;gap:5px}.expense-header span,.expense-row span{font-size:12px}}.traveler-controls{position:fixed;bottom:80px;left:20px;right:auto;z-index:800;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.start-journey-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:10px 16px;border-radius:25px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;white-space:nowrap}.start-journey-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.traveler-controls.active{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border-radius:16px;box-shadow:0 4px 20px #00000026;min-width:auto;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .traveler-controls.active{background:#2a2a3ef2;border-color:#ffffff1a}.journey-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#333;font-size:12px}[data-theme=dark] .journey-info{color:var(--text-primary)}.location-name{color:#667eea;font-size:11px;margin-left:auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-controls{display:flex;gap:6px;justify-content:center}.journey-controls button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600}.journey-controls button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.journey-controls button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.traveler-controls{bottom:85px;left:10px;right:auto;max-width:calc(100% - 120px)}.start-journey-btn{padding:8px 12px;font-size:12px}.start-journey-btn span{display:none}.traveler-controls.active{min-width:auto;padding:8px}.journey-controls button{width:32px;height:32px;font-size:12px}}.side-menu-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;animation:fadeIn .3s ease;visibility:visible;opacity:1}.side-menu{position:fixed;top:0;left:0;width:320px;height:100vh;background:#fff;box-shadow:4px 0 20px #0003;z-index:1000;transform:translate(-100%);transition:transform .3s ease,visibility 0s .3s,opacity .3s ease;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none}[data-theme=dark] .side-menu{background:#2a2a3e}.side-menu.open{transform:translate(0);visibility:visible;opacity:1;pointer-events:auto;transition:transform .3s ease,visibility 0s,opacity .3s ease}.side-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=dark] .side-menu-header{border-bottom-color:#444}.side-menu-header h2{margin:0;font-size:20px;font-weight:700}.close-menu-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.close-menu-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.side-menu-nav{flex:1;overflow-y:auto;padding:10px}.menu-item{width:100%;background:transparent;border:none;padding:12px 15px;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;color:#333;font-size:15px;font-weight:500;text-align:left;margin-bottom:5px}[data-theme=dark] .menu-item{color:var(--text-primary)}.menu-item:hover{background:#667eea1a;transform:translate(5px)}.menu-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.menu-item-content{margin:10px 0 20px;padding:15px;background:#f8f9fa;border-radius:10px;animation:slideDown .3s ease}[data-theme=dark] .menu-item-content{background:#ffffff0d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.side-menu{width:100%;max-width:320px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-around;padding:8px 10px;z-index:1000;box-shadow:0 -2px 10px #0000001a;padding-bottom:max(8px,env(safe-area-inset-bottom))}[data-theme=dark] .bottom-nav{background:#2a2a3ef2;border-top-color:#ffffff1a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;padding:8px;border-radius:12px;cursor:pointer;transition:all .2s;color:#666;font-size:11px;font-weight:500;min-width:60px;max-width:80px}[data-theme=dark] .nav-item{color:#999}.nav-item:hover{background:#0000000d;color:#667eea}[data-theme=dark] .nav-item:hover{background:#ffffff1a;color:#667eea}.nav-item.active{color:#667eea;background:#667eea1a}.nav-item span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;width:56px;height:56px;min-width:56px;max-width:56px;box-shadow:0 4px 12px #667eea66;transform:translateY(-8px);margin:0 5px}.nav-item-primary:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 6px 16px #667eea80;background:linear-gradient(135deg,#5568d3,#6a3d92)}.nav-item-primary span{display:none}@media(max-width:480px){.nav-item span{font-size:10px}.nav-item{min-width:50px;max-width:70px;padding:6px}.nav-item-primary{width:50px;height:50px;min-width:50px;max-width:50px}}.app-footer{position:fixed;bottom:100px;left:0;right:0;z-index:50;padding:10px 20px;pointer-events:none}.footer-content{display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:8px 15px;box-shadow:0 2px 10px #0000001a;pointer-events:auto;max-width:600px;margin:0 auto}[data-theme=dark] .footer-content{background:#2a2a3ee6}.footer-credits{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}[data-theme=dark] .footer-credits{color:#999}.footer-credits strong{color:#667eea;font-weight:700}.heart-icon{color:#e74c3c;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-donate-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:6px 12px;border-radius:15px;font-size:11px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:4px}.footer-donate-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.app-footer{bottom:100px;padding:8px 10px}.footer-content{flex-direction:column;gap:8px;padding:10px}.footer-credits{font-size:11px}.footer-donate-link{font-size:10px;padding:5px 10px}}.signup-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease}.signup-modal-content{background:#fff;border-radius:20px;padding:40px;max-width:450px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}[data-theme=dark] .signup-modal-content{background:#2a2a3e;color:var(--text-primary)}.signup-close-btn{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.signup-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.signup-header{text-align:center;margin-bottom:30px}.signup-header h2{color:#333;margin-bottom:8px;font-size:28px}[data-theme=dark] .signup-header h2{color:var(--text-primary)}.signup-header p{color:#666;font-size:14px}.signup-error{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33}[data-theme=dark] .signup-error{background:#ff00001a}.signup-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:12px 15px;border-radius:10px;border:2px solid transparent;transition:all .2s}[data-theme=dark] .form-group{background:#ffffff0d}.form-group:focus-within{border-color:#667eea;background:#fff}[data-theme=dark] .form-group:focus-within{background:#ffffff1a}.form-group svg{color:#667eea;flex-shrink:0}.form-group input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}[data-theme=dark] .form-group input{color:var(--text-primary)}.form-group input::placeholder{color:#999}.otp-group{justify-content:center}.otp-input{font-size:32px;letter-spacing:8px;text-align:center;font-weight:600;font-family:Courier New,monospace;color:#667eea}.otp-info{text-align:center;padding:15px;background:#f0f7ff;border-radius:10px;margin-bottom:20px}[data-theme=dark] .otp-info{background:#667eea1a}.otp-info p{color:#667eea;font-size:14px;margin:0}.signup-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.signup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.signup-submit-btn:disabled{opacity:.6;cursor:not-allowed}.resend-otp-btn{background:transparent;color:#667eea;border:2px solid #667eea;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.resend-otp-btn:hover:not(:disabled){background:#667eea;color:#fff}.resend-otp-btn:disabled{opacity:.6;cursor:not-allowed}.signup-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}[data-theme=dark] .signup-footer{border-top-color:#444}.signup-footer p{color:#666;font-size:14px;margin:0}.switch-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:14px}.switch-btn:hover{color:#5568d3}.accessibility-toggle{position:fixed;bottom:90px;right:20px;z-index:1000;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #4a90e266;transition:all .3s ease}.accessibility-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #4a90e299}.accessibility-panel{position:fixed;bottom:80px;right:20px;z-index:1001;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0003;padding:20px;min-width:300px;max-width:400px;animation:slideUp .3s ease}[data-theme=dark] .accessibility-panel{background:#2a2a3e;color:var(--text-primary)}.accessibility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}[data-theme=dark] .accessibility-header{border-bottom-color:#444}.accessibility-header h3{margin:0;font-size:18px;color:#333}[data-theme=dark] .accessibility-header h3{color:var(--text-primary)}.close-accessibility{background:transparent;border:none;cursor:pointer;color:#666;padding:5px;border-radius:5px;transition:all .2s}.close-accessibility:hover{background:#0000001a}[data-theme=dark] .close-accessibility{color:#999}[data-theme=dark] .close-accessibility:hover{background:#ffffff1a}.accessibility-controls{display:flex;flex-direction:column;gap:20px}.accessibility-group{display:flex;flex-direction:column;gap:10px}.group-header{display:flex;align-items:center;gap:10px;font-weight:600;color:#333}[data-theme=dark] .group-header{color:var(--text-primary)}.group-controls{display:flex;align-items:center;gap:15px;justify-content:center}.group-controls button{width:40px;height:40px;border-radius:8px;border:2px solid #4a90e2;background:#fff;color:#4a90e2;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s}.group-controls button:hover{background:#4a90e2;color:#fff}.group-controls span{min-width:60px;text-align:center;font-weight:600;color:#333}[data-theme=dark] .group-controls span{color:var(--text-primary)}.toggle-btn{padding:10px 20px;border-radius:8px;border:2px solid #4a90e2;background:#fff;color:#4a90e2;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn:hover{background:#f0f0f0}.toggle-btn.active{background:#4a90e2;color:#fff}[data-theme=dark] .toggle-btn{background:#ffffff0d;color:var(--text-primary)}[data-theme=dark] .toggle-btn:hover{background:#ffffff1a}.reset-accessibility-btn{width:100%;padding:12px;border-radius:8px;border:2px solid #999;background:#fff;color:#666;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.reset-accessibility-btn:hover{background:#f0f0f0;border-color:#666}[data-theme=dark] .reset-accessibility-btn{background:#ffffff0d;color:#999;border-color:#666}[data-theme=dark] .reset-accessibility-btn:hover{background:#ffffff1a}body.high-contrast{filter:contrast(1.2)}body.high-contrast *{border-color:#000!important}@media(max-width:768px){.accessibility-toggle{bottom:100px;right:10px;width:45px;height:45px}.accessibility-panel{bottom:150px;right:10px;left:10px;min-width:auto;max-width:none}}.disclaimer-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease;padding:20px}.disclaimer-modal{background:#fff;border-radius:20px;padding:40px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;position:relative}.disclaimer-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;cursor:pointer;color:#666;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.disclaimer-close-btn:hover{background:#f0f0f0;color:#333}.disclaimer-header{text-align:center;margin-bottom:30px}.disclaimer-icon{color:#ff9800;margin-bottom:15px}.disclaimer-header h2{color:#333;margin:0;font-size:28px;font-weight:700}.disclaimer-content{margin-bottom:30px}.disclaimer-text{line-height:1.8;color:#444}.disclaimer-main-text{font-size:16px;margin-bottom:25px;padding:20px;background:#fff9e6;border-radius:10px;border-left:4px solid #ff9800;font-weight:500}.disclaimer-points{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:10px}.disclaimer-points h3{color:#333;margin-bottom:15px;font-size:18px;font-weight:600}.disclaimer-points ul{margin:0;padding-left:25px;list-style-type:disc}.disclaimer-points li{margin-bottom:12px;font-size:15px;color:#555;line-height:1.6}.disclaimer-footer{margin-top:25px;padding:15px;background:#e3f2fd;border-radius:10px;border-left:4px solid #2196f3;font-size:15px;font-weight:500;color:#1565c0}.disclaimer-actions{display:flex;justify-content:center;gap:15px;padding-top:20px;border-top:1px solid #eee}.disclaimer-accept-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;min-width:200px}.disclaimer-accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.disclaimer-accept-btn:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.disclaimer-modal{background:#1e1e1e;color:#e0e0e0}.disclaimer-header h2{color:#e0e0e0}.disclaimer-text{color:#d0d0d0}.disclaimer-main-text{background:#2a2a1e;color:gold}.disclaimer-points{background:#2a2a2a}.disclaimer-points h3{color:#e0e0e0}.disclaimer-points li{color:#d0d0d0}.disclaimer-footer{background:#1a237e;color:#90caf9}.disclaimer-close-btn{color:#aaa}.disclaimer-close-btn:hover{background:#333;color:#fff}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.disclaimer-modal{padding:30px 20px;max-height:95vh}.disclaimer-header h2{font-size:24px}.disclaimer-main-text{font-size:14px;padding:15px}.disclaimer-points{padding:15px}.disclaimer-points li{font-size:14px}.disclaimer-accept-btn{padding:12px 30px;font-size:15px;min-width:150px}}.locations-table-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden}[data-theme=dark] .locations-table-container{background:#1e1e32fa}.table-header{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.table-search{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;background:#0000000d;border-radius:15px;padding:10px 15px;transition:all .3s ease}[data-theme=dark] .table-search{background:#ffffff1a}.table-search:focus-within{background:#667eea1a;box-shadow:0 0 0 2px #667eea4d}.table-search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333}[data-theme=dark] .table-search-input{color:#fff}.table-search-input::placeholder{color:#999}.table-sort{padding:10px 15px;border:2px solid rgba(102,126,234,.3);border-radius:15px;background:#fff;cursor:pointer;font-size:14px;transition:all .3s ease}[data-theme=dark] .table-sort{background:#1e1e32cc;color:#fff;border-color:#667eea80}.table-sort:hover{border-color:#667eea99;box-shadow:0 4px 12px #667eea33}.table-content{flex:1;overflow-y:auto;padding-right:10px}.table-content::-webkit-scrollbar{width:8px}.table-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.table-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 0}.table-card{background:#fff;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 15px #00000014;animation:slideIn .4s ease}[data-theme=dark] .table-card{background:#28283ccc;box-shadow:0 4px 15px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea80}.card-header{margin-bottom:12px}.card-title{font-size:18px;font-weight:600;margin:0 0 5px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .card-title{color:#fff}.card-coords{font-size:12px;color:#999;font-family:monospace}.card-note{font-size:14px;color:#666;margin:10px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .card-note{color:#ccc}.card-stats{display:flex;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}[data-theme=dark] .card-stats{border-top-color:#ffffff1a}.stat-item{display:flex;align-items:center;gap:5px;font-size:13px;color:#666}[data-theme=dark] .stat-item{color:#aaa}.stat-item svg{color:#667eea}.card-date{margin-top:10px;font-size:12px;color:#999;text-align:right}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;gap:15px}.table-empty svg{opacity:.5}@media(max-width:768px){.locations-table-container{padding:15px;border-radius:15px}.table-header{flex-direction:column}.table-search{width:100%}.table-grid{grid-template-columns:1fr;gap:15px}.table-card{padding:15px}}.offline-indicator{position:fixed;top:70px;right:10px;z-index:1500;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 8px #0000001a;pointer-events:auto}.offline-indicator.offline{background:#ef4444e6;color:#fff}.offline-indicator.online{background:#22c55ee6;color:#fff}.offline-indicator.syncing{background:#3b82f6e6;color:#fff}.offline-indicator .synced-icon{color:#4ade80}.offline-indicator .synced{background:#22c55ee6;animation:fadeOut 2s ease-out .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.queue-count{opacity:.9;font-weight:600}.sync-btn{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.sync-btn:hover{background:#ffffff4d;transform:scale(1.1)}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.offline-indicator{top:65px;right:5px;font-size:11px;padding:6px 10px;max-width:calc(100vw - 20px)}}.splash-screen{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}[data-theme=dark] .splash-screen{background:linear-gradient(135deg,#1a1a2e,#16213e)}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-content{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.splash-logo{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.splash-title{font-size:32px;font-weight:700;color:#fff;margin:0;text-align:center}.splash-subtitle{font-size:18px;color:#ffffffe6;margin:0;text-align:center}.splash-loader{display:flex;gap:8px;margin-top:20px}.loader-dot{width:12px;height:12px;border-radius:50%;background:#fff;animation:bounce 1.4s ease-in-out infinite}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:480px){.splash-title{font-size:28px}.splash-subtitle{font-size:16px}}.app{width:100vw;height:100vh;position:relative;overflow:hidden;transition:background-color .3s ease;padding-top:60px;padding-bottom:70px}.app{background:#f5f5f5}[data-theme=dark] .app{background:linear-gradient(135deg,#1a1a2e,#16213e)}.globe-container,.table-container{width:100%;height:calc(100% - 130px);position:absolute;top:60px;left:0;padding:20px;box-sizing:border-box}.table-container{overflow-y:auto;padding:80px 20px 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app{padding-top:56px;padding-bottom:60px}.globe-container,.table-container{top:56px;height:calc(100% - 116px);touch-action:pan-x pan-y pinch-zoom}.table-container{padding:70px 10px 10px}}@media(max-width:480px){.app{padding-top:52px;padding-bottom:55px}.globe-container{top:52px;height:calc(100% - 107px)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;padding:20px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}[data-theme=dark] .modal-content{background:#2a2a3e;color:var(--text-primary)}.modal-close{position:absolute;top:15px;right:15px;width:35px;height:35px;border-radius:50%;border:none;background:#0000001a;color:#333;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}[data-theme=dark] .modal-close{background:#ffffff1a;color:var(--text-primary)}.modal-close:hover{background:#0003;transform:scale(1.1)}@media(max-width:768px){.modal-content{padding:15px;max-width:95vw;max-height:95vh}}.controls{position:absolute;bottom:30px;right:30px;z-index:10;display:flex;gap:15px;flex-wrap:wrap}.advice-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;padding:15px 25px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #0000004d;transition:all .3s ease;display:flex;align-items:center;gap:8px}.advice-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0006}.advice-btn:active{transform:translateY(0)}.signup-btn{position:absolute;top:30px;left:30px;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;font-size:14px;font-weight:600;color:#333}[data-theme=dark] .signup-btn{background:#2a2a3ef2;color:var(--text-primary)}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.loading-overlay{position:fixed;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;color:#fff}.loading-spinner{font-size:64px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.controls{bottom:80px;right:10px;left:10px;justify-content:center}.advice-btn{padding:12px 20px;font-size:14px}.signup-btn{top:10px;left:10px;padding:8px 12px;font-size:12px}.search-container{top:10px;left:10px;right:10px;max-width:none;transform:none}.language-selector{top:10px;right:10px}.social-links-container{top:60px;right:10px}.trip-planner-container{top:110px;right:10px}}@media(max-width:480px){.advice-btn{padding:10px 15px;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-secondary: white;--text-primary: #333;--text-secondary: #666;--border-color: #eee;--shadow: rgba(0, 0, 0, .2)}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--bg-secondary: #2a2a3e;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #444;--shadow: rgba(0, 0, 0, .5)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease;touch-action:pan-x pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:none;position:fixed;width:100%;height:100%}#root{width:100vw;height:100vh;position:relative;overflow:hidden;overscroll-behavior-y:none}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{min-height:100vh;min-height:-webkit-fill-available}}@media(hover:none)and (pointer:coarse){button,a,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}}