:root{--primary-green:#1b6b5e;--primary-green-dark:#155a4f;--primary-green-light:#2d8b7a;--accent-orange:#f59e0b;--accent-orange-hover:#d97706;--accent-yellow:#fcd34d;--text-dark:#1f2937;--text-medium:#4b5563;--text-light:#6b7280;--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--bg-gray-200:#e5e7eb;--border-gray:#e5e7eb;--success-green:#10b981;--badge-green:#d1fae5;--badge-green-text:#065f46;--badge-blue:#dbeafe;--badge-blue-text:#1e40af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--bg-gray-50);color:#1f2937;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.top-nav{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{border-radius:8px;box-sizing:border-box;color:inherit;gap:.5rem;margin:0;max-height:100%;padding:.25rem .5rem;text-decoration:none;transition:background .2s}.logo:hover{background:#f9fafb;background:var(--bg-gray-50)}.logo-icon{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;max-height:48px;max-width:48px;width:48px}.logo-icon img{display:block;height:100%;object-fit:contain;width:100%}.logo-text{color:#1f2937;color:var(--text-dark);font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.logo-text .trout{color:#1b6b5e;color:var(--primary-green)}.nav-menu{list-style:none}.nav-item,.nav-menu{display:flex;gap:.5rem}.nav-item{align-items:center;border:1px solid #0000;border-radius:6px;color:#4b5563;color:var(--text-medium);cursor:pointer;font-weight:500;padding:.625rem 1rem;transition:all .2s}.nav-item:hover{background:#f9fafb;background:var(--bg-gray-50);color:#1f2937;color:var(--text-dark)}.nav-item.active{background:#d1fae5;border-color:#a7f3d0;color:#1b6b5e;color:var(--primary-green)}.user-badge{background:#f3f4f6;background:var(--bg-gray-100);border-radius:8px;cursor:pointer;gap:.5rem;padding:.5rem .75rem}.user-avatar,.user-badge{align-items:center;display:flex}.user-avatar{background:#1b6b5e;background:var(--primary-green);border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar .user-avatar-img{height:100%;object-fit:cover;width:100%}.hero{background:linear-gradient(135deg,#1b6b5e,#2d8b7a);color:#fff;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:500px;left:-10%;position:absolute;top:-50%;width:500px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.hero-title .trout{color:#f59e0b;color:var(--accent-orange)}.hero-subtitle{font-size:1.25rem;margin:0 auto 2rem;max-width:700px;opacity:.95;position:relative;z-index:1}.weather-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;margin:2rem auto 2.5rem;max-width:400px;padding:1.5rem}.weather-location{font-size:.9rem;margin-bottom:.5rem;opacity:.9}.weather-temp-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.weather-temp{font-size:3rem;font-weight:700}.weather-condition{font-size:1.125rem}.weather-details{border-top:1px solid #fff3;display:flex;justify-content:space-between;padding-top:1rem}.weather-detail{text-align:center}.weather-detail-label{font-size:.75rem;margin-bottom:.25rem;opacity:.8}.btn,.weather-detail-value{font-size:1rem;font-weight:600}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:#f59e0b;background:var(--accent-orange);color:#fff}.btn-primary:hover{background:#d97706;background:var(--accent-orange-hover);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:#fff;color:#1b6b5e;color:var(--primary-green)}.btn-secondary:hover{background:#f3f4f6;background:var(--bg-gray-100)}.btn-green{background:#1b6b5e;background:var(--primary-green);color:#fff}.btn-green:hover{background:#155a4f;background:var(--primary-green-dark)}.section{margin:0 auto;max-width:1200px;padding:3rem 2rem}.section-title{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.feature-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:12px;display:flex;font-size:1.75rem;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.feature-icon.green{background:#d1fae5;color:#1b6b5e;color:var(--primary-green)}.feature-icon.yellow{background:#fef3c7;color:#d97706}.feature-icon.blue{background:#dbeafe;color:#2563eb}.feature-title{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.feature-description{color:#4b5563;color:var(--text-medium);line-height:1.6;margin-bottom:1rem}.feature-link{align-items:center;color:#1b6b5e;color:var(--primary-green);display:inline-flex;font-weight:600;gap:.25rem;text-decoration:none}.feature-link:hover{text-decoration:underline}.stats-bar{background:#1b6b5e;background:var(--primary-green);color:#fff;margin:3rem 0;padding:2.5rem 2rem}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;text-align:center}.stat-item{padding:1rem}.stat-value{font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.cta-section{background:#fff;padding:4rem 2rem;text-align:center}.cta-title{color:#1f2937;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{color:#4b5563;color:var(--text-medium);font-size:1.125rem;margin:0 auto 2rem;max-width:600px}.page-header{background:#1b6b5e;background:var(--primary-green);color:#fff;padding:2.5rem 2rem;text-align:center}.page-header-title{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.5rem}.page-header-subtitle{font-size:1.125rem;opacity:.95}.page-header-actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.map-layout{display:flex;height:calc(100vh - 70px)}.map-sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--border-gray);overflow-y:auto;width:380px}.map-search{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:.75rem;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-input:focus{border-color:#1b6b5e;border-color:var(--primary-green);outline:none}.stream-list{padding:1rem}.stream-list-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bg-gray-100);cursor:pointer;padding:1rem;transition:background .2s}.stream-list-item:hover{background:#f9fafb;background:var(--bg-gray-50)}.stream-list-item--selected{background:#1b6b5e1f;background:var(--accent-teal-light,#1b6b5e1f);border-left:3px solid #1b6b5e;border-left:3px solid var(--accent-teal,#1b6b5e)}.stream-list-item:last-child{border-bottom:none}.stream-name{color:#1f2937;color:var(--text-dark);font-weight:600;margin-bottom:.5rem}.stream-location{align-items:center;color:#4b5563;color:var(--text-medium);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.25rem}.stream-count{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);color:#6b7280;color:var(--text-light);font-size:.875rem;padding:1rem;text-align:center}.map-container{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.map-search-bar,.map-stream-dropdown{display:none}.map-area{flex:1 1;min-height:0;position:relative}#map{height:100%;width:100%}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge-general{background:#d1fae5;background:var(--badge-green);color:#065f46;color:var(--badge-green-text)}.badge-catch-release{background:#dbeafe;background:var(--badge-blue);color:#1e40af;color:var(--badge-blue-text)}.empty-state{padding:4rem 2rem;text-align:center}.empty-icon{height:80px;margin:0 auto 1.5rem;opacity:.3;width:80px}.empty-title{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-subtitle{color:#6b7280;color:var(--text-light);font-size:.95rem;margin:0}.empty-description{color:#4b5563;color:var(--text-medium);margin-bottom:1.5rem}.profile-page{max-width:100%;overflow-x:hidden}.profile-header{background:#1b6b5e;background:var(--primary-green);color:#fff;overflow-x:hidden;padding:3rem 2rem}.profile-header-content{align-items:center;box-sizing:border-box;display:flex;gap:2rem;margin:0 auto;max-width:800px;padding:0 .25rem}.profile-photo-input{clip:rect(0,0,0,0);height:0;opacity:0;overflow:hidden;position:absolute;width:0}.profile-avatar-group{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.profile-avatar-wrap{background:none;border:none;border-radius:50%;cursor:pointer;padding:0;position:relative}.profile-avatar-wrap:focus-visible .profile-avatar-badge,.profile-avatar-wrap:hover .profile-avatar-badge{background:#00000080;opacity:1}.profile-avatar-wrap:disabled{cursor:not-allowed}.profile-avatar-large{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-avatar-badge{background:#0006;bottom:0;height:32px;opacity:.8;right:0;transition:opacity .2s,background .2s;width:32px}.profile-avatar-badge,.profile-avatar-overlay{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute}.profile-avatar-overlay{background:#00000080;font-size:1.5rem;inset:0}.profile-remove-photo{background:none;border:none;border-radius:4px;color:#ffffffe6;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;text-decoration:underline}.profile-remove-photo:hover:not(:disabled){color:#fff}.profile-remove-photo:disabled{cursor:not-allowed;opacity:.7}.profile-info{flex:1 1}.profile-name{font-size:2rem;font-weight:700;margin-bottom:.25rem}.profile-bio{color:#fffffff2;font-size:.95rem;line-height:1.4;margin:.5rem 0 0;max-width:420px}.profile-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}.profile-logout-btn,.profile-settings-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s,border-color .2s}.profile-logout-btn:hover,.profile-settings-btn:hover{background:#ffffff40;border-color:#fffc}.profile-stats{display:flex;gap:3rem;margin-top:1rem}.profile-stat{text-align:center}.profile-stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.profile-stat-label{font-size:.875rem;opacity:.9}.profile-tabs{background:#fff;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-gray);box-sizing:border-box;display:flex;gap:1rem;margin:0 auto;max-width:800px;padding:0 2rem}.profile-tab{background:none;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--text-medium);cursor:pointer;flex:1 1;font-size:1.05rem;font-weight:600;letter-spacing:.02em;margin-bottom:-2px;padding:1rem 1.5rem;text-align:center;transition:all .2s}.profile-tab:hover{color:#1f2937;color:var(--text-dark)}.profile-tab.active{border-bottom-color:#1b6b5e;border-bottom-color:var(--primary-green);color:#1b6b5e;color:var(--primary-green);font-weight:700}.profile-content{box-sizing:border-box;margin:0 auto;max-width:800px;overflow-x:hidden;padding:2rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#1b6b5e,#2d8b7a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.modal-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.modal-subtitle{font-size:.95rem;margin:0;opacity:.9}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.settings-modal-content{max-width:480px}.settings-modal-body{display:flex;flex-direction:column;gap:2rem;padding:2rem}.settings-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);padding-bottom:1.5rem}.settings-section:last-of-type{border-bottom:none}.settings-email-display{color:#1f2937;color:var(--text-dark);font-size:1rem;margin:.5rem 0 .25rem;word-break:break-all}.settings-hint{color:#6b7280;color:var(--text-light);font-size:.85rem;margin:.5rem 0 0}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-form .form-section{border:none;padding:0}.settings-label{color:#1f2937;color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.settings-input{border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.settings-input:focus{border-color:#1b6b5e;border-color:var(--primary-green);outline:none}.settings-input::placeholder{color:#6b7280;color:var(--text-light)}.settings-textarea{min-height:80px;resize:vertical}.settings-password-wrap{margin-bottom:1rem;position:relative}.settings-password-wrap .settings-input{margin-bottom:0;padding-right:2.75rem}.settings-password-toggle{align-items:center;background:none;border:none;color:#4b5563;color:var(--text-medium);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.settings-password-toggle:hover{color:#1f2937;color:var(--text-dark)}.settings-error{color:#b91c1c;font-size:.9rem;margin:-.5rem 0 .75rem}.settings-submit-btn{align-self:flex-start;background:#1b6b5e;background:var(--primary-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.25rem;transition:background .2s}.settings-submit-btn:hover:not(:disabled){background:#155a4f;background:var(--primary-green-dark,#0d5c3d)}.settings-submit-btn:disabled{cursor:not-allowed;opacity:.7}.modal-form{gap:2rem;padding:2rem}.form-section,.modal-form{display:flex;flex-direction:column}.form-section{gap:1rem}.form-section-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--bg-gray-100);color:#1f2937;color:var(--text-dark);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding-bottom:.75rem}.form-section-header svg{color:#1b6b5e;color:var(--primary-green)}.catch-textarea{border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:12px;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .2s;width:100%}.catch-textarea:focus{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 0 0 4px #1b6b5e1a;outline:none}.catch-textarea::placeholder{color:#6b7280;color:var(--text-light)}.form-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#6b7280;color:var(--text-light);left:1rem;pointer-events:none;position:absolute;z-index:1}.modern-input,.modern-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:12px;font-family:inherit;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s;width:100%}.modern-input:focus,.modern-select:focus{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 0 0 4px #1b6b5e1a;outline:none}.modern-input::placeholder{color:#6b7280;color:var(--text-light)}.modern-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:3rem}.divider-text{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:600;margin:.5rem 0;position:relative;text-align:center}.divider-text:after,.divider-text:before{background:#e5e7eb;background:var(--border-gray);content:"";height:1px;position:absolute;top:50%;width:45%}.divider-text:before{left:0}.divider-text:after{right:0}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);display:flex;gap:1rem;padding-top:1rem}.btn-cancel{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:12px;color:#1f2937;color:var(--text-dark);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.btn-cancel:hover{background:#f9fafb;background:var(--bg-gray-50);border-color:#4b5563;border-color:var(--text-medium)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-submit{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent-orange) 0,var(--accent-orange-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.btn-submit:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.form-textarea{min-height:100px;resize:vertical}.popup-weather-widget{background:linear-gradient(135deg,#1b6b5e,#2d8b7a);border-radius:12px;box-shadow:0 4px 12px #1b6b5e33;color:#fff;overflow:hidden;padding:1rem;position:relative}.popup-weather-widget:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:150px;pointer-events:none;position:absolute;right:-20%;top:-30%;width:150px}.popup-weather-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.popup-weather-temp{font-size:2.5rem;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000001a}.popup-weather-description{font-size:.95rem;font-weight:500;margin-top:.25rem;opacity:.95;text-transform:capitalize}.popup-weather-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));font-size:3rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.popup-weather-details{border-top:1px solid #ffffff40;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-around;margin-top:.75rem;opacity:.95;padding-top:.75rem;position:relative;z-index:1}.popup-weather-details span{align-items:center;display:flex;font-weight:600;gap:.25rem}.popup-forecast-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:1rem;padding:.75rem;position:relative;transition:all .3s;width:100%;z-index:1}.popup-forecast-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.popup-forecast-btn:active{transform:translateY(0)}.weather-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:600;padding:.75rem}.stream-popup-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.stream-popup-title{flex:1 1;font-size:1.1rem;line-height:1.3;margin:0}.stream-popup-favorite-btn{background:none;border:none;color:#e5e7eb;color:var(--border-gray);cursor:pointer;flex-shrink:0;font-size:1.4rem;line-height:1;padding:.25rem;transition:color .2s,transform .15s}.stream-popup-favorite-btn:hover{transform:scale(1.1)}.stream-popup-favorite-btn.is-favorite,.stream-popup-favorite-btn:hover{color:#f59e0b;color:var(--accent-orange)}.leaflet-star-marker{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));justify-content:center}.leaflet-star-marker svg{height:28px;width:28px}.custom-marker-star.leaflet-div-icon{background:none!important;border:none!important}.stream-popup-stocking-cta{background:#f9fafb;background:var(--bg-gray-50);border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);margin:1rem -12px -12px;padding:1rem 12px 12px}.stream-popup-stocking-btn{background:#fff;border:2px solid #1b6b5e;border:2px solid var(--primary-green);border-radius:10px;color:#1b6b5e;color:var(--primary-green);cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1rem;transition:background .2s,color .2s,box-shadow .2s;width:100%}.stream-popup-stocking-btn:hover{background:#1b6b5e;background:var(--primary-green);box-shadow:0 2px 8px #1b6b5e40;color:#fff}.stocking-reports-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}.stocking-reports-modal .stocking-reports-modal-header{align-items:flex-start;background:linear-gradient(135deg,#1b6b5e,#2d8b7a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.75rem}.stocking-reports-modal .stocking-reports-modal-header .modal-title{font-size:1.35rem;font-weight:700;margin:0}.stocking-reports-modal .stocking-reports-modal-header .modal-subtitle{font-size:.95rem;margin:.35rem 0 0;opacity:.95}.stocking-reports-modal .stocking-reports-modal-body{background:#f9fafb;background:var(--bg-gray-50);flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem 1.75rem 1.75rem}.stocking-reports-loading{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;padding:2.5rem 1rem;text-align:center}.stocking-reports-loading .spinner-small{display:block;margin:0 auto 1rem}.stocking-reports-loading p{color:#4b5563;color:var(--text-medium);font-size:.95rem;margin:0}.stocking-reports-modal-body .stocking-reports-list-title{color:#4b5563;color:var(--text-medium);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin:0 0 .75rem;text-transform:uppercase}.stocking-reports-list{margin-bottom:1.25rem;max-height:300px;overflow-y:auto;padding-right:.25rem}.stocking-reports-list::-webkit-scrollbar{width:6px}.stocking-reports-list::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-gray);border-radius:3px}.stocking-report-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:.6rem;padding:1rem 1.15rem}.stocking-report-card:last-child{margin-bottom:0}.stocking-report-card-meta{align-items:baseline;color:#6b7280;color:var(--text-light);display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.4rem}.stocking-report-card-meta .stocking-report-author{color:#155a4f;color:var(--primary-green-dark);font-weight:600}.stocking-report-card-meta .stocking-report-date{color:#6b7280;color:var(--text-light);font-weight:500}.stocking-report-card-text{color:#1f2937;color:var(--text-dark);font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.stocking-report-card-meta{align-items:center;flex-wrap:wrap}.stocking-report-card-actions{align-items:center;display:inline-flex;gap:.25rem;margin-left:auto}.stocking-report-action-btn{align-items:center;background:#f3f4f6;background:var(--bg-gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;color:#4b5563;color:var(--text-medium);cursor:pointer;display:inline-flex;justify-content:center;padding:.35rem;transition:background .2s,color .2s}.stocking-report-action-btn:hover:not(:disabled){background:#1b6b5e;background:var(--primary-green);border-color:#1b6b5e;border-color:var(--primary-green);color:#fff}.stocking-report-action-btn-delete:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.stocking-report-action-btn:disabled{cursor:not-allowed;opacity:.6}.stocking-report-deleting{font-size:.75rem;font-weight:700}.stocking-report-edit{margin-top:.5rem}.stocking-report-edit-textarea{border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;box-sizing:border-box;display:block;font-family:inherit;font-size:.95rem;margin-bottom:.5rem;min-height:70px;padding:.6rem .75rem;resize:vertical;width:100%}.stocking-report-edit-textarea:focus{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 0 0 2px #1b6b5e33;outline:none}.stocking-report-edit-buttons{display:flex;gap:.5rem;justify-content:flex-end}.stocking-report-edit-cancel{background:#f3f4f6;background:var(--bg-gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;color:#4b5563;color:var(--text-medium);cursor:pointer;font-size:.875rem;font-weight:600;padding:.4rem .75rem}.stocking-report-edit-cancel:hover:not(:disabled){background:#e5e7eb;background:var(--bg-gray-200)}.stocking-report-edit-save{background:#1b6b5e;background:var(--primary-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.4rem .75rem}.stocking-report-edit-save:hover:not(:disabled){background:#155a4f;background:var(--primary-green-dark)}.stocking-report-edit-cancel:disabled,.stocking-report-edit-save:disabled{cursor:not-allowed;opacity:.7}.stocking-reports-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;box-sizing:border-box;margin-top:1.25rem;padding:1.25rem;width:100%}.stocking-reports-form .form-label{color:#1f2937;color:var(--text-dark);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.stocking-reports-form .stocking-reports-textarea{border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:10px;box-sizing:border-box;display:block;font-family:inherit;font-size:.95rem;margin-bottom:.75rem;min-height:80px;padding:.75rem 1rem;resize:vertical;width:100%}.stocking-reports-form .stocking-reports-textarea:focus{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 0 0 2px #1b6b5e33;outline:none}.stocking-reports-form .btn-submit{border-radius:10px;font-weight:700;padding:.75rem 1rem;width:100%}.stocking-empty-msg,.stocking-sign-in-msg{background:#fff;border:1px dashed #e5e7eb;border:1px dashed var(--border-gray);border-radius:12px;color:#4b5563;color:var(--text-medium);font-style:italic;padding:1.5rem 1rem;text-align:center}.stocking-sign-in-msg{margin-top:1rem}.stream-popup-stocking{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);margin-top:1rem;padding-top:1rem}.stream-popup-stocking-title{color:#1f2937;color:var(--text-dark);font-size:.9rem;font-weight:700;margin:0 0 .5rem}.stream-popup-stocking-list{font-size:.85rem;max-height:140px;overflow-y:auto}.stocking-report-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--bg-gray-200);padding:.5rem 0}.stocking-report-item:last-child{border-bottom:none}.stocking-report-meta{color:#6b7280;color:var(--text-light);font-size:.75rem;margin-bottom:.2rem}.stocking-report-author{color:#4b5563;color:var(--text-medium);font-weight:600}.stocking-report-text{color:#1f2937;color:var(--text-dark);white-space:pre-wrap;word-break:break-word}.stream-popup-stocking-actions{margin-top:.75rem}.stocking-input{border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;font-family:inherit;font-size:.85rem;margin-bottom:.5rem;min-height:56px;padding:.5rem .75rem;resize:vertical;width:100%}.stocking-input:focus{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 0 0 2px #1b6b5e33;outline:none}.stocking-submit-btn{background:#1b6b5e;background:var(--primary-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:background .2s;width:100%}.stocking-submit-btn:hover:not(:disabled){background:#155a4f;background:var(--primary-green-dark)}.stocking-submit-btn:disabled{cursor:not-allowed;opacity:.7}.stocking-empty,.stocking-error,.stocking-loading,.stocking-sign-in{color:#6b7280;color:var(--text-light);font-size:.85rem;font-style:italic;padding:.5rem 0}.stocking-error{color:#ef4444;font-style:normal}.weather-loading{color:#6b7280;color:var(--text-light);font-size:.875rem;font-style:italic;padding:1rem;text-align:center}@media (max-width:480px){.popup-weather-temp{font-size:2rem}.popup-weather-icon{font-size:2.5rem}.popup-weather-details{flex-wrap:wrap;font-size:.75rem}}.weather-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.weather-modal-header{align-items:flex-start;background:linear-gradient(135deg,#1b6b5e,#2d8b7a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem 2rem 2.5rem;position:relative}.weather-modal-header:after{background:#fff;border-radius:30px 30px 0 0;bottom:0;content:"";height:30px;left:0;position:absolute;right:0}.weather-modal-body{padding:1.5rem 2rem 2rem;position:relative}.current-weather-card{background:linear-gradient(135deg,#1b6b5e,#2d8b7a);border-radius:20px;box-shadow:0 8px 24px #1b6b5e33;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2.5rem 2rem;position:relative}.current-weather-card:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.current-weather-main{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.current-weather-details{flex:1 1}.current-temp{font-size:5rem;font-weight:800;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 8px #0000001a}.current-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));font-size:6rem}.current-condition{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 3px #0000001a;text-transform:capitalize}.current-feels{font-size:1.25rem;opacity:.95}.weather-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2.5rem}.weather-detail-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--bg-gray-50) 0,#fff 100%);border:2px solid #f3f4f6;border:2px solid var(--bg-gray-100);border-radius:16px;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.weather-detail-card:hover{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.weather-detail-card svg{flex-shrink:0}.detail-label{color:#4b5563;color:var(--text-medium);font-size:.875rem;font-weight:500;margin-bottom:.375rem}.detail-value{line-height:1}.detail-value,.forecast-section-title{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:800}.forecast-section-title{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.forecast-section-title:before{content:"📅";font-size:1.75rem}.forecast-days-tabs{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-color:#1b6b5e #f3f4f6;scrollbar-color:var(--primary-green) var(--bg-gray-100);scrollbar-width:thin}.forecast-days-tabs::-webkit-scrollbar{height:8px}.forecast-days-tabs::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-gray-100);border-radius:10px}.forecast-days-tabs::-webkit-scrollbar-thumb{background:#1b6b5e;background:var(--primary-green);border-radius:10px}.forecast-day-tab{background:#fff;border:3px solid #f3f4f6;border:3px solid var(--bg-gray-100);border-radius:16px;cursor:pointer;flex:1 1;min-width:130px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.forecast-day-tab:hover{background:#f9fafb;background:var(--bg-gray-50);box-shadow:0 8px 16px #00000014}.forecast-day-tab.active,.forecast-day-tab:hover{border-color:#1b6b5e;border-color:var(--primary-green);transform:translateY(-4px)}.forecast-day-tab.active{background:linear-gradient(135deg,#1b6b5e,#2d8b7a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);box-shadow:0 12px 24px #1b6b5e4d;color:#fff}.forecast-day-date{font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.forecast-day-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:.75rem}.forecast-day-temps{display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center}.forecast-day-tab.active .forecast-day-temps{font-size:1.25rem}.temp-high{font-weight:800}.temp-low{opacity:.75}.hourly-forecast{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--bg-gray-50) 0,#fff 100%);border:2px solid #f3f4f6;border:2px solid var(--bg-gray-100);border-radius:20px;padding:2rem}.hourly-forecast-title{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-size:1.25rem;font-weight:800;gap:.75rem;margin-bottom:1.5rem}.hourly-forecast-title:before{content:"🕐";font-size:1.5rem}.hourly-forecast-scroll{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:1rem;scrollbar-color:#1b6b5e #f3f4f6;scrollbar-color:var(--primary-green) var(--bg-gray-100);scrollbar-width:thin}.hourly-forecast-scroll::-webkit-scrollbar{height:8px}.hourly-forecast-scroll::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-gray-100);border-radius:10px}.hourly-forecast-scroll::-webkit-scrollbar-thumb{background:#1b6b5e;background:var(--primary-green);border-radius:10px}.hourly-forecast-item{background:#fff;border:2px solid #f3f4f6;border:2px solid var(--bg-gray-100);border-radius:16px;flex-shrink:0;min-width:120px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.hourly-forecast-item:hover{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 8px 16px #00000014;transform:translateY(-4px)}.hourly-time{color:#1b6b5e;color:var(--primary-green);font-size:1rem;font-weight:700;margin-bottom:.75rem}.hourly-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:.75rem}.hourly-temp{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.hourly-condition{color:#4b5563;color:var(--text-medium);font-size:.85rem;font-weight:500;text-transform:capitalize}@media (max-width:768px){.weather-modal-content{border-radius:20px 20px 0 0;max-width:100%}.weather-details-grid{gap:.75rem;grid-template-columns:1fr}.current-temp{font-size:3.5rem}.current-icon{font-size:4.5rem}.current-condition{font-size:1.25rem}.forecast-days-tabs{gap:.75rem}.forecast-day-tab{min-width:110px;padding:1rem .75rem}.forecast-day-icon{font-size:2.5rem}.hourly-forecast{padding:1.5rem}.hourly-forecast-scroll{gap:1rem}.hourly-forecast-item{min-width:100px;padding:1rem .75rem}.hourly-icon{font-size:2.5rem}.hourly-temp{font-size:1.25rem}}.image-upload-area{background:#f9fafb;background:var(--bg-gray-50);border:2px dashed #e5e7eb;border:2px dashed var(--border-gray);border-radius:12px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s}.image-upload-area:hover{background:#1b6b5e0d;border-color:#1b6b5e;border-color:var(--primary-green)}.image-upload-area svg{color:#6b7280;color:var(--text-light);margin-bottom:1rem}.upload-text{color:#1f2937;color:var(--text-dark);font-weight:600;margin:0 0 .5rem}.upload-subtext{color:#6b7280;color:var(--text-light);font-size:.875rem;margin:0}.image-preview-container{border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:12px;overflow:hidden;position:relative}.image-preview{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px}.remove-image-btn:hover{background:#ef4444e6;transform:scale(1.1)}.post-card-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;overflow:hidden;padding-top:1.5rem;transition:all .3s ease}.post-card-container:hover{border-color:var(--slate-300);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.post-image-container{background:#f8f9fa;margin-bottom:1rem;width:100%}.post-image{display:block;height:auto;max-height:600px;object-fit:cover;width:100%}.post-menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-top:.5rem;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.post-menu-item{align-items:center;background:#fff;border:none;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.post-menu-item:hover{background:#f9fafb;background:var(--bg-gray-50)}.post-menu-item.danger{color:#ef4444}.post-menu-item.danger:hover{background:#ef44441a}.auth-page{align-items:center;background:linear-gradient(135deg,#1b6b5e,#2d8b7a);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:420px;padding:3rem;width:100%}.auth-header{flex-direction:column;margin-bottom:2rem}.auth-header,.auth-logo-box{align-items:center;display:flex}.auth-logo-box{background:#fff;border-radius:12px;height:280px;justify-content:center;margin-bottom:1rem;padding:.5rem;width:280px}.auth-logo-box img{height:100%;object-fit:contain;width:100%}.auth-title{color:#1f2937;color:var(--text-dark);font-size:1.75rem;margin-bottom:.5rem}.auth-title-accent{color:#1b6b5e;color:var(--primary-green)}.auth-subtitle{color:#6b7280;color:var(--text-light);margin:0}.auth-error{background:#ef44441a;border-left:3px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.footer{background:#1f2937;background:var(--text-dark);color:#fff;margin-top:auto;padding:2rem;text-align:center}.footer-content{justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content,.footer-logo{align-items:center;display:flex}.footer-logo{font-size:1.1rem;font-weight:600;gap:.5rem}.footer-text{color:#ffffffb3}.footer-copyright{color:#ffffff80}@media (min-width:769px) and (max-width:1024px){.features-grid{gap:1.25rem;grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}.map-layout{height:calc(100vh - 70px - env(safe-area-inset-top, 0px))}.leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom{transform:scale(1.4);transform-origin:bottom right}}@media (max-width:1024px){.map-sidebar{display:none!important}.map-search-bar{background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:block;flex:0 0 auto;padding:.75rem 1rem;z-index:500}.map-search-bar .search-input{margin:0}.map-stream-dropdown{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:block;flex:0 0 auto;padding:1rem;position:relative;z-index:500}.map-stream-dropdown-trigger{align-items:center;background:#fff;border:none;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bg-gray-100);border-radius:0;box-sizing:border-box;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:1rem;text-align:left;transition:background .2s;width:100%}.map-stream-dropdown-trigger:hover{background:#f9fafb;background:var(--bg-gray-50)}.map-stream-dropdown.select-has-value .map-stream-dropdown-trigger{background:#1b6b5e1f;background:var(--accent-teal-light,#1b6b5e1f);border-left:3px solid #1b6b5e;border-left:3px solid var(--accent-teal,#1b6b5e)}.map-stream-dropdown-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-stream-dropdown-chevron{color:#4b5563;color:var(--text-medium);flex-shrink:0;transition:transform .2s}.map-stream-dropdown.is-open .map-stream-dropdown-chevron{transform:rotate(180deg)}.map-stream-dropdown-list{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:min(60vh,400px);overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:600}.map-stream-dropdown-list .stream-list-item:last-child{border-bottom:none}.map-container{min-height:0}.leaflet-control-container .leaflet-top.leaflet-left{bottom:10px;left:auto;right:10px;top:auto}}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{align-items:stretch;background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);box-shadow:0 2px 10px #0000000f;display:flex;height:56px;justify-content:space-around;left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:70px;z-index:99}.bottom-nav-item{align-items:center;background:none;border:none;color:#4b5563;color:var(--text-medium);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.65rem;font-weight:500;gap:.15rem;justify-content:center;min-height:44px;padding:.35rem .25rem;transition:color .2s,background .2s}.bottom-nav-item:hover{color:#1f2937;color:var(--text-dark)}.bottom-nav-item.active{color:#1b6b5e;color:var(--primary-green);font-weight:600}.bottom-nav-item.active .bottom-nav-avatar{border-color:#1b6b5e;border-color:var(--primary-green);box-shadow:0 0 0 2px #d1fae5;box-shadow:0 0 0 2px var(--badge-green)}.bottom-nav-avatar{align-items:center;background:#1b6b5e;background:var(--primary-green);border:2px solid #0000;border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:600;height:24px;justify-content:center;overflow:hidden;width:24px}.bottom-nav-avatar img{height:100%;object-fit:cover;width:100%}.bottom-nav-initials{font-size:.6rem;font-weight:700}.app-content-body{padding-bottom:12px;padding-top:calc(56px + env(safe-area-inset-top, 0))}.nav-menu,.top-nav .user-badge-desktop{display:none}.nav-container{padding:0 1rem}.nav-menu{display:none}.hero{padding:1.5rem 1rem}.hero:before{pointer-events:none}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem;padding:0 .5rem}.section{padding:1.25rem 1rem}.section-title{font-size:1.5rem;margin-bottom:1.25rem}.features-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.feature-card{padding:1.25rem}.stats-bar{margin:1.5rem 0;padding:1rem}.stats-container{gap:1rem;grid-template-columns:1fr}.stat-value{font-size:2.25rem}.cta-section{padding:1.5rem 1rem}.cta-title{font-size:1.75rem}.page-header{padding:1.5rem 1rem}.page-header-title{font-size:1.5rem}.page-header-actions{flex-wrap:wrap;gap:.75rem}.community-page{max-width:100%;overflow-x:hidden}.community-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem 1rem;text-align:left}.community-page .page-header>div:first-child{flex:1 1;min-width:0}.community-page .page-header-subtitle{text-align:center}.community-page .page-header-actions{justify-content:center;margin-top:0;width:100%}.community-page .page-header-actions .btn{flex:1 1;min-width:0}.community-page .page-header-actions .btn.btn-primary{flex:none;min-width:auto}.community-page .community-content{max-width:100%;padding:2rem 1rem}.community-page .community-tabs{-webkit-overflow-scrolling:touch;margin-left:-1rem;margin-right:-1rem;max-width:none;overflow-x:auto;padding-left:1rem;padding-right:1rem;width:calc(100% + 2rem)}.community-page .community-tabs .profile-tab{flex:0 0 auto;white-space:nowrap}.community-page .community-discover-search{flex-direction:column;gap:.5rem}.community-page .community-discover-search>div:first-child{min-width:0;width:100%}.community-page .community-discover-search .btn{width:100%}.community-page .community-discover-user-card{flex-wrap:wrap;gap:.75rem;padding:1rem}.community-page .community-discover-user-card>div:first-child{min-width:0}.community-page .community-discover-user-card .community-discover-follow-btn{flex:1 1 100%;margin-top:0;width:100%}.map-layout{flex-direction:column;height:calc(100vh - 126px - env(safe-area-inset-top, 0px));padding-bottom:0}.map-sidebar{display:none!important}.map-search-bar{background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:block;flex:0 0 auto;padding:.75rem 1rem;z-index:500}.map-search-bar .search-input{margin:0}.map-container{min-height:0}.leaflet-popup.custom-popup-mobile{left:50%!important;margin:0!important;max-width:calc(100vw - 2rem);position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 2rem)}.leaflet-popup.custom-popup-mobile .leaflet-popup-tip{display:none}.leaflet-popup.custom-popup-mobile .leaflet-popup-content-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:min(70vh,420px);overflow-y:auto}.leaflet-popup.custom-popup-mobile .stream-popup-container{max-height:none}.profile-header{padding:1.5rem 1rem}.profile-header-content{flex-wrap:wrap;gap:1.25rem;max-width:100%;padding:0}.profile-info{flex:1 1 auto;min-width:0}.profile-name{word-wrap:break-word;font-size:1.5rem;overflow-wrap:break-word}.profile-bio{max-width:100%}.profile-header-actions{flex-wrap:wrap;gap:.5rem;margin-left:0;margin-top:.25rem;width:100%}.profile-logout-btn,.profile-settings-btn{flex:1 1 auto;justify-content:center;min-width:0}.profile-stats{flex-wrap:wrap;gap:1.5rem}.profile-tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;padding:0 1rem}.profile-tab{flex:0 0 auto;font-size:.9rem;padding:.75rem 1rem}.profile-content{max-width:100%;padding:1rem}.profile-page .post-card-container{max-width:100%;min-width:0}.modal-content{margin:.5rem;max-height:90vh}.modal-header{padding:1.25rem 1rem}.modal-title{font-size:1.35rem}.modal-form{padding:1rem}.form-grid-2{grid-template-columns:1fr}.footer{padding:1rem}.footer-content{flex-direction:column;gap:1rem}.btn{min-height:44px;padding:.75rem 1.25rem}}@media (max-width:480px){.logo-text{font-size:1.1rem}.logo-icon{height:40px;max-height:40px;max-width:40px;width:40px}.hero-title{font-size:1.85rem}.hero-badge{font-size:.8rem;padding:.4rem .75rem}.nav-container{height:60px}.bottom-nav{top:60px}.app-content-body{padding-top:calc(56px + env(safe-area-inset-top, 0))}.map-layout{height:calc(100vh - 116px - env(safe-area-inset-top, 0px))}.bottom-nav-item span{font-size:.6rem}.auth-page{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-logo-box{height:200px;width:200px}.auth-title{font-size:1.5rem}}
/*# sourceMappingURL=main.4bc094bf.css.map*/