:root{--bg:#f9fafc;--text:#222;--surface:#fff;--surface-2:#fafafa;--border:#e6e6e6;--muted:#666;--brand:#73000a;--brand-hover:#8b0010}html.dark{--bg:#111;--text:#eee;--surface:#161616;--surface-2:#141414;--border:#2a2a2a;--muted:#bdbdbd;--brand:#73000a;--brand-hover:#8b0010}body,html{background:#f9fafc;background:var(--bg);color:#222;color:var(--text);font-family:Arial,sans-serif;margin:0}a{color:inherit}.app-root{background:var(--bg);color:var(--text);display:flex;min-height:100vh}.sidebar{flex-direction:column;gap:.75rem;padding:16rem 0 1.5rem;width:70px}.side-link,.sidebar{align-items:center;background:var(--brand);display:flex}.side-link{border:1px solid #ffffff55;border-radius:4px;height:48px;justify-content:center;text-decoration:none;transition:all .2s ease;width:48px}.side-link .icon{color:#fff;font-size:22px}.side-link:hover{background:var(--brand-hover)}.side-link.active{background:var(--surface)}.side-link.active .icon{color:var(--brand)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.app-main{background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-width:0}.app-header{align-items:center;background-color:var(--brand);box-shadow:0 2px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 0;text-align:center}.app-header h1{font-size:2.6rem;letter-spacing:1px;margin:0}.app-header p{color:#f2f2f2;font-size:1.15rem;margin-top:.75rem}.main-content{background:var(--bg);flex:1 1;overflow-y:auto;padding:.5rem 3rem}.app-logoLink{margin-left:18px;text-decoration:none}.app-logoCircle{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;display:flex;height:72px;justify-content:center;overflow:hidden;width:72px}.app-logoImg{height:70%;object-fit:contain;width:70%}.app-headerText{flex:1 1;text-align:center}.app-headerSpacer{width:90px}.bottom-nav{display:none}@media (max-width:768px){.sidebar{display:none}.app-header h1{font-size:1.6rem}.app-header p{font-size:.85rem;margin-top:.3rem}.app-logoCircle{height:48px;width:48px}.app-headerSpacer{width:56px}.main-content{padding:.5rem 1rem 70px}.bottom-nav{background:var(--brand);border-top:1px solid #fff3;bottom:0;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.bottom-link,.bottom-nav{align-items:center;display:flex}.bottom-link{color:#ffffff8c;flex:1 1;flex-direction:column;gap:2px;padding:6px 0;text-decoration:none}.bottom-link .icon{font-size:20px}.bottom-label{font-family:Arial,sans-serif;font-size:10px}.bottom-link.active{border-top:2px solid #fff;color:#fff}}.create-trail-container button{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.create-trail-container button:hover{background:var(--surface-2)}.create-trail-container button:active{transform:scale(.97)}.create-trail-container input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px}.origin-input-wrapper{align-items:center;display:flex;gap:6px}.use-location-btn{font-size:14px;padding:8px 10px}.use-location-btn:hover{background:var(--surface-2)}.transport-toolbar button{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important;cursor:pointer;font-size:16px!important;padding:6px 10px!important}.transport-toolbar button[aria-pressed=true]{background:#73000a1a!important;border:2px solid var(--brand)!important}.map-layout{align-items:flex-start;display:flex;gap:16px}.map-section{flex:2 1;margin-bottom:12px;min-width:0}.map-sidebar{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:12px}.map-container{height:500px;position:relative;width:100%}.map-container .map-btn{background:#fff!important;border:1px solid #dadce0!important;border-radius:8px!important;box-shadow:0 1px 4px #00000038!important;cursor:pointer!important;font-size:14px!important;padding:8px 10px!important;transition:all .2s ease!important}.map-container .map-btn:hover{background:#f1f3f4!important;box-shadow:0 2px 6px #0000003d!important}.map-container .floating-controls{background:#fffffffa;border-radius:10px;box-shadow:0 6px 14px #0000001f;display:flex;flex-direction:column;gap:8px;padding:8px;position:absolute;right:56px;top:12px;z-index:1000}.hazard-control{position:relative}.hazard-menu{background:#fff;border:1px solid #ddd;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column;gap:6px;left:0;min-width:180px;padding:8px;position:absolute;z-index:1001}.hazard-btn{margin-bottom:0}.hazard-menu-item{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px 10px;text-align:left;white-space:nowrap}.hazard-menu-item:hover{background:#0000000f}.map-container .recenter-btn{position:relative!important}.map-controls .map-btn{align-items:center;display:inline-flex;justify-content:center;min-width:104px}.snackbar{background:#333;border-radius:6px;bottom:30px;color:#fff;font-size:14px;left:50%;padding:14px 20px;position:fixed;transform:translateX(-50%);z-index:9999}@media (max-width:768px){.create-trail-container{padding:12px}.map-layout{display:flex;flex-direction:column}.map-section{min-width:0;order:2;width:100%}.map-sidebar{display:contents}.map-sidebar .card:first-child,.map-sidebar .card:nth-child(2){order:1}.map-sidebar .card:nth-child(3),.map-sidebar .card:nth-child(4){order:3}.map-container{height:52vh;min-height:360px;order:2}.card{box-sizing:border-box;width:100%}.transport-toolbar{display:flex;flex-wrap:wrap;gap:8px}.origin-input-wrapper{flex-wrap:wrap;width:100%}.map-container .floating-controls{padding:6px;right:10px;top:10px}.map-controls{bottom:42px;left:4px}.map-controls .map-btn{min-width:92px}.hazard-menu{min-width:160px}}@media (max-width:640px){.map-controls{bottom:38px;left:4px}}.map-controls{align-items:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;bottom:48px;display:flex;flex-direction:column;gap:8px;left:6px;padding:0;position:absolute;z-index:1000}html.dark .map-container .map-btn{color:#111!important}html.dark .map-container .map-btn:disabled{color:#111!important;opacity:.6}.explore-page{margin:0 auto;max-width:1200px;padding:20px}.explore-search{margin-bottom:20px}.explore-search input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;outline:none;padding:12px 15px;width:100%}.explore-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.explore-toolbar .label{color:var(--text);font-weight:700;margin-right:8px}.filter-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text);cursor:pointer;display:inline-flex;font-size:18px;gap:5px;padding:6px 12px;transition:all .2s}.filter-btn:hover{background:var(--surface-2)}.filter-btn.selected{background:#0b63d62e;border:2px solid #0b63d6}.map-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.map-actions{display:flex;gap:8px;margin-top:8px}.explore-page button{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:8px 10px}.explore-page button:hover{background:var(--surface-2)}.empty-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);padding:20px;text-align:center}.routes-grid{grid-gap:12px;display:grid;gap:12px}.route-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.route-row{display:flex;gap:12px;justify-content:space-between}.route-meta{color:var(--muted);font-size:13px;margin-top:6px}.route-actions{align-items:flex-start;display:flex;gap:8px}.route-review{border-top:1px solid var(--border);font-size:14px;margin-top:10px;padding-top:8px}@media (max-width:768px){.explore-page{max-width:100%;padding:12px}.explore-toolbar{align-items:stretch;flex-direction:column}.explore-toolbar .buttons{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:10px}.explore-toolbar .buttons::-webkit-scrollbar{height:4px}.explore-toolbar .buttons::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.route-row{flex-direction:column;gap:15px}.route-actions button{flex:1 1;font-size:14px;padding:10px}.route-card.previewing{border-color:#0b63d6;box-shadow:0 0 0 2px #0b63d640;transition:border-color .2s,box-shadow .2s}h1{font-size:22px}}.settings-page{padding:32px 0}.settings-wrap{margin:0 auto;max-width:1240px;padding:0 18px}.settings-title{color:var(--brand);font-size:34px;font-weight:800;letter-spacing:2px;margin:0 0 18px;-webkit-user-select:none;user-select:none}.settings-card{background:var(--surface);border-radius:10px;box-shadow:0 2px 12px #00000014;overflow:hidden;width:100%}.settings-cardHeader{background:var(--brand);color:#fff;font-size:18px;font-weight:800;padding:18px 22px;-webkit-user-select:none;user-select:none}.settings-body{display:flex;flex-direction:column;gap:18px;padding:20px 22px 22px}.settings-sectionTitle{color:var(--text);font-size:15px;font-weight:800;margin:0}.settings-sectionHint{color:var(--muted);font-size:12px;margin:6px 0 0}.settings-tabs{background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;gap:10px;padding:14px 18px}.tabBtn{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font-size:13px;font-weight:700;padding:10px 14px}.tabBtn-active{border-color:var(--brand);color:var(--brand)}.settings-row{grid-gap:14px;align-items:center;border-bottom:1px solid var(--border);display:grid;gap:14px;grid-template-columns:1fr auto;padding:12px 0}.settings-row:last-child{border-bottom:none}.rowTitle{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:6px}.rowValue{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;padding:10px 12px}.divider{border:none;border-top:1px solid var(--border);margin:2px 0}.field-label{color:var(--muted);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.field-input{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text);font-size:14px;outline:none;padding:10px 12px;width:100%}.field-input:focus{border-color:var(--brand)}.actions{display:flex;gap:10px;justify-content:flex-start}.btn{border-radius:6px;cursor:pointer;font-size:14px;padding:10px 16px}.btn-primary{background:var(--brand);border:none;color:#fff;font-weight:700}.btn-neutral{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.btn-dangerOutline{background:#0000;border:1px solid #c62828;border:1px solid var(--danger,#c62828);color:#c62828;color:var(--danger,#c62828)}.btn-danger{background:#c62828;background:var(--danger,#c62828);border:none;color:#fff;font-weight:800}.btn[disabled]{cursor:not-allowed;opacity:.7}.status{border:1px solid #0000;border-radius:6px;font-size:13px;padding:10px 12px}.status-success{background:#e6f4ea;border-color:#c8e6c9;color:#1b5e20}.status-error{background:#fdecea;border-color:#f2c7c3;color:#b00020}.status-info{background:#e8eaf6;border-color:#c5cae9;color:#283593}.modalOverlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.modalCard{background:var(--surface);border-radius:12px;box-shadow:0 14px 40px #00000040;color:var(--text);max-width:520px;overflow:hidden;width:100%}.modalHeader{background:var(--brand);color:#fff;font-weight:800;padding:14px 16px}.modalBody{display:flex;flex-direction:column;gap:12px;padding:16px}.modalActions{display:flex;gap:10px;justify-content:flex-end;padding:0 16px 16px}:root.dark .settings-card{box-shadow:0 2px 18px #00000059}@media (max-width:768px){.settings-page{padding:16px 0}.settings-wrap{padding:0 10px}.settings-title{font-size:22px;letter-spacing:1px;margin-bottom:12px}.settings-cardHeader{font-size:16px;padding:14px 16px}.settings-body{gap:14px;padding:14px 14px 18px}.settings-row{gap:8px;grid-template-columns:1fr}.settings-row .btn{width:100%}.rowValue{font-size:13px;padding:8px 10px}.actions{flex-direction:column;gap:8px}.actions .btn{text-align:center;width:100%}.modalCard{border-radius:10px}.modalOverlay{align-items:flex-end;padding:12px}.modalCard{border-radius:16px 16px 10px 10px}.modalBody{padding:14px}.modalActions{flex-direction:column-reverse;gap:8px;padding:0 14px 14px}.modalActions .btn{text-align:center;width:100%}}.auth-page{background:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100vh}.auth-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:flex-start;padding:24px 40px}.auth-header-title{color:var(--brand);font-size:48px;font-weight:700;letter-spacing:2px;margin:0}.auth-main{align-items:flex-start;display:flex;flex:1 1;gap:48px;justify-content:center;padding:40px}.auth-image-wrap{margin-top:10px;max-width:760px;width:60%}.auth-image{border:1px solid var(--border);border-radius:10px;height:auto;object-fit:cover;width:100%}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 12px #00000014;margin-top:30px;padding:24px;width:32%}.auth-card-title{color:var(--text);font-size:28px;font-weight:700;margin-bottom:16px;margin-top:0}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;outline:none;padding:12px 14px}.auth-input::placeholder{color:var(--muted)}.auth-row{align-items:center;display:flex;gap:8px}.auth-grow{flex:1 1}.auth-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-weight:700}.auth-btn--show{font-size:12px;height:44px;padding:0 12px;white-space:nowrap}.auth-btn--primary{background:var(--brand);border:none;color:#fff;font-size:16px;margin-top:8px;padding:12px 14px}.auth-btn--primary[disabled]{background:var(--border);color:var(--muted);cursor:not-allowed}.auth-btn--secondary{background:#0000;border:2px solid var(--brand);color:var(--brand);font-size:16px;padding:12px 14px}.auth-btn--link{background:#0000;border:1px solid var(--brand);border-radius:10px;color:var(--brand);cursor:pointer;font-weight:800;margin-left:8px;padding:6px 10px}.auth-btn:focus-visible,.auth-input:focus-visible{outline:3px solid #73000a59;outline-offset:2px}.auth-btn:hover{filter:brightness(.98)}.auth-btn--primary:hover:not([disabled]){background:var(--brand-hover)}.auth-msg{color:var(--muted);font-size:14px}.auth-error{color:#b00020;font-size:14px}.auth-footer{background:var(--brand);color:#fff;font-weight:700;padding:14px 0;text-align:center}@media (max-width:900px){.auth-header{padding:18px}.auth-header-title{font-size:34px}.auth-main{align-items:stretch;flex-direction:column;gap:18px;padding:18px}.auth-image-wrap{display:none}.auth-card{margin-top:0;width:100%}}#root,body,html{height:100%}.app-content,.app-shell{min-height:100vh;overflow-x:hidden;overflow-y:auto}.completed-trail-container{margin:0 auto;max-width:1240px;padding:24px 24px 64px}.completed-trail-container h1{font-size:2rem;letter-spacing:-.02em;line-height:1.1;margin:0 0 20px}.completed-trail-top{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.completed-trail-main{min-width:0}.completed-trail-sidebar{align-self:start;max-width:none;min-width:180px;padding:16px 18px;width:fit-content}.completed-card,.completed-trail-sidebar,.review-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 30px #0000002e;padding:16px}.completed-card{margin-top:16px}.review-section{margin-top:24px}.completed-card h2,.completed-trail-sidebar h3,.review-section h3{margin-top:0}.sidebar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.sidebar-actions button{font-size:.9rem;min-width:0;min-width:auto;padding:6px 10px;width:auto}.completed-trail-sidebar button{width:auto}.public-toggle-row{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:12px}.public-toggle-row label{font-weight:600;margin:0}.public-toggle-row .toggle-switch{margin-top:4px}.completed-trail-container input,.completed-trail-container select,.completed-trail-container textarea{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text);outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.completed-trail-container input:focus,.completed-trail-container select:focus,.completed-trail-container textarea:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f62e}.completed-trail-container label{color:var(--text);font-weight:600}.completed-trail-container h1,.completed-trail-container h2,.completed-trail-container h3,.completed-trail-container p{color:var(--text)}.completed-trail-container button{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;padding:9px 12px;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.completed-trail-container button:hover{background:#ffffff14;transform:translateY(-1px)}.completed-trail-container button:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-btn{background:#ff00001f!important;border:1px solid #ff000040!important}.delete-btn:hover{background:#ff00002e!important}.star-button{border:none!important;cursor:pointer;padding:0 4px!important;transform:none!important}.star-button,.star-button:hover{background:#0000!important}.muted{color:var(--muted)}.completed-trail-container img{max-width:100%}@media (max-width:900px){.completed-trail-top{gap:16px;grid-template-columns:1fr}.completed-trail-main{order:1}.completed-trail-sidebar{box-sizing:border-box;max-width:none;min-width:0;order:2;width:100%}}@media (max-width:640px){.completed-trail-container{padding:14px 12px 36px}.completed-trail-container h1{font-size:1.5rem;margin-bottom:16px}.completed-card,.completed-trail-sidebar,.review-section{border-radius:16px;box-sizing:border-box;max-width:none!important;min-width:0!important;padding:14px;width:100%!important}.completed-card{margin-top:12px}.review-section{margin-top:16px}.completed-trail-sidebar{position:static}.sidebar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;width:100%}.sidebar-actions button{font-size:.9rem;min-width:0!important;min-width:auto!important;padding:6px 10px;width:auto!important}.completed-trail-sidebar>div:last-child button{font-size:.9rem;padding:6px 10px;width:auto}.public-toggle-row{gap:6px;margin-top:8px}.completed-trail-container input,.completed-trail-container select,.completed-trail-container textarea{font-size:16px;padding:10px 12px}.completed-trail-container textarea{min-height:120px}.completed-trail-main>div:first-child{margin-bottom:10px}.completed-trail-container .gm-style{border-radius:16px}.completed-trail-sidebar{max-width:none!important;min-width:0!important;width:100%!important}}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch .slider{background-color:#ccc;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:.2s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:.2s;width:18px}.toggle-switch input:checked+.slider{background-color:#e63946}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}
/*# sourceMappingURL=main.af1bb675.css.map*/