:root{--primary:#5e7b56;--primary-dark:#4e6848;--primary-light:#e8ede5;--primary-bg:#eef1ec;--accent:#5e7b56;--accent-dark:#4e6848;--accent-light:#e8ede5;--bg:#e5dfd6;--bg-warm:#ece8e0;--card:#f2efe9;--text:#33302b;--text-dim:#504b44;--text-muted:#847c73;--border:#d4cec4;--border-light:#dedad2;--orange:#b87a3a;--orange-light:#f5ede2;--danger:#a85252;--danger-light:#f3eaea;--success:#5a8a54;--success-light:#eaf1e9;--warning:#a8863a;--radius:12px;--radius-sm:10px;--radius-xs:6px;--tab-height:72px;--header-height:56px;--shadow-xs:0 1px 2px #2c28250a;--shadow:0 2px 6px #2c28250f;--shadow-md:0 4px 12px #2c282514;--shadow-lg:0 6px 20px #2c28251f;--transition:.15s ease;--sidebar-bg:#f9f8f5;--sidebar-text:#4a4541;--sidebar-text-hover:#2c2825;--sidebar-active:#3d9b8f;--sidebar-border:#e4e0db;--sidebar-surface:#f4f2ee}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{color:#33302b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5dfd6;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.55}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);padding-top:env(safe-area-inset-top,0px);background:#fffffff7;position:sticky;top:0;box-shadow:0 1px 8px #0000000f}.app-header-inner{max-width:1280px;height:var(--header-height);align-items:center;gap:12px;width:100%;margin:0 auto;padding:0 16px;display:flex}.app-logo{color:var(--text);letter-spacing:-.5px;align-items:center;gap:8px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.app-logo svg{color:var(--primary)}.app-logo-text{background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-header-right{align-items:center;gap:6px;margin-left:auto;display:flex}.app-main{padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex:1;width:100%;max-width:960px;margin:0 auto;padding-left:4px;padding-right:4px;overflow-y:auto}.tab-bar{height:var(--tab-height);-webkit-backdrop-filter:blur(24px);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff5;border-top:1px solid #0000000f;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000000f}.tab-item{color:#9ca3af;transition:color var(--transition);-webkit-tap-highlight-color:transparent;z-index:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.tab-item.active{color:#fff;font-weight:700}.tab-item.active:before{content:"";background:var(--primary);z-index:-1;border-radius:14px;position:absolute;inset:6px 4px;box-shadow:0 4px 12px #0d948859}.tab-item svg{stroke-width:1.8px;z-index:1;width:24px;height:24px;position:relative}.tab-item span{z-index:1;position:relative}.badge{background:var(--danger);color:#fff;border:2px solid var(--card);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-8px}.page{padding:0 4px 24px}.page-header{align-items:center;gap:12px;padding:16px 0 12px;display:flex}.page-header h1{letter-spacing:-.4px;color:var(--text);flex:1;font-size:22px;font-weight:800}.header-actions{gap:4px;display:flex}.page-subtitle{color:var(--text-dim);margin-bottom:16px;font-size:14px}.back-btn{background:var(--card);width:38px;height:38px;color:var(--text);box-shadow:var(--shadow-xs);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.back-btn:hover{box-shadow:var(--shadow)}.back-link{color:var(--primary);align-items:center;gap:4px;margin-bottom:12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.icon-btn{cursor:pointer;color:var(--text-dim);transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:hover{background:var(--bg)}.icon-btn:active{background:var(--border)}.icon-pro{color:#d97706}.icon-pro:hover{background:#fef3c7}.icon-btn-sm{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn-sm:hover{background:var(--danger-light);color:var(--danger)}.icon-btn.danger,.icon-btn-sm.danger{color:var(--danger)}.btn-icon{background:var(--card);border:1px solid var(--border-light);cursor:pointer;width:36px;height:36px;color:var(--text);transition:background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--border-light)}.section-title{color:var(--text);letter-spacing:-.3px;margin:20px 0 12px;font-size:18px;font-weight:700}.auth-page{background:linear-gradient(150deg,#0a1f1c 0%,#0d9488 60%,#14a085 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(at 70% 30%,#14a08566 0%,#0000 60%);position:absolute;inset:0}.auth-card{z-index:1;border-radius:24px;width:100%;max-width:400px;padding:40px 32px;position:relative;box-shadow:0 20px 64px #00000047;color:#1a1a2e!important;background:#fff!important}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo svg{color:var(--primary)}.auth-logo h1{background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:10px;font-size:28px;font-weight:800}.auth-card h1{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important}.auth-card .auth-logo svg{color:var(--primary)!important}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-link{text-align:center;color:#fff;margin-top:20px;font-size:14px}.auth-link a{color:#ffffffe6;text-decoration:underline}.auth-link a:hover{color:#fff}.auth-card input,.auth-card select,.auth-card textarea{color:#1a1a2e!important;background:#f5f7fa!important;border-color:#d0d7de!important}.auth-card input:focus,.auth-card select:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 3px #0d948826!important}.auth-card input::placeholder{color:#8b949e!important}.auth-card .btn-primary{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 16px #0d948859!important}.demo-login-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.demo-title{color:var(--text-muted);text-align:center;margin-bottom:8px;font-size:13px}.demo-buttons{flex-direction:column;gap:6px;display:flex}.btn-demo{border:1px solid var(--border);cursor:pointer;text-align:left;color:#1a1a2e;background:#f5f7fa;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .15s}.btn-demo:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.auth-card .demo-title{color:#6b7280!important}.auth-card .error-msg{color:#dc2626!important}input,textarea,select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-warm);width:100%;transition:all var(--transition);color:var(--text);outline:none;padding:13px 16px;font-family:inherit;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #0d94881f}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}.form{flex-direction:column;gap:14px;padding:8px 0;display:flex}.form-section{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);flex-direction:column;gap:10px;padding:16px;display:flex}.form-label{color:var(--primary);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.form-row{gap:10px;display:flex}.form-row>.form-field{flex:1}.form-field small{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.form-group{margin-bottom:14px}.form-group label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input[type=text],.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-warm);width:100%;color:var(--text);box-sizing:border-box;padding:10px 12px;font-size:14px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d94881f}.form-error{background:var(--danger-light);color:var(--danger);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.form-label-inline{color:var(--text-dim);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.form-label-inline input[type=checkbox]{width:auto}.quick-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.bite-rating-input{gap:4px;padding:8px 0;display:flex}.bite-rating-input button{cursor:pointer;background:0 0;border:none;padding:2px}.checkbox-label{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary)}.toggle-label{cursor:pointer;align-items:center;gap:8px;font-weight:400!important;display:flex!important}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.coords-display{color:var(--primary);font-size:12px;font-weight:400}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.2px;border:none;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 2px 12px #0d94884d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 20px #0d948866}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.btn-primary.btn-danger{background:var(--danger);box-shadow:0 2px 12px #ef44444d}.btn-secondary{background:var(--card);color:var(--primary);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;width:100%;transition:all var(--transition);justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-light)}.btn-sm{border-radius:var(--radius-xs);cursor:pointer;border:none;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.btn-accent{background:var(--accent);color:#fff;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition);border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.btn-accent:hover{background:var(--accent-dark)}.btn-pro{color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--transition);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn-pro:hover{opacity:.9}.pro-icon{font-size:18px}.btn-logout{color:var(--danger);border-color:var(--danger);justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.btn-logout:hover{background:var(--danger-light)}.btn-follow{cursor:pointer;border:2px solid var(--primary);background:var(--primary);color:#fff;border-radius:24px;align-items:center;gap:6px;min-height:40px;margin-top:14px;padding:9px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-follow:hover{opacity:.9}.btn-follow.following{color:var(--primary);background:0 0}.btn-follow.following:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-follow:disabled{opacity:.5;cursor:not-allowed}.btn-report{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;display:inline-flex}.btn-report:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.error-msg{color:var(--danger);text-align:center;background:var(--danger-light);border-radius:var(--radius-xs);border:1px solid #ef444426;padding:10px 14px;font-size:13px}.fab{bottom:calc(var(--tab-height) + 16px);background:var(--primary);color:#fff;cursor:pointer;z-index:50;width:54px;height:54px;transition:all var(--transition);border:none;border-radius:16px;justify-content:center;align-items:center;display:flex;position:fixed;right:16px;box-shadow:0 4px 20px #0d948866}.fab:hover{transform:scale(1.06);box-shadow:0 6px 28px #0d948880}.fab:active{transform:scale(.96)}.fab-add-spot{z-index:900;background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #0d948866}.fab-add-spot:hover{transform:scale(1.1);box-shadow:0 6px 24px #0d948880}.mobile-fish-fab{color:#fff;z-index:100;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:16px;box-shadow:0 4px 20px #0d948873}.mobile-fish-fab:hover{transform:scale(1.1)}.location-selector{background:var(--card);border:1px solid var(--border);color:var(--primary);cursor:pointer;transition:all var(--transition);border-radius:24px;align-items:center;gap:6px;margin-top:12px;margin-bottom:10px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.location-selector:hover{box-shadow:var(--shadow);border-color:var(--primary)}.location-selector svg{flex-shrink:0}.location-picker{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border-light);max-height:400px;margin-bottom:14px;padding:16px;animation:.2s ease-out slideDown;overflow-y:auto}.location-picker-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.location-search{border-radius:var(--radius-sm);background:var(--bg);margin-bottom:10px;padding:10px 14px;font-size:14px}.location-picker-header h3{font-size:16px;font-weight:700}.location-picker h4{color:var(--text-dim);margin:12px 0 8px;font-size:14px;font-weight:600}.location-picker-regions,.location-picker-cities{flex-wrap:wrap;gap:6px;display:flex}.location-chip{background:var(--bg);border:1px solid var(--border-light);color:var(--text-dim);cursor:pointer;transition:all var(--transition);border-radius:16px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.location-chip:hover{border-color:var(--primary);background:var(--primary-light)}.location-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bite-banner{color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#0a1f1c 0%,#0d9488 70%,#14a085 100%);align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0d948859}.bite-banner:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-15%}.bite-banner:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-30%;left:-10%}.bite-banner:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0d948873}.bite-banner-icon{z-index:1;font-size:38px}.bite-banner-info{z-index:1;flex:1}.bite-banner-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.bite-banner-value{margin-top:2px;font-size:22px;font-weight:800}.bite-banner-score{opacity:.65;margin-top:2px;font-size:12px}.bite-banner-temp{text-align:right;z-index:1}.bite-banner-temp .temp{font-size:28px;font-weight:700}.bite-banner-temp .conditions{opacity:.65;margin-top:2px;font-size:11px}.feed-quick-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.quick-stat{background:var(--card);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--transition);color:var(--text);border:1px solid var(--border-light);padding:16px 10px}.quick-stat:hover{box-shadow:var(--shadow);border-color:var(--primary-light)}.quick-stat-num{color:var(--primary);font-size:24px;font-weight:800;line-height:1.2;display:block}.quick-stat-label{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:600;display:block}.top-spots-section{margin-bottom:20px}.top-spots-title{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:700}.top-spots-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.top-spots-carousel::-webkit-scrollbar{display:none}.top-spot-card{background:var(--card);border-radius:var(--radius-sm);min-width:200px;max-width:240px;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);scroll-snap-align:start;transition:all var(--transition);color:var(--text);flex-direction:column;flex:none;gap:6px;padding:14px 16px;text-decoration:none;display:flex}.top-spot-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.top-spot-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.top-spot-rating{align-items:center;gap:2px;display:flex}.top-spot-rating .star-filled{color:#c4943a;fill:#c4943a}.top-spot-rating .star-empty{color:var(--border)}.top-spot-rating-num{color:var(--text-muted);margin-left:4px;font-size:13px;font-weight:600}.top-spot-reviews{color:var(--text-muted);margin-left:2px;font-size:11px}.top-spot-species{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.top-spot-species .species-tag{background:var(--bg);color:var(--text-muted);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.feed-tabs,.feed-tab,.feed-sort,.sort-chip{display:none}.feed-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.feed-toolbar-tabs{gap:4px;display:flex}.feed-toolbar-tab{border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.feed-toolbar-tab:hover{background:var(--border-light);color:var(--text)}.feed-toolbar-tab.active{background:var(--primary);color:#fff}.feed-filter-wrap{position:relative}.feed-filter-btn{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.feed-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.feed-filter-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:300;min-width:180px;padding:8px;animation:.12s ease-out hover-card-in;position:absolute;top:calc(100% + 6px);right:0}.feed-filter-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);margin-bottom:4px;padding:4px 8px 8px;font-size:11px;font-weight:700}.feed-filter-option{text-align:left;border-radius:var(--radius-xs);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .1s;display:block}.feed-filter-option:hover{background:var(--bg)}.feed-filter-option.active{color:var(--primary);background:var(--primary-light);font-weight:700}.feed-promo{margin-bottom:16px}.promo-card{border-radius:var(--radius);color:#fff;padding:20px;text-decoration:none;display:block;box-shadow:0 4px 16px #0d94884d}.promo-title{margin-bottom:4px;font-size:18px;font-weight:700;display:block}.promo-desc{opacity:.85;font-size:13px;display:block}.recommend-card{border-radius:var(--radius);color:#fff;cursor:pointer;align-items:flex-start;gap:12px;margin:8px 0;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000002e}.recommend-card:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-40%;right:-15%}.recommend-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000038}.recommend-card-icon{z-index:1;background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.recommend-card-body{z-index:1;flex:1;min-width:0}.recommend-card-title{opacity:.75;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.recommend-card-text{margin-top:2px;font-size:15px;font-weight:700;line-height:1.35}.recommend-card-meta{opacity:.75;margin-top:4px;font-size:12px}.recommend-card-action{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.recommend-card-avatar{object-fit:cover;border:2px solid #ffffff80;border-radius:50%;width:40px;height:40px}.recommend-card-avatar-placeholder{color:#fff;background:#ffffff40;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.recommend-card-follow-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff38;border:1px solid #fff6;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;transition:background .2s}.recommend-card-follow-btn:hover{background:#ffffff61}.posts-list{flex-direction:column;gap:10px;display:flex}.post-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);transition:all var(--transition);padding:16px;position:relative;overflow:hidden}@media (width>=768px){.post-card{border-radius:var(--radius);width:100%;max-width:600px;margin:0 auto}}.post-card:hover{box-shadow:var(--shadow-md);border-left-color:var(--primary)}.post-card:before{content:"";background:var(--primary);border-radius:0 0 0 var(--radius-sm);opacity:0;width:3px;transition:opacity var(--transition);position:absolute;top:0;bottom:0;left:0}.post-card:hover:before{opacity:1}.post-header{align-items:center;margin-bottom:6px;display:flex}.post-author{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.post-author .avatar-sm{width:34px;height:34px}.post-author .avatar-placeholder{width:34px;height:34px;font-size:13px}.post-author-info{flex-wrap:wrap;align-items:center;gap:0;display:flex}.author-name{font-size:14px;font-weight:700;display:inline}.post-time-dot{color:var(--text-muted);margin:0 5px;font-size:12px}.post-time{color:var(--text-muted);font-size:12px;display:inline}.post-text{white-space:pre-wrap;color:var(--text);margin:6px 0 0;font-size:15px;line-height:1.6}.post-catch-location-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;display:flex}.post-catch-badge{color:var(--accent);background:var(--accent-light);border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.post-catch-badge span{display:inline}.post-catch-badge svg{flex-shrink:0}.post-location-badge{color:var(--text-dim);align-items:center;gap:3px;font-size:13px;display:inline-flex}.post-location-badge svg{color:var(--orange);flex-shrink:0}.post-catch{color:var(--accent);background:var(--accent-light);border-radius:14px;align-items:center;gap:10px;margin-bottom:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.post-catch span{align-items:center;gap:4px;display:flex}.post-location{color:var(--text-dim);align-items:center;gap:4px;margin-bottom:4px;font-size:13px;display:flex}.post-location svg{color:var(--orange);flex-shrink:0}.post-fish-illustration{display:none}.post-gallery-wrap{border-radius:0;margin:8px -16px 6px;position:relative;overflow:hidden}.gallery-container{position:relative}.post-gallery{display:flex;overflow:hidden}.post-gallery::-webkit-scrollbar{display:none}.gallery-img{object-fit:contain;background:#f0f2f5;flex-shrink:0;width:100%;min-width:100%;max-height:500px}.gallery-video{background:#000;width:100%;min-width:100%;max-height:500px;display:block}@media (width>=768px){.gallery-img{object-fit:contain;border-radius:var(--radius-xs);max-height:420px;background:#0a0a0a!important}.gallery-video{border-radius:var(--radius-xs);max-height:420px}.post-gallery-wrap{border-radius:var(--radius-xs);margin:8px 0 6px;overflow:hidden}}:root.dark .gallery-img{background:#1c2128}@media (prefers-color-scheme:dark){:root:not(.light) .gallery-img{background:#1c2128}}.photo-counter{z-index:2;color:#fff;background:#0000008c;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.gallery-arrow{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0000007a;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#000000b8}.gallery-container:hover .gallery-arrow{opacity:1}.gallery-arrow-left{left:6px}.gallery-arrow-right{right:6px}@media (width<=767px){.gallery-arrow{display:none!important}}.gallery-dots{z-index:2;justify-content:center;gap:5px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.gallery-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s}.gallery-dot.active{background:#fff;transform:scale(1.3)}.gallery-dot-video{border:1.5px solid #fffc}.lightbox-overlay{z-index:10000;background:#000000f5;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-close{z-index:10001;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff38}.lightbox-img{object-fit:contain;border-radius:4px;max-width:95vw;max-height:90vh}.lightbox-video{border-radius:4px;max-width:95vw;max-height:90vh}.lightbox-counter{color:#fff;background:#00000080;border-radius:14px;padding:4px 16px;font-size:14px;font-weight:600;position:absolute;top:20px;left:50%;transform:translate(-50%)}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-nav:hover{background:#ffffff47}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.post-actions{border-top:1px solid var(--border-light);gap:16px;margin-top:6px;padding-top:8px;display:flex}.action-btn{cursor:pointer;color:var(--text-muted);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:5px;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600;display:flex}.action-btn:hover{color:var(--primary)}.action-btn.liked{color:var(--danger)}.action-btn.saved{color:var(--primary)}.bookmark-btn{transition:color var(--transition)}.create-post-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);border:2px solid var(--primary-light);flex-direction:column;gap:12px;margin-bottom:14px;padding:16px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-post-form textarea{background:var(--bg-warm);min-height:80px}.create-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.create-fields input:last-child{grid-column:1/-1}.edit-post-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.edit-post-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;min-height:100px;padding:12px;font-family:inherit;font-size:14px}.edit-actions{gap:8px;display:flex}.comment-top{justify-content:space-between;align-items:center;display:flex}.page-header-actions{gap:8px;margin-left:auto;display:flex}.file-upload-label{border-radius:var(--radius);background:var(--card);border:2px dashed var(--border);color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:13px 16px;font-size:14px;transition:border-color .2s,color .2s;display:flex}.file-upload-label:hover{border-color:var(--primary);color:var(--primary)}.photo-previews{flex-wrap:wrap;gap:8px;display:flex}.photo-preview{border-radius:var(--radius-xs);width:90px;height:90px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-remove{color:#fff;text-align:center;cursor:pointer;background:#0009;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:22px;position:absolute;top:2px;right:2px}.events-list{flex-direction:column;gap:14px;display:flex}.event-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);color:var(--text);transition:all var(--transition);border:1px solid var(--border-light);flex-direction:column;display:flex;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-cover{object-fit:cover;width:100%;height:150px}.event-cover-placeholder{color:#ffffffd9;justify-content:center;align-items:center;width:100%;height:110px;display:flex;position:relative}.event-bottom{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.event-info{padding:16px}.event-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.event-title{margin-bottom:10px;font-size:17px;font-weight:800;line-height:1.3}.event-meta{color:var(--text-dim);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.event-meta span{align-items:center;gap:4px;display:flex}.event-meta svg{color:var(--text-muted)}.event-fee{color:var(--primary);background:var(--primary-light);border-radius:16px;margin-top:10px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.event-prize{color:var(--orange);align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.event-cover-large{object-fit:cover;border-radius:var(--radius);width:100%;max-height:260px}.event-content{padding:8px 0}.event-content h2{margin:10px 0;font-size:22px;font-weight:800}.event-details{color:var(--text-dim);flex-direction:column;gap:10px;margin:14px 0;font-size:14px;display:flex}.event-details div{align-items:center;gap:8px;display:flex}.event-details svg{color:var(--primary);flex-shrink:0}.event-description{white-space:pre-wrap;margin:14px 0;font-size:15px;line-height:1.7}.event-rules{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin:14px 0;padding:16px}.event-rules h3{margin-bottom:8px;font-size:15px;font-weight:700}.event-organizer{color:var(--text-dim);margin-top:20px;font-size:14px}.event-organizer .label{margin-right:4px}.participants-section{margin-top:24px}.participants-section h3{margin-bottom:10px;font-size:15px;font-weight:700}.participants-list{flex-wrap:wrap;gap:8px;display:flex}.participant{background:var(--bg);color:var(--text);border:1px solid var(--border-light);transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.participant:hover{border-color:var(--primary-light);background:var(--primary-bg)}.ads-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ad-card{background:var(--card);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow-xs);transition:all var(--transition);border:1px solid var(--border-light);overflow:hidden}.ad-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ad-photo{aspect-ratio:1;background:var(--bg);overflow:hidden}.ad-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.ad-card:hover .ad-photo img{transform:scale(1.04)}.ad-no-photo{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg, var(--bg), var(--border-light));justify-content:center;align-items:center;font-size:13px;display:flex}.ad-info{padding:12px}.ad-badges{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.ad-type{text-transform:uppercase;letter-spacing:.4px;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:800}.ad-type-sell{background:var(--success-light);color:var(--success)}.ad-type-buy{background:var(--primary-light);color:var(--primary)}.ad-type-exchange{background:var(--orange-light);color:var(--orange)}.ad-type-rent{color:#7c3aed;background:#f3e8ff}.ad-category{background:var(--bg);color:var(--text-muted);border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.ad-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ad-price{color:var(--primary);font-size:16px;font-weight:800}.ad-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;display:flex}.ad-meta span{align-items:center;gap:2px;display:flex}.ad-photos-gallery{scroll-snap-type:x mandatory;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.ad-photos-gallery img{border-radius:var(--radius-sm);scroll-snap-align:start;height:220px}.ad-content{padding:8px 0}.ad-content h2{margin:8px 0;font-size:20px;font-weight:800}.ad-price-big{color:var(--primary);margin:8px 0;font-size:30px;font-weight:800}.ad-description{white-space:pre-wrap;margin:14px 0;font-size:15px;line-height:1.7}.ad-meta-detail{color:var(--text-dim);flex-direction:column;gap:8px;margin:14px 0;font-size:14px;display:flex}.ad-meta-detail div{align-items:center;gap:8px;display:flex}.ad-contact{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent);border:1px solid #0d948826;align-items:center;gap:10px;margin:14px 0;padding:14px;font-size:15px;font-weight:600;display:flex}.ad-author{margin-top:14px;font-size:14px}.ad-banner{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition);align-items:center;gap:12px;margin:12px 0;padding:14px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.ad-banner:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.ad-banner:after{content:"";background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-40%;right:-15%}.ad-banner-icon{opacity:.9;z-index:1;flex-shrink:0}.ad-banner-content{z-index:1;flex:1}.ad-banner-title{font-size:14px;font-weight:700}.ad-banner-desc{opacity:.8;margin-top:2px;font-size:12px}.ad-banner-cta{white-space:nowrap;z-index:1;background:#fff3;border-radius:14px;padding:5px 12px;font-size:11px;font-weight:800}.promoted-badge{text-transform:uppercase;letter-spacing:.3px;color:#5d3200;background:linear-gradient(135deg,gold,#ff8f00);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.active-filter-tag{background:var(--primary-light);color:var(--primary);border-radius:16px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.active-filter-tag button{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0 2px;font-size:16px;font-weight:800;line-height:1}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;animation:.2s ease-out slideDown;display:flex}.filter-bar select,.filter-bar input{background:var(--card);border-radius:var(--radius-sm);flex:1;min-width:120px;padding:10px 12px;font-size:13px}.chip{background:var(--card);border:1.5px solid var(--border);cursor:pointer;color:var(--text-dim);transition:all var(--transition);border-radius:24px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.chip:hover{border-color:var(--primary-light)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.weather-page{padding-bottom:80px}.weather-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.weather-item{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.weather-item svg{color:var(--primary)}.weather-val{font-size:24px;font-weight:800}.weather-label{color:var(--text-muted);font-size:12px;font-weight:600}.weather-region{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.weather-current{margin-top:20px}.weather-current h3{margin-bottom:4px;font-size:18px;font-weight:700}.weather-forecast{margin-top:24px}.weather-forecast h3{margin-bottom:12px;font-size:18px;font-weight:700}.forecast-days{flex-direction:column;gap:8px;display:flex}.forecast-day{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:12px;padding:14px 16px;display:flex}.forecast-day-label{min-width:90px;color:var(--text);font-size:14px;font-weight:600}.forecast-day-temp{gap:8px;min-width:90px;font-size:16px;font-weight:700;display:flex}.temp-max{color:var(--text)}.temp-min{color:var(--text-muted);font-weight:500}.forecast-day-details{color:var(--text-dim);gap:12px;margin-left:auto;font-size:12px;display:flex}.forecast-day-details span{align-items:center;gap:3px;display:flex}.species-bite-section{margin-top:24px}.species-bite-section h3{margin-bottom:12px;font-size:18px;font-weight:700}.species-bite-list{flex-direction:column;gap:8px;display:flex}.species-bite-row{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 14px;display:flex}.species-bite-name{flex-shrink:0;align-items:center;gap:6px;width:90px;font-size:13px;font-weight:700;display:flex}.species-bite-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.species-bite-fill{border-radius:4px;height:100%;transition:width .6s}.species-bite-score{text-align:right;width:28px;font-size:13px;font-weight:800}.bite-compact{white-space:nowrap;border:1.5px solid;border-radius:16px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:700;display:flex}.bite-score{color:var(--text-muted);font-size:11px;font-weight:500}.bite-emoji{font-size:16px}.bite-widget{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:24px}.bite-widget h3{margin-bottom:16px;font-size:18px;font-weight:700}.bite-main{border-radius:var(--radius);border:3px solid;flex-direction:column;align-items:center;gap:6px;padding:22px 44px;display:inline-flex}.bite-big-emoji{font-size:56px}.bite-label{font-size:24px;font-weight:800}.bite-score-big{color:var(--text-muted);font-size:15px;font-weight:500}.bite-factors{text-align:left;margin-top:20px}.bite-factor{align-items:center;gap:10px;margin-bottom:10px;display:flex}.factor-name{width:100px;color:var(--text-dim);font-size:13px;font-weight:500}.factor-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.factor-fill{border-radius:4px;height:100%;transition:width .6s}.factor-val{text-align:right;width:30px;font-size:13px;font-weight:700}.bite-forecast-section{margin-top:24px}.bite-forecast-section h3{margin-bottom:12px;font-size:18px;font-weight:700}.bite-forecast-list{flex-direction:column;gap:8px;display:flex}.bite-forecast-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border-left:3px solid var(--border);grid-template-columns:100px 32px 1fr 32px;align-items:center;gap:8px;padding:10px 14px;display:grid}.bite-forecast-card.good{border-left-color:#4caf50}.bite-forecast-card.medium{border-left-color:#ff9800}.bite-forecast-card.bad{border-left-color:#f44336}.bite-forecast-date{color:var(--text);font-size:13px;font-weight:700}.bite-forecast-emoji{text-align:center;font-size:20px}.bite-forecast-bar-wrap{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.bite-forecast-bar{border-radius:4px;height:100%;transition:width .6s}.bite-forecast-score{text-align:right;font-size:14px;font-weight:800}.bite-forecast-details{color:var(--text-muted);grid-column:1/-1;gap:12px;margin-top:2px;font-size:11px;display:flex}.bite-forecast-details span{align-items:center;gap:3px;display:flex}.bite-forecast-species{color:var(--accent);grid-column:1/-1;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.map-page{padding:0;position:relative}.map-filter{z-index:1000;gap:6px;display:flex;position:absolute;top:12px;left:12px}.map-container{width:100%;height:calc(100dvh - var(--tab-height) - var(--header-height))}.map-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.map-filter{flex:1;gap:6px;display:flex;overflow-x:auto}.map-add-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border-radius:24px;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.map-add-btn.active{background:var(--primary);color:#fff}.map-add-btn:hover{background:var(--primary-light)}.map-hint{background:var(--orange-light);color:var(--orange);border-radius:var(--radius-xs);text-align:center;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:700}.map-locate-btn{z-index:1000;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);background:#fff;border:2px solid #00000026;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.map-locate-btn:hover{background:var(--bg)}.map-marker-custom{background:0 0!important;border:none!important}.map-popup{min-width:160px}.map-popup-header{margin-bottom:4px}.map-popup-badge{background:var(--bg-warm);border-radius:4px;padding:2px 6px;font-size:11px}.map-popup-title{color:var(--primary);margin:4px 0;font-size:14px;font-weight:700;text-decoration:none;display:block}.map-popup-title:hover{text-decoration:underline}.map-popup-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.map-popup-extra{color:var(--accent);margin-top:2px;font-size:12px;font-weight:700;line-height:1.4}.map-popup-author{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.3}.map-popup-type{color:var(--text-muted);border-top:1px solid var(--border-light);margin-top:4px;padding-top:4px;font-size:11px}.map-popup-reviews-link{color:var(--primary);margin-top:6px;font-size:12px;font-weight:600;text-decoration:none;display:block}.map-popup-reviews-link:hover{text-decoration:underline}.map-spot-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-top:12px;padding:16px}.map-spot-form h3{margin-bottom:8px;font-size:16px;font-weight:700}.map-spot-coords{color:var(--text-muted);margin-bottom:12px;font-size:13px}.map-spot-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:60px;margin-bottom:8px;padding:10px;font-family:inherit;font-size:13px}.map-legend{color:var(--text-muted);justify-content:center;gap:12px;margin-top:8px;padding:8px;font-size:12px;display:flex}.map-species-filter{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;gap:6px;max-height:120px;padding:8px 12px;display:flex;overflow-y:auto}.map-species-filter .chip{padding:4px 10px;font-size:12px}.map-page-v2{height:calc(100dvh - var(--tab-height) - var(--header-height));flex-direction:column;display:flex;overflow:hidden;padding:0!important}.map-v2-filters{border-bottom:1px solid var(--border-light);background:#fff;flex-shrink:0;padding:8px 12px}.map-v2-types{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.map-v2-species-row{align-items:center;gap:8px;display:flex}.map-v2-species-btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.map-v2-species-menu{flex-wrap:wrap;gap:5px;max-height:100px;padding:8px 0;display:flex;overflow-y:auto}.map-v2-species-menu .chip{padding:4px 10px;font-size:12px}.map-v2-list{border-bottom:2px solid var(--primary);background:#fff;flex-shrink:0;max-height:240px;overflow-y:auto}.map-v2-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.map-v2-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.map-v2-item:hover,.map-v2-item:active{background:var(--primary-bg)}.map-v2-item.selected{background:var(--primary-light);border-left:3px solid var(--primary)}.map-v2-item-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.map-v2-item-info{flex:1;min-width:0}.map-v2-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.map-v2-item-sub{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.map-v2-item-extra{color:var(--primary)}.map-v2-item-dist{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:12px;display:flex}.map-v2-more{background:var(--bg-warm);width:100%;color:var(--primary);cursor:pointer;border:none;padding:12px;font-family:inherit;font-size:13px;font-weight:700}.map-v2-more:hover{background:var(--primary-light)}.map-v2-map{flex:1;min-height:200px}.map-container-v2{width:100%;height:100%}.spot-detail-page{max-width:640px;margin:0 auto}.spot-actions{gap:8px;margin:12px 0;display:flex}.spot-actions .btn-secondary{align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.spot-header h1{margin:0 0 6px;font-size:22px;font-weight:800}.spot-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.spot-description{color:var(--text-dim);background:var(--bg-warm);border-radius:var(--radius-xs);margin:12px 0;padding:12px 14px;font-size:14px;line-height:1.6}.spot-species{flex-wrap:wrap;gap:6px;margin:8px 0 16px;display:flex}.spot-ratings-card{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:16px;padding:16px}.spot-ratings-card h3{margin:0 0 12px;font-size:16px;font-weight:700}.spot-rating-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.spot-rating-icon{text-align:center;width:24px;font-size:16px}.spot-rating-label{width:110px;color:var(--text-dim);font-size:13px}.spot-rating-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.spot-rating-fill{background:linear-gradient(90deg,#f59e0b,#22c55e);border-radius:4px;height:100%;transition:width .3s}.spot-rating-value{text-align:right;width:28px;font-size:13px;font-weight:700}.spot-rating-legend{text-align:center;margin-top:8px}.spot-rating-legend small{color:var(--text-muted);font-size:11px}.spot-reviews{margin-top:16px}.spot-reviews-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spot-reviews-header h3{margin:0;font-size:16px;font-weight:700}.spot-review-form{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:16px;padding:16px}.review-ratings-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.review-rating-input label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.review-stars{gap:2px;display:flex}.star-btn{cursor:pointer;color:#d1d5db;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.star-btn.active{color:#c4943a}.spot-review-card{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:8px;padding:12px 16px}.review-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.review-header strong{font-size:14px;font-weight:700}.review-date{color:var(--text-muted);font-size:12px}.review-mini-ratings{color:var(--text-dim);gap:10px;margin-bottom:6px;font-size:12px;display:flex}.review-text{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.spot-map-picker{border:1px solid var(--border-light);border-radius:10px;height:220px;overflow:hidden}.spot-map-container,.spot-map-container .leaflet-container{width:100%;height:100%}.comments-section{margin-top:24px}.comments-section h3{margin-bottom:14px;font-size:18px;font-weight:700}.comment{border-bottom:1px solid var(--border-light);padding:12px 0}.comment .comment-author{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.comment p{font-size:14px;line-height:1.55}.comment>.comment-time{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.comment-input{gap:8px;margin-top:14px;display:flex}.comment-input input{background:var(--card);flex:1}.comment-input button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:10px 16px;font-family:inherit;font-weight:700}.comment-input button:hover{background:var(--primary-dark)}.comment-item{align-items:flex-start;gap:10px;padding:8px 0;transition:padding-left .15s;display:flex}.comment-avatar{object-fit:cover;cursor:pointer;border-radius:50%;flex-shrink:0;width:28px;height:28px}.comment-avatar-placeholder{background:var(--primary-light);width:28px;height:28px;color:var(--primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.comment-content{flex:1;min-width:0}.comment-header{align-items:baseline;gap:8px;display:flex}.comment-author{color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-time{color:var(--text-muted);margin-left:auto;font-size:11px}.comment-text{color:var(--text);word-break:break-word;margin-top:2px;font-size:14px;line-height:1.4}.comment-actions{color:var(--text-muted);align-items:center;gap:12px;margin-top:4px;font-size:12px;display:flex}.comment-actions button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:12px;transition:color .15s;display:flex}.comment-actions button:hover{color:var(--text)}.comment-actions button.liked{color:var(--danger)}.comment-form{border-top:1px solid var(--border-light);align-items:center;gap:8px;margin-top:4px;padding:8px 0 0;display:flex}.comment-form-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.comment-form input{border:1.5px solid var(--border);background:var(--bg-warm);color:var(--text);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:13px}.comment-form input:focus{border-color:var(--primary)}.comment-form input:disabled{opacity:.6;cursor:pointer}.comment-form button[type=submit]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.comment-form button[type=submit]:disabled{opacity:.4;cursor:default}.profile-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:32px;position:relative;overflow:hidden}.profile-card:before{content:"";background:linear-gradient(135deg, #0a1f1c, var(--primary), #14a085);opacity:1;height:100px;position:absolute;top:0;left:0;right:0}.profile-card>*{position:relative}.profile-card .avatar-lg{border:4px solid var(--card);margin-top:-20px}.profile-card h2{letter-spacing:-.3px;color:var(--text);margin-top:14px;font-size:22px;font-weight:800}.profile-username{color:var(--text-muted);font-size:14px}.profile-bio{color:var(--text-dim);margin-top:10px;font-size:14px;line-height:1.6}.profile-meta{color:var(--text-dim);justify-content:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.profile-meta span{align-items:center;gap:4px;display:flex}.profile-meta svg{color:var(--text-muted)}.profile-stats{border-top:1px solid var(--border-light);justify-content:center;gap:44px;margin-top:18px;padding-top:18px;display:flex}.profile-stats div{text-align:center}.profile-stats strong{color:var(--primary);font-size:24px;font-weight:800;display:block}.profile-stats span{color:var(--text-muted);font-size:12px;font-weight:500}.profile-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.profile-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.badge-item{background:var(--card);color:var(--text-dim);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.badge-emoji{font-size:16px}.badge-name{font-size:12px}.profile-stats-section{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-top:16px;padding:16px}.profile-stats-section h3{color:var(--text);align-items:center;gap:6px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.stat-card{text-align:center;background:var(--bg-warm);border-radius:var(--radius-xs);padding:12px 4px}.stat-value{color:var(--primary);font-size:22px;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:11px}.species-breakdown{flex-direction:column;gap:6px;display:flex}.species-stat-row{align-items:center;gap:8px;font-size:13px;display:flex}.species-stat-name{width:60px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-weight:700;overflow:hidden}.species-stat-bar-container{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.species-stat-bar{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;min-width:4px;height:100%;transition:width .3s}.species-stat-info{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.profile-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.profile-actions .btn-secondary,.profile-actions .btn-pro{border-radius:var(--radius-xs);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.profile-posts{margin-top:24px}.profile-posts h3{margin-bottom:14px;font-size:18px;font-weight:700}.avatar-upload label{cursor:pointer;color:var(--primary);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.avatar-online-wrap{flex-shrink:0;display:inline-flex;position:relative}.avatar-online-wrap-lg{display:inline-block}.online-dot{border:2px solid var(--card);z-index:2;background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.online-dot-lg{border-width:3px;width:14px;height:14px;bottom:2px;right:2px}.profile-online-status{margin-bottom:2px;font-size:.8rem;display:block}.status-online{color:#22c55e;font-weight:700}.status-offline{color:var(--text-muted)}.notif-list{flex-direction:column;gap:4px;display:flex}.notif-item{border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);border:1px solid #0000;align-items:flex-start;gap:12px;padding:13px 15px;text-decoration:none;display:flex}.notif-item:hover{background:var(--bg-warm)}.notif-item.unread{background:var(--primary-light);border-color:#0d948826}.notif-icon{width:38px;height:38px;color:var(--primary);background:var(--primary-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-content{flex:1;min-width:0}.notif-title{font-size:14px;font-weight:700}.notif-body{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.notif-time{color:var(--text-muted);margin-top:3px;font-size:11px}.roadmap-page{padding-bottom:80px}.roadmap-intro{color:var(--text-dim);margin-bottom:20px;font-size:15px;line-height:1.65}.roadmap-timeline{flex-direction:column;gap:16px;display:flex}.roadmap-phase{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);transition:all var(--transition);padding:20px}.roadmap-phase:hover{box-shadow:var(--shadow)}.phase-current{border-left:3px solid var(--primary)}.phase-done{border-left:3px solid var(--success)}.phase-planned{border-left:3px solid var(--border)}.phase-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.phase-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.phase-icon-current{background:var(--primary)}.phase-icon-done{background:var(--success)}.phase-icon-planned{background:var(--text-muted)}.phase-title-block{flex:1}.phase-title-block h2{margin:0;font-size:16px;font-weight:800;line-height:1.3}.phase-period{color:var(--text-muted);font-size:12px;font-weight:500}.phase-status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:800}.status-current{background:var(--primary-light);color:var(--primary)}.status-done{background:var(--success-light);color:var(--success)}.status-planned{background:var(--bg);color:var(--text-muted)}.phase-goal{color:var(--text-dim);margin-bottom:12px;font-size:13px;font-style:italic}.phase-features{flex-direction:column;gap:6px;display:flex}.feature-item{color:var(--text-dim);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.feature-item svg{flex-shrink:0}.feature-item.done,.feature-item.done svg{color:var(--success)}.phase-progress{align-items:center;gap:10px;margin-top:12px;display:flex}.phase-progress-bar{background:var(--bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.phase-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;height:100%;transition:width .6s}.phase-progress-text{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.roadmap-backlog{margin-top:24px}.roadmap-backlog h3{margin-bottom:12px;font-size:18px;font-weight:700}.backlog-items{flex-direction:column;gap:6px;display:flex}.backlog-item{color:var(--text-dim);background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.backlog-item svg{color:var(--text-muted);flex-shrink:0}.roadmap-stats{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:24px;padding:20px}.roadmap-stats h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:700}.roadmap-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.avatar-xs{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.avatar-lg{object-fit:cover;border-radius:50%;width:88px;height:88px;margin:0 auto;position:relative}.avatar-placeholder{background:linear-gradient(135deg, var(--primary-light), #0d948833);color:var(--primary);font-weight:800;font-size:inherit;justify-content:center;align-items:center;display:flex}.avatar-sm.avatar-placeholder{font-size:16px}.avatar-xs.avatar-placeholder{font-size:12px}.avatar-lg.avatar-placeholder{font-size:32px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-posts{flex-direction:column;gap:12px;display:flex}.skeleton-card{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:16px}.skeleton-header{align-items:center;gap:10px;display:flex}.skeleton-avatar{background:#e0e0e0;border-radius:50%;width:40px;height:40px;animation:1.5s infinite skeleton-pulse}.skeleton-lines{flex:1}.skeleton-line{background:#e0e0e0;border-radius:5px;height:10px;margin-bottom:4px;animation:1.5s infinite skeleton-pulse}.skeleton-line.w100{width:100%}.skeleton-line.w80{width:80%}.skeleton-line.w60{width:60%}.skeleton-line.w40{width:40%}.skeleton-line.w30{width:30%}.skeleton-body{border-radius:var(--radius-xs);background:#e8e8e8;height:120px;margin-top:12px;animation:1.5s infinite skeleton-pulse}.skeleton-footer{gap:16px;margin-top:12px;display:flex}.loading{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:15px}.empty-state{text-align:center;color:var(--text-muted);background:var(--card);border-radius:var(--radius);border:1px dashed var(--border);margin:8px 0;padding:52px 20px;font-size:15px}.diary-tabs{gap:8px;margin-bottom:16px;display:flex}.diary-tabs .chip{align-items:center;gap:6px;display:flex}.trips-list{flex-direction:column;gap:10px;display:flex}.trip-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);color:var(--text);transition:all var(--transition);padding:14px 16px;display:block}.trip-card:hover{box-shadow:var(--shadow-md)}.trip-date{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:700}.trip-main h3{margin-bottom:3px;font-size:16px;font-weight:700}.trip-location{color:var(--text-dim);align-items:center;gap:4px;font-size:13px;display:flex}.trip-stats-row{color:var(--accent);align-items:center;gap:12px;margin-top:8px;font-size:13px;font-weight:700;display:flex}.trip-stats-row span{align-items:center;gap:3px;display:flex}.trip-rating{gap:1px;display:flex}.diary-stats{margin-bottom:20px}.stats-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-num{color:var(--primary);font-size:26px;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.stats-section{margin-bottom:16px}.stats-section h3{margin-bottom:8px;font-size:15px;font-weight:700}.stats-row{background:var(--card);border-radius:var(--radius-xs);border:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.stats-rank{color:var(--text-muted);width:24px;font-size:12px;font-weight:700}.stats-name{flex:1;font-size:14px;font-weight:600}.stats-value{color:var(--accent);font-size:13px;font-weight:700}.export-wrapper{margin-left:auto;position:relative}.export-dropdown{z-index:50;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:140px;position:absolute;top:36px;right:0;overflow:hidden}.export-dropdown button{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:background var(--transition);background:0 0;border:none;padding:10px 16px;font-size:14px;font-weight:600;display:block}.export-dropdown button:hover{background:var(--bg-warm)}.analytics-fav-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.analytics-fav{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:12px 16px}.analytics-fav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700;display:block}.analytics-fav-value{color:var(--text);margin-top:2px;font-size:15px;font-weight:700;display:block}.bar-chart{align-items:flex-end;gap:8px;height:140px;padding:8px 0;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-value{color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700}.bar-track{background:var(--border-light);border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;max-width:36px;display:flex;position:relative}.bar-fill{background:var(--primary);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .4s}.bar-label{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:600}.hbar-chart{flex-direction:column;gap:8px;display:flex}.hbar-row{align-items:center;gap:10px;display:flex}.hbar-name{text-overflow:ellipsis;white-space:nowrap;width:90px;font-size:13px;font-weight:600;overflow:hidden}.hbar-track{background:var(--border-light);border-radius:4px;flex:1;height:18px;overflow:hidden}.hbar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.hbar-value{color:var(--text-dim);text-align:right;width:32px;font-size:12px;font-weight:700}.rec-today{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0a1f1c,#0d9488);align-items:center;gap:14px;margin-bottom:16px;padding:18px 20px;display:flex}.rec-today svg{opacity:.8;flex-shrink:0}.rec-today-title{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.rec-today-species{margin-top:2px;font-size:24px;font-weight:800}.rec-today-score{opacity:.8;margin-top:2px;font-size:13px}.rec-section{margin-bottom:20px}.rec-section h3{align-items:center;gap:6px;margin-bottom:10px;font-size:17px;font-weight:700;display:flex}.rec-species-row{align-items:center;gap:8px;padding:8px 0;display:flex}.rec-species-name{width:70px;font-size:13px;font-weight:700}.rec-spot{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:8px;padding:14px}.rec-spot-name{font-size:15px;font-weight:700}.rec-spot-reason{color:var(--text-dim);margin-top:3px;font-size:13px}.rec-spot-species{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700}.rec-gear{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text);margin-bottom:8px;padding:14px;display:block}.rec-gear-species{color:var(--primary);font-size:15px;font-weight:700}.rec-gear-info{color:var(--text-dim);flex-direction:column;gap:2px;margin-top:4px;font-size:13px;display:flex}.rec-gear-tip{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.pro-hero{text-align:center;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0a1f1c,#0d9488,#14a085);margin-bottom:20px;padding:36px 24px;position:relative;overflow:hidden}.pro-hero:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:240px;height:240px;position:absolute;top:-40%;right:-20%}.pro-hero svg{color:gold;z-index:1;margin-bottom:8px;position:relative}.pro-hero h2{z-index:1;margin:8px 0 4px;font-size:28px;font-weight:800;position:relative}.pro-hero p{opacity:.85;z-index:1;font-size:15px;position:relative}.pro-active-banner{border-radius:var(--radius-sm);background:var(--success-light);color:var(--success);border:1px solid #22c55e33;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.pro-active-banner strong{font-size:15px;font-weight:700;display:block}.pro-active-banner span{opacity:.8;font-size:12px;display:block}.pro-features{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.pro-feature{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:flex-start;gap:14px;padding:16px;display:flex}.pro-feature-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.pro-feature-title{margin-bottom:2px;font-size:15px;font-weight:700}.pro-feature-desc{color:var(--text-dim);font-size:13px}.pro-plans{margin-bottom:20px}.pro-plans h3{margin-bottom:12px;font-size:18px;font-weight:700}.pro-plan-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pro-plan{text-align:center;border-radius:var(--radius);background:var(--card);border:2px solid var(--border);padding:20px;position:relative}.pro-plan.best{border-color:var(--primary)}.pro-plan-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pro-plan-price{color:var(--text);margin-bottom:2px;font-size:26px;font-weight:800}.pro-plan-period{color:var(--text-muted);margin-bottom:10px;font-size:13px}.pro-plan-save{color:var(--success);margin-bottom:10px;font-size:12px;font-weight:700}.pro-note{color:var(--text-muted);text-align:center;margin-top:12px;font-size:12px}.shop-filters{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.shops-list{flex-direction:column;gap:12px;display:flex}.shop-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);overflow:hidden}.shop-cover{object-fit:cover;width:100%;height:140px}.shop-card .shop-header,.shop-card .shop-desc,.shop-card .shop-price,.shop-card .shop-contacts,.shop-card .shop-location,.shop-card .shop-actions{padding-left:16px;padding-right:16px}.shop-card>:last-child{padding-bottom:16px}.shop-card .shop-header{padding-top:12px}.shop-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.shop-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.shop-title{flex:1}.shop-title h3{margin:0;font-size:16px;font-weight:700}.shop-category{color:var(--text-muted);font-size:12px}.shop-views{color:var(--text-muted);align-items:center;gap:3px;font-size:11px;display:flex}.shop-desc{color:var(--text-dim);margin-bottom:10px;font-size:14px;line-height:1.5}.shop-meta{color:var(--text-dim);flex-direction:column;gap:5px;font-size:13px;display:flex}.shop-meta div{align-items:center;gap:6px;display:flex}.shop-meta svg{color:var(--text-muted);flex-shrink:0}.shop-meta a{color:var(--primary)}.shop-booking{margin-top:12px}.shop-price{color:var(--accent);margin:8px 0;font-size:14px;font-weight:700}.booking-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:50px;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:13px}.booking-success{color:var(--success);padding:8px 0;font-weight:700}.rating-filter{gap:6px;margin-bottom:14px;display:flex}.rating-list{flex-direction:column;gap:4px;display:flex}.rating-row{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text);transition:all var(--transition);align-items:center;gap:12px;padding:13px 16px;display:flex}.rating-row:hover{box-shadow:var(--shadow)}.rating-rank{background:var(--bg);width:30px;height:30px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.rating-rank.top-1{color:#fff;background:linear-gradient(135deg,gold,#ffb300)}.rating-rank.top-2{color:#fff;background:linear-gradient(135deg,silver,#9e9e9e)}.rating-rank.top-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna)}.rating-info{flex:1;min-width:0}.rating-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.rating-city{color:var(--text-muted);font-size:11px;display:block}.rating-metric{text-align:right;flex-shrink:0}.rating-value{color:var(--primary);font-size:14px;font-weight:800;display:block}.rating-sub{color:var(--text-muted);font-size:11px;display:block}.challenges-list{flex-direction:column;gap:12px;display:flex}.challenge-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);padding:18px}.challenge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.challenge-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.challenge-type-badge{color:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.challenge-days{color:var(--text-muted);font-size:12px}.challenge-card h3{margin-bottom:6px;font-size:16px;font-weight:700}.challenge-card p{color:var(--text-dim);margin-bottom:10px;font-size:13px}.challenge-card-footer{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.challenge-card-footer span{align-items:center;gap:4px;display:flex}.challenge-arrow{color:var(--text-muted);margin-left:auto}.challenge-detail{padding:0 4px}.challenge-detail-badge{color:#fff;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.challenge-detail h2{margin-bottom:8px;font-size:24px;font-weight:800}.challenge-detail-desc{color:var(--text-dim);margin-bottom:16px;font-size:15px}.challenge-detail-meta{flex-direction:column;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.challenge-detail-meta>div{align-items:center;gap:8px;display:flex}.challenge-days-left{color:var(--danger);font-weight:700}.challenge-join-form{background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.challenge-join-form h3{margin-bottom:12px;font-size:15px;font-weight:700}.challenge-leaderboard{margin-top:16px}.challenge-leaderboard h3{align-items:center;gap:8px;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}.lb-entry{border-radius:var(--radius-xs);background:var(--card);align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;display:flex}.lb-top{background:var(--orange-light)}.lb-top .lb-rank{color:var(--orange)}.lb-rank{min-width:24px;color:var(--text-dim);font-size:16px;font-weight:800}.lb-name{color:var(--text);flex:1;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.lb-result{color:var(--primary);font-size:13px;font-weight:700}.lb-table{border-collapse:collapse;width:100%;font-size:13px}.lb-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);padding:8px 6px;font-size:11px}.lb-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:8px 6px}.lb-table .lb-top-row{background:var(--orange-light)}.lb-table .lb-rank-cell{text-align:center;width:32px;font-size:16px}.lb-table .lb-name{color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.lb-table .lb-weight{color:var(--primary);font-weight:800}.lb-table .lb-date{color:var(--text-muted);font-size:12px}.guides-list{flex-direction:column;gap:8px;display:flex}.guide-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);overflow:hidden}.guide-card-header{cursor:pointer;align-items:center;gap:12px;padding:16px;transition:background .15s;display:flex}.guide-card-header:hover{background:var(--bg-warm)}.guide-icon{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.guide-info{flex:1}.guide-info h3{font-size:15px;font-weight:700}.guide-level{color:var(--text-muted);font-size:11px}.guide-content{padding:0 16px 16px}.guide-block{margin-bottom:16px}.guide-block h4{color:var(--primary-dark);margin-bottom:6px;font-size:14px;font-weight:700}.guide-block p{color:var(--text-dim);font-size:13px;line-height:1.5}.guide-block li{color:var(--text-dim);margin-left:16px;font-size:13px;line-height:1.6}.buddy-create-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);margin-bottom:16px;padding:16px}.buddy-create-form h3{margin-bottom:12px;font-size:16px;font-weight:700}.buddy-create-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:60px;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px}.buddy-list{flex-direction:column;gap:12px;display:flex}.buddy-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:14px 16px}.buddy-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.buddy-author{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.buddy-author-name{font-size:14px;font-weight:700}.buddy-author-type{color:var(--text-muted);font-size:11px}.buddy-card-details{color:var(--text-dim);flex-wrap:wrap;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.buddy-card-details>div{align-items:center;gap:4px;display:flex}.buddy-message{color:var(--text);margin-bottom:10px;font-size:14px;line-height:1.5}.buddy-card-footer{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.buddy-responses{align-items:center;gap:4px;display:flex}.buddy-time{flex:1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width>=768px){.ads-grid{grid-template-columns:1fr 1fr 1fr}.weather-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.chat-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:60px 20px;font-size:15px;display:flex}.chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.chat-empty h3{color:var(--text);margin-top:8px;font-size:18px;font-weight:700}.chat-empty p{max-width:260px;font-size:14px}.chat-page-title{color:var(--text);padding:16px 16px 8px;font-size:20px;font-weight:800}.chat-conversations{padding-bottom:calc(var(--tab-height) + 16px)}.chat-conv-card{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-conv-card:hover{background:var(--primary-bg)}.chat-conv-card:active{background:var(--primary-light)}.chat-conv-avatar{background:var(--border-light);width:50px;height:50px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:visible}.chat-conv-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-conv-body{flex:1;min-width:0}.chat-conv-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.chat-conv-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.chat-conv-time{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:12px}.chat-conv-bottom{justify-content:space-between;align-items:center;display:flex}.chat-conv-text{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.chat-conv-badge{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:800;display:flex}.chat-view{height:calc(100dvh - var(--header-height) - var(--tab-height));flex-direction:column;display:flex}.chat-view-header{border-bottom:1px solid var(--border-light);background:var(--card);z-index:10;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.chat-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.chat-partner-info{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.chat-partner-avatar{background:var(--border-light);width:38px;height:38px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-partner-avatar img{object-fit:cover;width:100%;height:100%}.chat-partner-name{font-size:15px;font-weight:700}.chat-partner-name-wrap{flex-direction:column;line-height:1.2;display:flex}.chat-partner-status{color:var(--text-muted);font-size:.7rem}.chat-messages{background:var(--bg);flex-direction:column;flex:1;gap:6px;padding:12px 12px 8px;display:flex;overflow-y:auto}.chat-empty-messages{text-align:center;color:var(--text-muted);margin-top:40px;font-size:14px}.chat-bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px 4px;position:relative}.chat-bubble.mine{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.theirs{background:var(--card);color:var(--text);box-shadow:var(--shadow-xs);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-text{white-space:pre-wrap;font-size:15px;line-height:1.4}.chat-bubble-time{opacity:.65;text-align:right;margin-top:2px;padding-bottom:2px;font-size:11px}.chat-bubble.theirs .chat-bubble-time{color:var(--text-muted);opacity:1}.chat-input-bar{border-top:1px solid var(--border-light);background:var(--card);align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-input{border:1.5px solid var(--border);transition:border-color var(--transition);background:var(--bg-warm);border-radius:24px;outline:none;flex:1;padding:10px 18px;font-size:15px}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--primary);color:#fff;cursor:pointer;width:42px;height:42px;transition:background var(--transition), opacity var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:var(--primary-dark)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-ws-indicator{flex-shrink:0;align-items:center;margin-left:auto;padding:4px;display:flex}.chat-typing-bubble{min-width:60px;padding:10px 14px!important}.chat-typing-dots{align-items:center;gap:4px;height:20px;display:flex}.chat-typing-dots span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing-bounce}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.search-page{padding:0 16px 24px}.search-item{border-radius:var(--radius-xs);color:var(--text);padding:10px 12px;text-decoration:none;transition:background .15s;display:block}.search-item:hover{background:var(--primary-light)}.search-item-title{font-size:15px;font-weight:600;line-height:1.3}.search-item-meta{color:var(--text-muted);margin-top:2px;font-size:13px}.search-dropdown-item:hover{background:var(--primary-light)}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#0f1a18;--bg-warm:#131f1d;--card:#1a2422;--text:#e8f0ee;--text-dim:#94a3a0;--text-muted:#6b8280;--border:#2a3c39;--border-light:#1e2e2b;--primary:#0d9488;--primary-dark:#14b8a8;--primary-light:#0d94882e;--primary-bg:#0d94881a;--accent:#0d9488;--accent-dark:#14b8a8;--accent-light:#0d94882e;--orange:#fb923c;--orange-light:#f9731626;--danger:#f87171;--danger-light:#ef444426;--success:#4ade80;--success-light:#22c55e26;--warning:#fbbf24;--shadow-xs:0 1px 0 #0006;--shadow:0 2px 12px #00000073;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 32px #0009}}:root.dark{--bg:#0d1917;--bg-warm:#101f1d;--card:#182220;--text:#e0ecea;--text-dim:#8aaaa6;--text-muted:#607a76;--border:#253733;--border-light:#1c2e2a;--primary:#0d9488;--primary-dark:#14b8a8;--primary-light:#0d948833;--primary-bg:#0d94881f;--accent:#0d9488;--accent-dark:#14b8a8;--accent-light:#0d948833;--orange:#fb923c;--orange-light:#f9731624;--danger:#f87171;--danger-light:#ef444424;--success:#4ade80;--success-light:#22c55e24;--warning:#fbbf24;--shadow-xs:0 1px 0 #00000073;--shadow:0 2px 12px #00000080;--shadow-md:0 4px 20px #0000008c;--shadow-lg:0 8px 32px #000000a6}:root.dark input,:root.dark select,:root.dark textarea,:root:not(.light) input:where([data-scheme=dark]){color:#e0ecea;background:#1c2c2a;border-color:#2e4440}@media (prefers-color-scheme:dark){:root:not(.light) input,:root:not(.light) select,:root:not(.light) textarea{color:#e0ecea;background:#1c2c2a;border-color:#2e4440}:root:not(.light) input:focus,:root:not(.light) select:focus,:root:not(.light) textarea:focus{border-color:var(--primary);background:#1e3230;box-shadow:0 0 0 3px #0d948833}:root:not(.light) input::placeholder,:root:not(.light) textarea::placeholder{color:#607a76}}:root.dark input:focus,:root.dark select:focus,:root.dark textarea:focus{border-color:var(--primary);background:#1e3230;box-shadow:0 0 0 3px #0d948838}:root.dark input::placeholder,:root.dark textarea::placeholder{color:#607a76}:root.dark .btn-demo{color:#e0ecea;background:#1c2c2a;border-color:#2e4440}:root.dark .btn-demo:hover{background:var(--primary);color:#fff;border-color:var(--primary)}:root.dark .btn-primary{background:var(--primary);color:#fff}.auth-card{color:#1a1a2e!important;background:#fff!important}:root.dark .app-header{background:#0d1917f5}:root.dark .tab-bar{background:#12211ef5}@media (prefers-color-scheme:dark){:root:not(.light) .app-header{background:#0d1917f2}:root:not(.light) .tab-bar{background:#12211ef5}}:root.dark .skeleton-avatar,:root.dark .skeleton-line{background:#253733}:root.dark .skeleton-body{background:#1e2e2b}:root.dark .ad-no-photo{background:linear-gradient(135deg,#1a2422,#1e2e2b)}@media (prefers-color-scheme:dark){:root:not(.light) .skeleton-avatar,:root:not(.light) .skeleton-line{background:#253733}:root:not(.light) .skeleton-body{background:#1e2e2b}:root:not(.light) .ad-no-photo{background:linear-gradient(135deg,#1a2422,#1e2e2b)}}:root.dark .spot-ratings-card,:root.dark .spot-review-card,:root.dark .spot-review-form{background:var(--card);border-color:var(--border-light)}:root.dark .map-v2-filters,:root.dark .map-v2-list{background:var(--card)}:root.dark .map-v2-species-btn{background:var(--card);color:var(--text)}:root.dark .map-species-filter{background:var(--card)}:root.dark .map-add-btn{background:var(--card);color:var(--primary)}:root.dark .map-locate-btn{background:var(--card);color:var(--text)}:root.dark .star-btn{color:#3a5550}:root.dark .avatar-placeholder{background:linear-gradient(135deg,#0d948826,#0d948840)}@media (prefers-color-scheme:dark){:root:not(.light) .spot-ratings-card,:root:not(.light) .spot-review-card,:root:not(.light) .spot-review-form,:root:not(.light) .map-v2-filters,:root:not(.light) .map-v2-list{background:var(--card)}:root:not(.light) .map-v2-species-btn{background:var(--card);color:var(--text)}:root:not(.light) .map-species-filter{background:var(--card)}:root:not(.light) .map-add-btn{background:var(--card);color:var(--primary)}:root:not(.light) .map-locate-btn{background:var(--card);color:var(--text)}:root:not(.light) .star-btn{color:#3a5550}:root:not(.light) .avatar-placeholder{background:linear-gradient(135deg,#0d948826,#0d948840)}}.theme-section{margin-top:8px}.theme-toggle-group{gap:6px;display:flex}.theme-toggle-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-dim);cursor:pointer;text-align:center;transition:all var(--transition);flex:1;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--text)}.theme-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:14px}.input-with-icon input,.input-with-icon select{width:100%;padding-left:42px!important}.input-with-icon select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 01.708 0L8 8.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px}.register-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.register-divider:before,.register-divider:after{content:"";background:var(--border);flex:1;height:1px}.register-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:700}.welcome-page{-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#0a1f1c 0%,#0d9488 55%,#14a085 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.welcome-bg-decor{pointer-events:none;position:absolute;inset:0}.welcome-bg-circle{opacity:.08;background:#fff;border-radius:50%;position:absolute}.welcome-bg-circle-1{width:400px;height:400px;top:-120px;right:-100px}.welcome-bg-circle-2{width:300px;height:300px;bottom:-80px;left:-60px}.welcome-bg-circle-3{width:200px;height:200px;top:40%;left:60%}.welcome-container{z-index:1;background:#fffffff7;border-radius:28px;flex-direction:column;width:100%;max-width:440px;min-height:520px;padding:36px 28px 28px;display:flex;position:relative;box-shadow:0 24px 64px #0000004d}.welcome-dots{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.welcome-dot{background:var(--border);cursor:pointer;border-radius:10px;width:10px;height:10px;transition:all .3s}.welcome-dot.active{background:var(--primary);width:32px}.welcome-dot.done{background:var(--accent)}.welcome-content{flex-direction:column;flex:1;display:flex}.welcome-step{text-align:center;flex-direction:column;align-items:center;animation:.35s welcomeFadeIn;display:flex}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-icon-big{background:linear-gradient(135deg, var(--primary-light), #0d948833);width:100px;height:100px;color:var(--primary);border-radius:28px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.welcome-icon-location{color:var(--accent);background:linear-gradient(135deg,#ede9fe,#d1fae5)}.welcome-icon-interests{color:var(--orange);background:linear-gradient(135deg,#fef3c7,#ede9fe)}.welcome-step h1{color:var(--text);margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.2}.welcome-step h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.welcome-brand{background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.welcome-subtitle{color:var(--text-muted);max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.55}.welcome-features{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.welcome-feature{border-radius:var(--radius-sm);background:var(--bg-warm);border:1px solid var(--border-light);align-items:center;gap:14px;padding:14px 16px;display:flex}.welcome-feature-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.welcome-feature div:last-child{flex-direction:column;gap:2px;display:flex}.welcome-feature strong{color:var(--text);font-size:14px;font-weight:700}.welcome-feature span{color:var(--text-muted);font-size:12px}.welcome-form{flex-direction:column;gap:12px;width:100%;display:flex}.welcome-form .input-with-icon select,.welcome-form .input-with-icon input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;height:48px;color:var(--text);background:var(--bg-warm);transition:all var(--transition);font-family:inherit;font-size:15px}.welcome-form .input-with-icon select:focus,.welcome-form .input-with-icon input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d94881f}.welcome-interests{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.welcome-interest-card{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-warm);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.welcome-interest-card:hover{border-color:var(--primary-light);background:var(--primary-bg)}.welcome-interest-card.selected{border-color:var(--primary);background:var(--primary-light)}.welcome-interest-card input[type=checkbox]{display:none}.welcome-interest-icon{background:var(--card);width:44px;height:44px;color:var(--primary);border:1px solid var(--border-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.welcome-interest-card.selected .welcome-interest-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-color:#0000}.welcome-interest-info{flex-direction:column;flex:1;gap:2px;display:flex}.welcome-interest-info strong{color:var(--text);font-size:14px;font-weight:700}.welcome-interest-info span{color:var(--text-muted);font-size:12px}.welcome-interest-check{width:24px;color:var(--primary);flex-shrink:0}.welcome-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.welcome-btn-next{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:var(--primary);border:none;align-items:center;gap:6px;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #0d948859}.welcome-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0d948873}.welcome-btn-back{border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;color:var(--text-dim);transition:all var(--transition);background:0 0;align-items:center;gap:4px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.welcome-btn-back:hover{border-color:var(--text-muted);color:var(--text)}.welcome-btn-skip{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600}.welcome-btn-skip:hover{color:var(--text-dim)}@media (width<=480px){.welcome-container{border-radius:20px;min-height:480px;padding:28px 20px 20px}.welcome-step h1{font-size:22px}.welcome-step h2{font-size:19px}.welcome-icon-big{border-radius:22px;width:80px;height:80px}.welcome-icon-big svg{width:48px!important;height:48px!important}.welcome-btn-next{padding:12px 22px;font-size:14px}}.post-menu-wrapper{margin-left:auto;position:relative}.post-menu-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.post-menu-btn:hover{background:var(--border-light);color:var(--text)}.post-dropdown-menu{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:180px;animation:.15s dropdown-fade;position:absolute;top:100%;right:0;overflow:hidden}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-dropdown-menu button{cursor:pointer;width:100%;color:var(--danger);transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;display:flex}.post-dropdown-menu button:hover{background:var(--danger-light)}.report-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s overlay-fade;display:flex;position:fixed;inset:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.report-modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:20px;animation:.2s modal-slide}@keyframes modal-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{color:var(--danger);align-items:center;gap:8px;margin-bottom:16px;display:flex}.report-modal-header h3{color:var(--text);flex:1;font-size:18px;font-weight:700}.report-close-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:4px}.report-close-btn:hover{background:var(--border-light);color:var(--text)}.report-reasons{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.report-reason-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.report-reason-item:hover{border-color:var(--primary);background:var(--primary-bg)}.report-reason-item.selected{border-color:var(--primary);background:var(--primary-light)}.report-reason-item input[type=radio]{accent-color:var(--primary);width:16px;height:16px}.report-description{border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:60px;color:var(--text);background:var(--bg-warm);transition:var(--transition);margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px}.report-description:focus{border-color:var(--primary);outline:none}.report-description::placeholder{color:var(--text-muted)}.report-error{color:var(--danger);background:var(--danger-light);border-radius:var(--radius-xs);margin-bottom:10px;padding:8px 10px;font-size:13px}.report-success{text-align:center;padding:20px 0}.report-success p{color:var(--text);margin-bottom:16px;font-size:15px;line-height:1.5}.report-submit-btn{border-radius:var(--radius-sm);width:100%;padding:12px;font-size:15px;font-weight:700}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1100;background:#0000009e;justify-content:center;align-items:center;padding:16px;animation:.2s overlay-fade;display:flex;position:fixed;inset:0}.modal-content.create-spot-modal{background:var(--card);border-radius:var(--radius);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s modal-slide;display:flex;box-shadow:0 12px 40px #00000059}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.fish-chips{flex-wrap:wrap;gap:6px;display:flex}.community-region-label{color:var(--text-dim);background:var(--primary-bg);border-radius:var(--radius-xs);margin-bottom:12px;padding:8px 12px;font-size:13px}.community-trip-card{color:inherit;text-decoration:none;display:block!important}.community-author{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.community-author-name{color:var(--text);font-weight:700;text-decoration:none}.community-region-tag{color:var(--text-muted);background:var(--bg);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.community-notes{color:var(--text-dim);margin-top:6px;font-size:12px;line-height:1.4}.stories-bar{scrollbar-width:none;gap:12px;padding:12px 4px;display:flex;overflow-x:auto}.stories-bar::-webkit-scrollbar{display:none}.story-item{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;text-decoration:none;display:flex}.story-avatar-ring{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;width:66px;height:66px;padding:2px}.story-avatar{object-fit:cover;border:2.5px solid var(--card);border-radius:50%;width:100%;height:100%}.story-avatar-placeholder{background:var(--primary-light);color:var(--primary);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.story-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:66px;font-size:11px;overflow:hidden}.doubletap-heart{z-index:10;pointer-events:none;animation:.8s ease-out forwards doubletap-heart-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes doubletap-heart-anim{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.poll-widget{margin:0 0 4px;padding:12px 16px}.poll-question{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.poll-options{flex-direction:column;gap:8px;display:flex}.poll-option{border:1.5px solid var(--border);background:var(--bg-warm);cursor:pointer;text-align:left;border-radius:10px;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.poll-option:not(.voted):hover{border-color:var(--primary);background:var(--primary-bg)}.poll-option.voted{cursor:default;border-color:var(--border)}.poll-option.voted.selected{border-color:var(--primary);background:#0d948812}.poll-bar{z-index:0;background:#0d94881f;border-radius:10px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.poll-option-text{z-index:1;flex:1;position:relative}.poll-option-pct{z-index:1;color:var(--text-muted);text-align:right;min-width:36px;margin-left:8px;font-size:13px;font-weight:700;position:relative}.poll-total{color:var(--text-muted);margin-top:8px;font-size:12px}.spawn-ban-banner{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;align-items:flex-start;gap:8px;margin:8px 0;padding:12px 14px;display:flex}.spawn-ban-content{flex:1;align-items:flex-start;gap:8px;display:flex}.spawn-ban-content svg{color:#dc2626;flex-shrink:0;margin-top:1px}.spawn-ban-text{font-size:13px;line-height:1.4}.spawn-ban-text strong{margin-bottom:2px;font-size:14px;display:block}.spawn-ban-link{color:#dc2626;font-weight:700;text-decoration:underline}.spawn-ban-close{cursor:pointer;color:#991b1b;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:2px}.spawn-ban-close:hover{opacity:1}@media (prefers-color-scheme:dark){.spawn-ban-banner{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.spawn-ban-content svg,.spawn-ban-link{color:#f87171}.spawn-ban-close{color:#fca5a5}}.repost-header{color:var(--text-muted);align-items:center;gap:6px;padding:8px 16px 0;font-size:.82rem;display:flex}.repost-header a{color:var(--text);font-weight:700;text-decoration:none}.repost-header a:hover{text-decoration:underline}.repost-embed{border:1px solid var(--border);background:var(--bg-warm);border-radius:12px;margin:8px 16px;padding:12px}.repost-embed .post-author{gap:8px}.repost-embed .post-text{margin:6px 0;font-size:.88rem}.repost-embed-header{margin-bottom:4px}.repost-embed-photos{border-radius:8px;margin:8px 0;position:relative;overflow:hidden}.repost-embed-img{object-fit:cover;width:100%;max-height:200px;display:block}.repost-embed-more{color:#fff;background:#0009;border-radius:12px;padding:2px 8px;font-size:.75rem;position:absolute;top:8px;right:8px}.repost-embed .post-catch,.repost-embed .post-location{font-size:.82rem}.share-menu-wrapper{display:inline-flex;position:relative}.share-dropdown{margin-bottom:4px;top:auto;bottom:100%;right:0}.share-dropdown button{color:var(--text)!important}.share-dropdown button:hover{background:var(--primary-light)!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-placeholder{animation:1.5s ease-in-out infinite shimmer;background:linear-gradient(90deg,#f0f2f5 25%,#e4e7ec 50%,#f0f2f5 75%) 0 0/200% 100%!important}.shimmer-placeholder.loaded{background:0 0!important;animation:none!important}:root.dark .shimmer-placeholder{background:linear-gradient(90deg,#1a2422 25%,#243330 50%,#1a2422 75%) 0 0/200% 100%!important}:root.dark .shimmer-placeholder.loaded{background:0 0!important;animation:none!important}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.22s ease-out page-fade-in}.pull-refresh-indicator{z-index:50;justify-content:center;align-items:center;transition:height .15s ease-out;display:flex;position:relative;overflow:hidden}.pull-refresh-spinner{transition:transform .1s linear}.pull-refresh-spinner.spinning{animation:.8s linear infinite pull-spin}@keyframes pull-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-hover-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;min-width:220px;padding:14px;animation:.15s ease-out hover-card-in;position:fixed}@keyframes hover-card-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-hover-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:800}.user-hover-meta{color:var(--text-muted);margin-bottom:10px;font-size:12px}.user-hover-actions{gap:8px;display:flex}.user-hover-btn{border-radius:var(--radius-xs);text-align:center;background:var(--primary);color:#fff;flex:1;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.user-hover-btn:hover{opacity:.85;color:#fff}.user-hover-btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.user-hover-btn-secondary:hover{background:var(--border-light);color:var(--text)}.desktop-header-city-wrap{flex-shrink:0;position:relative}.city-search-dropdown{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:500;min-width:260px;padding:10px;animation:.15s ease-out hover-card-in;position:absolute;top:calc(100% + 6px);left:0}.city-search-input{border:1.5px solid var(--border);border-radius:var(--radius-xs);background:var(--card);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:9px 12px;font-size:14px}.city-search-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #3d9b8f1a}.city-search-input::placeholder{color:var(--text-muted)}.city-search-results{max-height:240px;margin-top:6px;overflow-y:auto}.city-search-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.city-search-item:hover{background:var(--bg-warm)}.city-search-name{font-weight:700}.city-search-region{color:var(--text-muted);margin-left:8px;font-size:11px}.city-search-empty{color:var(--text-muted);text-align:center;padding:12px 10px;font-size:13px}.city-search-radius{border-top:1px solid var(--border-light);margin-top:10px;padding-top:10px}.city-search-radius label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.city-search-radius input[type=range]{width:100%;accent-color:var(--primary)}.pwa-standalone .app-header{padding-top:54px!important}.pwa-standalone .tab-bar{min-height:78px;padding-top:6px;height:auto!important;padding-bottom:28px!important}.pwa-standalone .tab-item{gap:4px!important;padding:6px 0!important;font-size:12px!important}.pwa-standalone .tab-item svg{width:28px!important;height:28px!important}.pwa-standalone .app-main{padding-bottom:106px!important}.pwa-standalone .auth-page{padding-top:54px}.pwa-standalone .map-container{height:calc(100dvh - 54px - var(--header-height) - 78px - 28px)!important}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not(.dark){--bg:#e5dfd6;--bg-warm:#ece8e0;--card:#f2efe9;--text:#33302b;--text-dim:#504b44;--text-muted:#847c73;--border:#d4cec4;--border-light:#dedad2;--shadow-xs:0 1px 2px #33302b0d;--shadow:0 2px 6px #33302b0f;--shadow-md:0 4px 12px #33302b14;--shadow-lg:0 6px 20px #33302b1f}:root:not(.dark) body{color:#33302b;background:#e5dfd6}:root:not(.dark) input,:root:not(.dark) select,:root:not(.dark) textarea{color:#33302b;background:#f2efe9;border-color:#d4cec4}.desktop-header-search,.desktop-header-city,.desktop-inline-header,.desktop-inline-header-inner,.sidebar-top-row,.sidebar-search,.desktop-header-coins,.desktop-header-avatar,.desktop-left-sidebar,.desktop-right-sidebar{display:none}.desktop-layout{display:contents}.header-login-btn,.header-sort-tabs{display:none}.mobile-search-btn{display:flex}.desktop-header-create{display:none}@media (width>=768px){.tab-bar,.mobile-search-btn,.mobile-fish-fab,.fab,.stories-bar,.bite-banner,.top-spots-section,.location-selector,.feed-promo,.feed-quick-stats,.feed-sort,.app-header{display:none!important}.desktop-layout{grid-template-rows:56px 1fr;grid-template-columns:230px 1fr;max-width:1280px;min-height:100vh;margin:0 auto;display:grid}.desktop-inline-header{z-index:200;background:#ece8e0;border-bottom:1px solid #d4cec4;grid-area:1/1/auto/-1;align-items:center;gap:16px;padding:0 24px 0 20px;position:sticky;top:0;display:flex!important}.desktop-left-sidebar{scrollbar-width:thin;background:#ece8e0;border-right:1px solid #d4cec4;flex-direction:column;grid-area:2/1;height:calc(100vh - 56px);padding:16px 12px;position:sticky;top:56px;overflow-y:auto;display:flex!important}.desktop-left-sidebar::-webkit-scrollbar{width:3px}.desktop-left-sidebar::-webkit-scrollbar-thumb{background:#c2bcb3;border-radius:2px}.app-main.desktop-center{background:#e5dfd6;grid-area:2/2;max-width:none;padding:20px 24px 48px;overflow-y:auto}.desktop-right-sidebar{display:none!important}.desktop-inline-header .app-logo{text-decoration:none}.desktop-header-city{border-radius:var(--radius-xs);background:var(--bg);height:34px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex!important}.desktop-header-city:hover{background:var(--border)}.desktop-header-city svg{color:var(--primary)}.desktop-header-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;flex:1;align-items:center;max-width:380px;height:36px;padding:0 14px;transition:all .15s;display:flex!important}.desktop-header-search:hover{border-color:var(--primary)}.desktop-header-search svg{color:var(--text-muted);flex-shrink:0}.desktop-header-search input{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;flex:1;margin-left:8px;font-size:13px}.desktop-header-search input::placeholder{color:var(--text-muted)}.desktop-header-coins{color:var(--text-dim);border-radius:var(--radius-xs);background:var(--bg);align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:flex!important}.desktop-header-coins:hover{background:var(--border)}.desktop-header-coins svg{color:#b8903a}.desktop-header-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:32px;height:32px;text-decoration:none;transition:border-color .15s;overflow:hidden;display:flex!important}.desktop-header-avatar:hover{border-color:var(--primary)}.desktop-header-avatar img{object-fit:cover;width:100%;height:100%}.desktop-header-avatar-placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.header-login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-xs);white-space:nowrap;flex-shrink:0;align-items:center;padding:7px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex!important}.header-login-btn:hover{background:var(--primary-dark);color:#fff}.desktop-header-create{border-radius:var(--radius-xs);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:background .15s;display:flex!important}.desktop-header-create:hover{background:var(--primary-dark);color:#fff}.desktop-inline-header .icon-btn{color:var(--text-muted)}.desktop-inline-header .icon-btn:hover{background:var(--bg);color:var(--text)}.header-sort-tabs,.sidebar-top-row,.sidebar-search,.sidebar-user-card,.sidebar-login-btn,.sidebar-coins,.sidebar-achievements{display:none!important}.sidebar-nav{flex-direction:column;gap:1px;display:flex}.sidebar-nav-item{border-radius:var(--radius-xs);color:var(--text-dim);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg);color:var(--text)}.sidebar-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.sidebar-nav-item.active svg{color:var(--primary)}.sidebar-nav-item svg{color:var(--text-muted);flex-shrink:0}.sidebar-badge{background:var(--primary);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800}.feed-tabs{display:none!important}.sidebar-widget{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:0;padding:16px 4px}.sidebar-widget:last-child{border-bottom:none}.sidebar-widget-title{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.sidebar-widget-more{text-align:center;color:var(--primary);border-top:1px solid var(--border-light);margin-top:6px;padding-top:8px;font-size:13px;font-weight:600;text-decoration:none;display:block}.sidebar-widget-more:hover{text-decoration:underline}.sidebar-bite-widget{color:var(--text);cursor:pointer;text-decoration:none;display:block}.sidebar-bite-row{align-items:center;gap:10px;display:flex}.sidebar-bite-emoji{font-size:28px}.sidebar-bite-info{flex:1}.sidebar-bite-value{font-size:15px;font-weight:700}.sidebar-bite-score,.sidebar-bite-temp{color:var(--text-muted);font-size:12px}.sidebar-spot-item{color:var(--text);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;text-decoration:none;display:flex}.sidebar-spot-item:last-of-type{border-bottom:none}.sidebar-spot-item:hover{color:var(--primary)}.sidebar-spot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.sidebar-spot-rating{color:#c4943a;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.sidebar-top-user{color:var(--text);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:7px 0;font-size:13px;text-decoration:none;display:flex}.sidebar-top-user:last-of-type{border-bottom:none}.sidebar-top-user:hover{color:var(--primary)}.sidebar-top-user-rank{width:18px;color:var(--text-muted);font-size:12px;font-weight:800}.sidebar-top-user-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.sidebar-top-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-avatar-placeholder-sm{background:var(--primary-light);width:100%;height:100%;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-top-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.sidebar-top-user-posts{color:var(--text-muted);flex-shrink:0;font-size:11px}.sidebar-avatar-placeholder{background:var(--primary-light);width:100%;height:100%;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.location-selector{margin-bottom:8px}}@media (width>=1200px){.desktop-layout{grid-template-columns:230px 1fr 280px}.desktop-right-sidebar{scrollbar-width:thin;background:#ece8e0;border-left:1px solid #d4cec4;flex-direction:column;grid-area:2/3;height:calc(100vh - 56px);padding:16px 14px;position:sticky;top:56px;overflow-y:auto;display:flex!important}.desktop-right-sidebar::-webkit-scrollbar{width:3px}.desktop-right-sidebar::-webkit-scrollbar-thumb{background:#c2bcb3;border-radius:2px}}:root.dark .desktop-left-sidebar{border-color:#ffffff0f}@media (prefers-color-scheme:dark){:root:not(.light) .desktop-left-sidebar{border-color:#ffffff0f}}:root.dark .desktop-right-sidebar{border-color:#ffffff0f}:root.dark .sidebar-widget{background:var(--card);border-color:#ffffff0f}:root.dark .desktop-header-search{background:#ffffff0f;border-color:#ffffff14}:root.dark .desktop-header-coins{background:#ffffff0f}@media (prefers-color-scheme:dark){:root:not(.light) .desktop-right-sidebar,:root:not(.light) .sidebar-widget{border-color:#ffffff0f}:root:not(.light) .desktop-header-search{background:#ffffff0f;border-color:#ffffff14}:root:not(.light) .desktop-header-coins{background:#ffffff0f}}.post-comments{border-top:1px solid var(--border-light);margin-top:8px;padding-top:8px}.comments-list{max-height:400px;overflow-y:auto}.share-menu{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;min-width:200px;padding:8px 0;position:absolute;bottom:40px;right:0}.share-menu-item{cursor:pointer;color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:8px 16px;font-size:14px;display:flex}.share-menu-item:hover{background:var(--bg-warm)}