*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;color:#1f2937;background:#f9fafb}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#1e293b;color:#fff;position:sticky;top:0;z-index:100}.navbar-brand a{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none}.navbar-user{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#cbd5e1}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.btn-link{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.btn-link:hover{color:#fff}.main-content{flex:1}.alert{padding:.75rem 1.5rem;font-size:.875rem}.alert-success{background:#dcfce7;color:#166534;border-bottom:1px solid #bbf7d0}.alert-error{background:#fee2e2;color:#991b1b;border-bottom:1px solid #fecaca}.btn-primary{display:inline-block;background:#2563eb;color:#fff;padding:.5rem 1.1rem;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;transition:background .15s}.btn-primary:hover{background:#1d4ed8;text-decoration:none;color:#fff}.btn-secondary{display:inline-block;background:#fff;color:#374151;padding:.5rem 1.1rem;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;cursor:pointer;text-decoration:none;transition:background .15s}.btn-secondary:hover{background:#f3f4f6;text-decoration:none}.btn-sm{display:inline-block;padding:.3rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;text-decoration:none;transition:background .15s}.btn-sm:hover{background:#f3f4f6;text-decoration:none}.btn-danger{color:#ef4444;border-color:#fca5a5}.btn-danger:hover{background:#fee2e2}.page-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.page-header h1{margin:0;font-size:1.5rem}.trip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;padding:1.5rem}.trip-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}.trip-card:hover{box-shadow:0 4px 12px #00000014}.trip-card-body{padding:1.25rem;flex:1}.trip-card-body h2{margin:0 0 .4rem;font-size:1.05rem}.trip-desc{color:#6b7280;font-size:.875rem;margin:0 0 .75rem}.trip-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#9ca3af}.trip-card-actions{padding:.75rem 1.25rem;border-top:1px solid #f3f4f6;display:flex;gap:.5rem;background:#fafafa}.empty-state{padding:4rem;text-align:center;color:#6b7280}.form-card{max-width:560px;margin:2rem auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem;color:#374151}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#1f2937;transition:border-color .15s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input.is-invalid{border-color:#ef4444}.form-error{color:#ef4444;font-size:.8rem;margin:.25rem 0 0}.required{color:#ef4444}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.login-card{background:#fff;border-radius:14px;padding:3rem 2.5rem;text-align:center;max-width:380px;width:100%;box-shadow:0 20px 60px #0000004d}.login-card h1{margin:0 0 .5rem;font-size:1.8rem}.login-card p{color:#6b7280;margin:0 0 2rem}.btn-google{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:500;color:#374151;background:#fff;text-decoration:none;transition:box-shadow .15s,background .15s}.btn-google:hover{background:#f9fafb;box-shadow:0 2px 8px #0000001a;text-decoration:none}.upload-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.upload-modal{background:#fff;border-radius:10px;width:480px;max-width:95vw;overflow:hidden;box-shadow:0 20px 60px #0000004d}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.upload-modal-header h3{margin:0;font-size:1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;line-height:1;padding:0}.modal-close:hover{color:#111}.upload-modal-body{padding:1.25rem}.file-input{display:block;width:100%;padding:.5rem;border:2px dashed #d1d5db;border-radius:8px;font-size:.875rem;cursor:pointer;margin-bottom:.75rem}.file-input:hover{border-color:#2563eb}.upload-count{font-size:.85rem;color:#6b7280;margin:0 0 .75rem}.upload-progress{text-align:center;padding:1rem;color:#2563eb;font-size:.875rem}.upload-modal-actions{display:flex;gap:.75rem;margin-top:1rem}[x-cloak]{display:none!important}.share-wrap{position:relative}.share-btn{display:inline-flex;align-items:center;gap:.4rem}.share-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:200;overflow:hidden}.share-dropdown-header{padding:.85rem 1.1rem .6rem;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6}.share-link-row{display:flex;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid #f3f4f6}.share-link-input{flex:1;font-size:.78rem;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.4rem .6rem;min-width:0;cursor:text}.share-link-input:focus{outline:none;border-color:#93c5fd}.share-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;padding:.4rem .75rem;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.share-copy-btn:hover{background:#f3f4f6}.share-copy-btn.copied{background:#dcfce7;border-color:#86efac;color:#16a34a}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.85rem 1rem}.share-social{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:8px;font-size:.82rem;font-weight:500;text-decoration:none;transition:filter .15s,transform .1s;color:#fff}.share-social:hover{filter:brightness(1.1);transform:translateY(-1px);text-decoration:none}.share-social:active{transform:translateY(0)}.share-wa{background:#25d366}.share-x{background:#000}.share-fb{background:#1877f2}.share-email{background:#6b7280}.timeline-item-location{font-size:.75rem;color:#2563eb;margin-top:2px;font-weight:500}.wiki-block{margin-top:5px}.wiki-toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:#6b7280;background:#f3f4f6;border:none;border-radius:4px;padding:.2rem .45rem;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.wiki-toggle:hover{background:#e5e7eb;color:#374151}.wiki-summary{margin-top:.4rem;font-size:.75rem;color:#6b7280;line-height:1.5;padding:.5rem .6rem;background:#f9fafb;border-radius:6px;border-left:2px solid #d1d5db}.wiki-summary p{margin:0 0 .4rem}.wiki-read-more{font-size:.72rem;color:#2563eb;text-decoration:none;display:inline-block;margin-top:.2rem}.wiki-read-more:hover{text-decoration:underline}.timeline-item-actions{display:flex;flex-direction:column;align-items:center;gap:.25rem;align-self:center;flex-shrink:0}.timeline-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1rem;transition:background .15s,color .15s;padding:0}.timeline-action-btn:hover{background:#f3f4f6;color:#374151}.timeline-action-delete:hover{background:#fee2e2;color:#ef4444}.photo-share-dropdown{right:0;top:calc(100% + 6px);width:260px}#page-loader{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .2s}#page-loader.active{opacity:1}#page-loader-bar{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);width:0%;transition:width .4s ease;border-radius:0 2px 2px 0;box-shadow:0 0 8px #2563eb99}.upload-progress-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:.75rem}.upload-progress-label{margin:0;font-weight:600;font-size:.95rem;color:#1f2937}.upload-progress-sub{margin:0;font-size:.8rem;color:#6b7280;text-align:center}.upload-spinner{width:48px;height:48px}.spinner-svg{width:100%;height:100%;animation:spinner-rotate 1.4s linear infinite}.spinner-track{stroke:#e5e7eb}.spinner-head{stroke:#2563eb;stroke-linecap:round;stroke-dasharray:80,200;stroke-dashoffset:0;animation:spinner-dash 1.4s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-30}to{stroke-dasharray:100,200;stroke-dashoffset:-125}}.chunk-progress{display:flex;align-items:center;gap:.6rem;padding:1rem;font-size:.85rem;color:#6b7280}.chunk-spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.file-drop-zone{display:block;border:2px dashed #d1d5db;border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.file-drop-zone:hover{border-color:#2563eb;background:#eff6ff}.file-input-hidden{display:none}.file-drop-content{display:flex;flex-direction:column;align-items:center;gap:.4rem}.file-drop-label{font-size:.875rem;font-weight:500;color:#374151}.file-drop-hint{font-size:.75rem;color:#9ca3af}.selected-files{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.85rem;color:#16a34a;font-weight:500}#map-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:500;font-size:.875rem;color:#6b7280;pointer-events:none}.map-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}