:root{--bg:#f5f7fa;--bg-warm:#faf8f5;--card:#fff;--text:#1a1d23;--text-dim:#4a5568;--text-muted:#8b95a5;--border:#e2e8f0;--border-light:#edf2f7;--primary:#1e6fd9;--primary-dark:#155bb5;--primary-light:#e8f1fd;--primary-bg:#f0f6ff;--accent:#0d9488;--accent-dark:#0a7a70;--accent-light:#ccfbf1;--orange:#e88a1a;--orange-light:#fff4e6;--danger:#dc2626;--danger-light:#fef2f2;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--radius:16px;--radius-sm:10px;--radius-xs:6px;--tab-height:68px;--header-height:56px;--shadow-xs:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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;background:var(--card);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top,0px);background:#ffffffeb;position:sticky;top:0}.app-header-inner{max-width:960px;height:var(--header-height);align-items:center;gap:12px;margin:0 auto;padding:0 10px;display:flex}.app-logo{color:var(--text);letter-spacing:-.5px;align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.app-logo svg{color:var(--primary)}.app-logo-text{background:linear-gradient(135deg, var(--primary), var(--accent));-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(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-light);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff2;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--text-muted);transition:color var(--transition);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.tab-item.active{color:var(--primary);font-weight:700}.tab-item.active:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-item svg{stroke-width:1.8px;width:26px;height:26px}.badge{background:var(--danger);color:#fff;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:-5px;right:-8px}.page{padding:0 4px 24px}.page-header{align-items:center;gap:12px;padding:14px 0;display:flex}.page-header h1{letter-spacing:-.3px;color:var(--text);flex:1;font-size:22px;font-weight:800}.header-actions{gap:4px;display:flex}.back-btn{background:var(--card);width:36px;height:36px;color:var(--text);box-shadow:var(--shadow);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.back-btn:hover{box-shadow:var(--shadow-md)}.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}.section-title{color:var(--text);letter-spacing:-.2px;margin:18px 0 12px;font-size:17px;font-weight:700}.auth-page{background:linear-gradient(135deg,#0f3460 0%,#0d7377 60%,#14a085 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--card);border-radius:24px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 16px 48px #0003}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo svg{color:var(--primary)}.auth-logo h1{color:var(--text);background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:10px;font-size:28px;font-weight:800}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-link{text-align:center;color:var(--text-dim);margin-top:20px;font-size:14px}.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);background:var(--bg-secondary);cursor:pointer;text-align:left;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .15s}.btn-demo:hover{background:var(--primary);color:#fff;border-color:var(--primary)}input,textarea,select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;transition:all var(--transition);color:var(--text);outline:none;padding:12px 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 #1e6fd91a}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:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.form-label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:13px;font-weight:600;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}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.2px;border:none;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:700;box-shadow:0 2px 8px #1e6fd940}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1e6fd959}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-primary:disabled{opacity:.5;box-shadow:none}.btn-primary.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc262640}.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);padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-light)}.error-msg{color:var(--danger);text-align:center;background:var(--danger-light);border-radius:var(--radius-xs);border:1px solid #dc26261a;padding:10px 14px;font-size:13px}.fab{bottom:calc(var(--tab-height) + 16px);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;z-index:50;width:52px;height:52px;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 #1e6fd959}.fab:hover{transform:scale(1.05);box-shadow:0 6px 28px #1e6fd973}.fab:active{transform:scale(.95)}.location-selector{background:var(--card);border:1px solid var(--border);color:var(--primary);cursor:pointer;transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;margin-top:14px;margin-bottom:10px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.location-selector:hover{box-shadow:var(--shadow);border-color:var(--primary-light)}.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-light);background:var(--primary-bg)}.location-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bite-banner{color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition);background:linear-gradient(135deg,#0f3460,#0d7377);align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.bite-banner:after{content:"";background:#ffffff0d;border-radius:50%;width:160px;height:160px;position:absolute;top:-50%;right:-20%}.bite-banner:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.bite-banner-icon{z-index:1;font-size:36px}.bite-banner-info{z-index:1;flex:1}.bite-banner-label{opacity:.75;font-size:12px;font-weight:500}.bite-banner-value{margin-top:1px;font-size:20px;font-weight:800}.bite-banner-score{opacity:.6;margin-top:2px;font-size:12px}.bite-banner-temp{text-align:right;z-index:1}.bite-banner-temp .temp{font-size:26px;font-weight:700}.bite-banner-temp .conditions{opacity:.6;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:14px 10px}.quick-stat:hover{box-shadow:var(--shadow);border-color:var(--primary-light)}.quick-stat-num{color:var(--primary);font-size:22px;font-weight:800;line-height:1.2;display:block}.quick-stat-label{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500;display:block}.top-spots-section{margin-bottom:20px}.top-spots-title{color:var(--text);margin-bottom:10px;font-size:16px;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);border-color:var(--primary-light);transform:translateY(-1px)}.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:#f59e0b;fill:#f59e0b}.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-secondary,#f0f4f8);color:var(--text-secondary,#64748b);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.feed-tabs{border-bottom:2px solid var(--border-light);gap:0;margin-bottom:16px;display:flex}.feed-tab{text-align:center;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.feed-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.feed-tab:hover:not(.active){color:var(--text)}.feed-sort{gap:6px;margin-bottom:12px;display:flex}.sort-chip{border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.sort-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.feed-promo{margin-bottom:16px}.promo-card{color:#fff;border-radius:14px;padding:20px;text-decoration:none;display:block;box-shadow:0 4px 12px #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{color:#fff;cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;margin:8px 0;padding:14px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000026}.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(-1px);box-shadow:0 6px 20px #0003}.recommend-card-icon{z-index:1;background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.recommend-card-body{z-index:1;flex:1;min-width:0}.recommend-card-title{opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.recommend-card-text{margin-top:2px;font-size:14px;font-weight:600;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:#ffffff40;border:1px solid #fff6;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .2s}.recommend-card-follow-btn:hover{background:#fff6}.posts-list{flex-direction:column;gap:8px;display:flex}.post-card{background:var(--card);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);transition:all var(--transition);border-radius:10px;padding:12px;overflow:hidden}@media (width>=768px){.post-card{width:100%;max-width:600px;margin:0 auto;padding:12px}}.post-card:hover{box-shadow:var(--shadow)}.post-header{align-items:center;margin-bottom:4px;display:flex}.post-author{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:flex}.post-author .avatar-sm{width:32px;height:32px}.post-author .avatar-placeholder{width:32px;height:32px;font-size:13px}.post-author-info{flex-wrap:wrap;align-items:center;gap:0;display:flex}.author-name{font-size:13px;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:4px 0 0;font-size:14px;line-height:1.5}.post-catch-location-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 2px;font-size:13px;display:flex}.post-catch-badge{color:var(--accent);background:var(--accent-light);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;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:12px;align-items:center;gap:10px;margin-bottom:4px;padding:2px 8px;font-size:13px;font-weight:600;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:8px;margin:6px -12px 4px;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:8px;max-height:400px;background:#0a0a0a!important}.gallery-video{border-radius:8px;max-height:400px}.post-gallery-wrap{border-radius:8px;margin:6px 0 4px;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:#0009;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.gallery-arrow{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#000000b3}.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:#000000f2;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:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:16px;right:16px}.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:12px;padding:4px 14px;font-size:14px;font-weight:600;position:absolute;top:20px;left:50%;transform:translate(-50%)}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-nav:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.post-actions{border-top:1px solid var(--border-light);gap:16px;margin-top:4px;padding-top:6px;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:500;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:10px;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(--card);min-height:80px}.create-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.create-fields input:last-child{grid-column:1/-1}.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:12px 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:8px;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:12px;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(-1px)}.event-cover{object-fit:cover;width:100%;height:140px}.event-cover-placeholder{color:#ffffffd9;justify-content:center;align-items:center;width:100%;height:100px;display:flex;position:relative}.event-bottom{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.event-info{padding:14px 16px}.event-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.3px;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.event-title{margin-bottom:10px;font-size:16px;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 12px;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:600;display:flex}.event-cover-large{object-fit:cover;border-radius:var(--radius);width:100%;max-height:240px}.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.65}.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 12px;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:12px;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(-2px)}.ad-photo{aspect-ratio:1;background:var(--bg);overflow:hidden}.ad-photo img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ad-card:hover .ad-photo img{transform:scale(1.03)}.ad-no-photo{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#f0f4f8,#e2e8f0);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:.3px;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700}.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:15px;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{scroll-snap-align:start;border-radius:12px;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:28px;font-weight:800}.ad-description{white-space:pre-wrap;margin:14px 0;font-size:15px;line-height:1.65}.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 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.ad-banner:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-1px)}.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:700}.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:600;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:700;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:20px;padding:8px 16px;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:10px;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:18px;display:flex}.weather-item svg{color:var(--primary)}.weather-val{font-size:22px;font-weight:800}.weather-label{color:var(--text-muted);font-size:12px;font-weight:500}.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:17px;font-weight:700}.weather-forecast{margin-top:24px}.weather-forecast h3{margin-bottom:12px;font-size:17px;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:17px;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:600;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:14px;align-items:center;gap:5px;padding:4px 10px;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:17px;font-weight:700}.bite-main{border-radius:var(--radius);border:3px solid;flex-direction:column;align-items:center;gap:6px;padding:20px 40px;display:inline-flex}.bite-big-emoji{font-size:52px}.bite-label{font-size:22px;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}.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))}.comments-section{margin-top:24px}.comments-section h3{margin-bottom:14px;font-size:17px;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 14px}.comment-input button:hover{background:var(--primary-dark)}.profile-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:28px;position:relative;overflow:hidden}.profile-card:before{content:"";background:linear-gradient(135deg, var(--primary), var(--accent));opacity:.08;height:80px;position:absolute;top:0;left:0;right:0}.profile-card h2{margin-top:14px;font-size:22px;font-weight:800;position:relative}.profile-username{color:var(--text-muted);font-size:14px;position:relative}.profile-bio{color:var(--text-dim);margin-top:10px;font-size:14px;line-height:1.55;position:relative}.profile-meta{color:var(--text-dim);justify-content:center;gap:16px;margin-top:12px;font-size:13px;display:flex;position:relative}.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:40px;margin-top:18px;padding-top:18px;display:flex;position:relative}.profile-stats div{text-align:center}.profile-stats strong{color:var(--primary);font-size:22px;font-weight:800;display:block}.profile-stats span{color:var(--text-muted);font-size:12px;font-weight:500}.btn-follow{cursor:pointer;border:2px solid var(--primary);background:var(--primary);color:#fff;border-radius:20px;align-items:center;gap:6px;margin-top:14px;padding:8px 20px;font-size:14px;font-weight:600;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,#e53e3e);border-color:var(--danger,#e53e3e);color:#fff}.btn-follow:disabled{opacity:.5;cursor:not-allowed}.profile-posts{margin-top:24px}.profile-posts h3{margin-bottom:14px;font-size:17px;font-weight:700}.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:1px solid var(--border-light);border-radius:12px;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:600;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.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:600;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:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.btn-pro{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;font-weight:600}.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)}.avatar-upload label{cursor:pointer;color:var(--primary);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.notif-list{flex-direction:column;gap:4px;display:flex}.notif-item{color:var(--text);transition:all var(--transition);border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:var(--primary-light);border-color:var(--primary-light)}.notif-icon{width:36px;height:36px;color:var(--primary);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:600}.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.6}.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:18px}.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:36px;height:36px;display:flex}.phase-icon-current{background:linear-gradient(135deg, var(--primary), var(--accent))}.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:700}.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:600}.roadmap-backlog{margin-top:24px}.roadmap-backlog h3{margin-bottom:12px;font-size:17px;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}.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), #c9e0ff);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:1px solid var(--border-light);border-radius:12px;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{background:#e8e8e8;border-radius:8px;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:48px 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)}.trip-date{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.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:600;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:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--card);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:16px}.stat-num{color:var(--primary);font-size:24px;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}.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)}.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);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-hover,#0000000a)}.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:600;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,var(--primary));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}.form-label{color:var(--text-dim);margin-top:10px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.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}.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}.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}.rec-today{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0f3460,#0d9488);align-items:center;gap:14px;margin-bottom:16px;padding:18px;display:flex}.rec-today svg{opacity:.8;flex-shrink:0}.rec-today-title{opacity:.7;font-size:12px}.rec-today-species{font-size:22px;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:16px;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:600}.rec-spot{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:8px;padding:12px}.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:600}.rec-gear{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text);margin-bottom:8px;padding:12px;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,#0f3460,#7c3aed);margin-bottom:20px;padding:30px 20px}.pro-hero svg{color:gold;margin-bottom:8px}.pro-hero h2{margin:8px 0 4px;font-size:26px;font-weight:800}.pro-hero p{opacity:.8;font-size:14px}.pro-active-banner{border-radius:var(--radius-sm);background:var(--success-light);color:var(--success);border:1px solid #16a34a26;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.pro-active-banner strong{font-size:15px;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:14px;display:flex}.pro-feature-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}.pro-feature-title{margin-bottom:2px;font-size:14px;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:17px;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}.pro-plan.best{border-color:#7c3aed;position:relative}.pro-plan-badge{color:#fff;text-transform:uppercase;background:#7c3aed;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:24px;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:600}.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:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;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)}.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:12px 14px;display:flex}.rating-row:hover{box-shadow:var(--shadow)}.rating-rank{background:var(--bg);width:28px;height:28px;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}::-webkit-scrollbar{width:6px}::-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}}.page-header-actions{gap:8px;margin-left:auto;display:flex}.icon-btn.danger,.icon-btn-sm.danger{color:var(--danger)}.icon-btn-sm{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:4px}.icon-btn-sm:hover{background:var(--danger-light);color:var(--danger)}.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:1px 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}.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}.roadmap-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{text-align:center;background:var(--primary-bg);border-radius:var(--radius-sm);padding:16px 8px}.stat-value{color:var(--primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-dim);margin-top:4px;font-size:12px}.challenges-list{flex-direction:column;gap:12px;display:flex}.challenge-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);padding:16px}.challenge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.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:600}.challenge-days{color:var(--text-muted);font-size:12px}.challenge-card h3{margin-bottom:6px;font-size:16px}.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:600;display:inline-flex}.challenge-detail h2{margin-bottom:8px;font-size:22px}.challenge-detail-desc{color:var(--text-dim);margin-bottom:16px}.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:600}.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}.challenge-leaderboard{margin-top:16px}.challenge-leaderboard h3{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;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-rank{min-width:24px;color:var(--text-dim);font-size:16px;font-weight:700}.lb-top .lb-rank{color:var(--orange)}.lb-name{color:var(--text);flex:1;align-items:center;gap:8px;text-decoration:none;display:flex}.lb-result{color:var(--primary);font-size:13px;font-weight:600}.guides-list{flex-direction:column;gap:8px;display:flex}.guide-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.guide-card-header{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.guide-card-header:hover{background:var(--bg)}.guide-icon{background:var(--primary-bg);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.guide-info{flex:1}.guide-info h3{font-size:15px}.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:600}.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);margin-bottom:16px;padding:16px}.buddy-create-form h3{margin-bottom:12px;font-size:16px}.buddy-create-form textarea{border:1px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:60px;margin-bottom:12px;padding:10px;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);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:600}.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.4}.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}.btn-sm{border-radius:var(--radius-xs);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.btn-accent{background:var(--accent);color:#fff;border-radius:var(--radius-xs);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.btn-accent:hover{background:var(--accent-dark)}.shop-booking{margin-top:12px}.shop-price{color:var(--accent);margin:8px 0;font-size:14px;font-weight:600}.booking-form textarea{border:1px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:50px;margin-bottom:8px;padding:8px;font-family:inherit;font-size:13px}.booking-success{color:var(--success);padding:8px 0;font-weight:600}.page-subtitle{color:var(--text-dim);margin-bottom:16px;font-size:14px}.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:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;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:600}.map-container{height:calc(100vh - var(--header-height) - var(--tab-height) - 120px);border-radius:var(--radius);min-height:400px;box-shadow:var(--shadow);z-index:1;overflow:hidden}.map-locate-btn{z-index:1000;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);background:#fff;border:2px solid #0003;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-title{color:var(--primary);font-size:14px;font-weight:700;text-decoration:none;display:block}.map-popup-title:hover{text-decoration:underline}.map-popup-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.map-popup-extra{color:var(--accent);margin-top:2px;font-size:12px;font-weight:600}.map-popup-author{color:var(--text-muted);margin-top:2px;font-size:11px}.map-popup-type{color:var(--text-muted);border-top:1px solid var(--border-light);margin-top:4px;padding-top:4px;font-size:11px}.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}.map-spot-coords{color:var(--text-muted);margin-bottom:12px;font-size:13px}.map-spot-form textarea{border:1px 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}.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)}.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-popup{min-width:180px}.map-popup-header{margin-bottom:4px}.map-popup-badge{background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-size:11px}.map-popup-title{margin:4px 0;font-size:14px;font-weight:600;display:block}.map-popup-sub{color:var(--text-muted);font-size:12px}.map-popup-extra{margin-top:4px;font-size:12px;line-height:1.4}.map-popup-author{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.3}.map-popup-reviews-link{color:var(--primary);margin-top:6px;font-size:12px;font-weight:500;text-decoration:none;display:block}.map-popup-reviews-link:hover{text-decoration:underline}.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}.back-link{color:var(--primary);align-items:center;gap:4px;margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.spot-header h1{margin:0 0 6px;font-size:22px}.spot-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.spot-description{color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;margin:12px 0;padding:12px;font-size:14px;line-height:1.5}.spot-species{flex-wrap:wrap;gap:6px;margin:8px 0 16px;display:flex}.spot-ratings-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.spot-ratings-card h3{margin:0 0 12px;font-size:16px}.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-secondary);font-size:13px}.spot-rating-bar{background:var(--bg-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}.spot-rating-fill{background:linear-gradient(90deg,#f59e0b,#16a34a);border-radius:4px;height:100%;transition:width .3s}.spot-rating-value{text-align:right;width:28px;font-size:13px;font-weight:600}.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}.btn-sm{padding:6px 12px;font-size:12px}.spot-review-form{border:1px solid var(--border);background:#fff;border-radius:12px;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-secondary);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:#f59e0b}.spot-review-card{border:1px solid var(--border);background:#fff;border-radius:10px;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}.review-date{color:var(--text-muted);font-size:12px}.review-mini-ratings{color:var(--text-secondary);gap:10px;margin-bottom:6px;font-size:12px;display:flex}.review-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.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(--bg-secondary)}.map-v2-item.selected{border-left:3px solid var(--primary);background:#e0f2fe}.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:600;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-secondary);width:100%;color:var(--primary);cursor:pointer;border:none;padding:12px;font-size:13px;font-weight:600}.map-v2-more:hover{background:var(--primary-light)}.map-v2-map{flex:1;min-height:200px}.map-container-v2{width:100%;height:100%}.pwa-standalone .app-header{padding-top:54px!important}.pwa-standalone .tab-bar{min-height:76px;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:104px!important}.pwa-standalone .auth-page{padding-top:54px}.pwa-standalone .map-container{height:calc(100dvh - 54px - var(--header-height) - 76px - 28px)!important}.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}.chat-empty p{max-width:260px;font-size:14px}.chat-page-title{color:var(--text);padding:16px 16px 8px;font-size:20px;font-weight:700}.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:48px;height:48px;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:600;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:700;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:36px;height:36px;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:600}.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:16px;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:1px solid var(--border);transition:border-color var(--transition);background:var(--bg);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:15px}.chat-input:focus{border-color:var(--primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--primary);color:#fff;cursor:pointer;width:40px;height:40px;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{color:var(--text);border-radius:8px;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:500;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:#0f1419;--bg-warm:#131820;--card:#1c2128;--text:#e6edf3;--text-dim:#8b949e;--text-muted:#6e7681;--border:#30363d;--border-light:#21262d;--primary:#58a6ff;--primary-dark:#79b8ff;--primary-light:#58a6ff26;--primary-bg:#58a6ff1a;--accent:#3fb950;--accent-dark:#56d364;--accent-light:#3fb95026;--orange:#f0883e;--orange-light:#f0883e26;--danger:#f85149;--danger-light:#f8514926;--success:#3fb950;--success-light:#3fb95026;--warning:#d29922;--shadow-xs:0 1px 0 #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}}:root.dark{--bg:#15202b;--bg-warm:#192734;--card:#1e2d3d;--text:#d9e2ec;--text-dim:#8899a6;--text-muted:#5b7083;--border:#38444d;--border-light:#2c3640;--primary:#1d9bf0;--primary-dark:#4bb4f7;--primary-light:#1d9bf01f;--primary-bg:#1d9bf014;--accent:#00ba7c;--accent-dark:#2dd4a8;--accent-light:#00ba7c1f;--orange:#ff7a00;--orange-light:#ff7a001f;--danger:#f4212e;--danger-light:#f4212e1f;--success:#00ba7c;--success-light:#3fb95026;--warning:#d29922;--bg-secondary:#161b22;--shadow-xs:0 1px 0 #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}:root.dark input,:root.dark select,:root.dark textarea{color:#e6edf3;background:#232a35;border-color:#444c56}:root.dark input:focus,:root.dark select:focus,:root.dark textarea:focus{background:#2d333b;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}:root.dark input::placeholder,:root.dark textarea::placeholder{color:#6e7681}:root.dark .btn-demo{color:#e6edf3;background:#232a35;border-color:#444c56}:root.dark .btn-demo:hover{color:#fff;background:#58a6ff;border-color:#58a6ff}:root.dark .btn-primary{color:#fff;background:linear-gradient(135deg,#1a73e8,#4a9eff)}:root.dark .error-msg{color:#f85149}:root.dark .auth-card h1{-webkit-text-fill-color:#e6edf3;background:0 0}:root.dark .demo-title,:root.dark .auth-link,:root.dark .auth-link a{color:#8b949e}.auth-card{color:#1a1a2e!important;background:#fff!important}.auth-card h1{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important}.auth-card .auth-logo svg{color:#1e6fd9!important}.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{background:#fff!important;border-color:#1e6fd9!important;box-shadow:0 0 0 3px #1e6fd926!important}.auth-card input::placeholder{color:#8b949e!important}.auth-card .btn-primary{color:#fff!important;background:linear-gradient(135deg,#1e6fd9,#4a9eff)!important}.auth-card .btn-demo{color:#1a1a2e!important;background:#f5f7fa!important;border-color:#d0d7de!important}.auth-card .btn-demo:hover{color:#fff!important;background:#1e6fd9!important;border-color:#1e6fd9!important}.auth-card .demo-title{color:#6b7280!important}.auth-card .error-msg{color:#dc2626!important}.auth-link,.auth-link a{color:#fff!important}.auth-link a:hover{color:#58a6ff!important}:root.dark .app-header{background:#1c2128f2}:root.dark .desktop-inline-header{background:var(--bg);border-color:var(--border)}:root.dark .tab-bar{background:#1c2128f2}@media (prefers-color-scheme:dark){:root:not(.light) .app-header{background:#1c2128eb}:root:not(.light) .tab-bar{background:#1c2128f2}}:root.dark .skeleton-avatar,:root.dark .skeleton-line{background:#30363d}:root.dark .skeleton-body{background:#272c33}:root.dark .ad-no-photo{background:linear-gradient(135deg,#1c2128,#272c33)}:root.dark .spot-ratings-card,:root.dark .spot-review-card,:root.dark .spot-review-form,: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:#4a5568}:root.dark .avatar-placeholder{background:linear-gradient(135deg,#58a6ff26,#58a6ff40)}@media (prefers-color-scheme:dark){:root:not(.light) .skeleton-avatar,:root:not(.light) .skeleton-line{background:#30363d}:root:not(.light) .skeleton-body{background:#272c33}:root:not(.light) .ad-no-photo{background:linear-gradient(135deg,#1c2128,#272c33)}: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:#4a5568}:root:not(.light) .avatar-placeholder{background:linear-gradient(135deg,#58a6ff26,#58a6ff40)}}.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='%238b95a5' 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:600}.welcome-page{-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0f3460 0%,#0d7377 50%,#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 20px 60px #00000040}.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:linear-gradient(135deg, var(--primary), var(--accent));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), #d1fae5);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(--accent));-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.5}.welcome-features{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.welcome-feature{border-radius:var(--radius-sm);background:var(--bg);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);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 #1e6fd91f}.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);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:#f8faff}.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:600}.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{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));border:none;border-radius:14px;align-items:center;gap:6px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #1e6fd94d}.welcome-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e6fd966}.welcome-btn-back{border:1.5px solid var(--border);cursor:pointer;color:var(--text-dim);transition:all var(--transition);background:0 0;border-radius:14px;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{cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-radius:14px;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-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:600}.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);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:600}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.profile-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.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)}.fab-add-spot{z-index:900;background:var(--primary,#1e6fd9);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 12px #0000004d}.fab-add-spot:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.modal-overlay{z-index:1100;background:#0009;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,#fff);border-radius:var(--radius,12px);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s modal-slide;display:flex;box-shadow:0 8px 32px #0000004d}.modal-header{border-bottom:1px solid var(--border,#e5e7eb);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;display:flex}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.form-group{margin-bottom:14px}.form-group label{color:var(--text,#333);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input[type=text],.form-group textarea{border:1px solid var(--border,#d1d5db);background:var(--bg,#fff);width:100%;color:var(--text,#333);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-size:14px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary,#1e6fd9);outline:none;box-shadow:0 0 0 2px #1e6fd926}.form-error{background:var(--danger-light,#fee2e2);color:var(--danger,#dc2626);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.fish-chips{flex-wrap:wrap;gap:6px;display:flex}.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,#1e6fd9)}.coords-display{color:var(--primary,#1e6fd9);font-size:12px;font-weight:400}.spot-map-picker{border:1px solid var(--border,#d1d5db);border-radius:10px;height:220px;overflow:hidden}.spot-map-container,.spot-map-container .leaflet-container{width:100%;height:100%}.bite-forecast-section{margin-top:24px}.bite-forecast-section h3{margin-bottom:12px;font-size:17px;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 12px;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:600}.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:600;display:flex}.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:600;text-decoration:none;display:flex}.lb-table .lb-weight{color:var(--primary);font-weight:700}.lb-table .lb-date{color:var(--text-muted);font-size:12px}.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:600;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:64px;height:64px;padding:2px}.story-avatar{object-fit:cover;border:2px 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:600;display:flex}.story-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:64px;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-primary);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.poll-options{flex-direction:column;gap:8px;display:flex}.poll-option{border:1.5px solid var(--border);background:var(--bg-secondary,#f7f7f7);cursor:pointer;text-align:left;border-radius:10px;align-items:center;width:100%;padding:10px 14px;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(--bg-hover,#eef6ff)}.poll-option.voted{cursor:default;border-color:var(--border)}.poll-option.voted.selected{border-color:var(--primary);background:rgba(var(--primary-rgb,29, 111, 217), .06)}.poll-bar{background:rgba(var(--primary-rgb,29, 111, 217), .12);z-index:0;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-secondary);text-align:right;min-width:36px;margin-left:8px;font-size:13px;font-weight:600;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:600;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}}.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:600}.status-offline{color:var(--text-muted)}.chat-partner-name-wrap{flex-direction:column;line-height:1.2;display:flex}.chat-partner-status{color:var(--text-muted);font-size:.7rem}.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:600;text-decoration:none}.repost-header a:hover{text-decoration:underline}.repost-embed{border:1px solid var(--border);background:var(--bg);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}@media (prefers-color-scheme:dark){.repost-embed{background:var(--bg);border-color:var(--border)}}.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%,#e0e3e8 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,#1c2128 25%,#2a3140 50%,#1c2128 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:.2s 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)}}.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}.mobile-search-btn{display:flex}.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:76px;right:16px;box-shadow:0 4px 16px #0d948866}.mobile-fish-fab:hover{transform:scale(1.1)}@media (width>=768px){.tab-bar,.app-header,.mobile-search-btn,.mobile-fish-fab,.stories-bar,.bite-banner,.top-spots-section,.location-selector,.feed-tabs,.feed-promo,.feed-quick-stats{display:none!important}.desktop-header-search,.desktop-header-coins,.desktop-header-avatar,.desktop-left-sidebar{display:flex}.app-header{display:none!important}.desktop-header-city{background:var(--accent-light);height:36px;color:var(--accent);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex!important}.desktop-header-city:hover{opacity:.8}.feed-sort{margin-top:4px;margin-bottom:8px}.desktop-header-search{background:var(--bg,#f5f5f5);border:1px solid var(--border-light);cursor:pointer;border-radius:20px;flex:1;align-items:center;max-width:400px;height:36px;margin:0 24px;padding:0 14px;transition:border-color .2s}.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:14px}.desktop-header-search input::placeholder{color:var(--text-muted)}.desktop-header-coins{color:var(--text);background:var(--bg,#f5f5f5);border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.desktop-header-coins:hover{background:var(--primary-light,#e0f2fe)}.desktop-header-coins svg{color:#f59e0b}.desktop-header-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;text-decoration:none;overflow:hidden}.desktop-header-avatar img{object-fit:cover;width:100%;height:100%}.desktop-header-avatar-placeholder{background:var(--primary-light);width:100%;height:100%;color:var(--primary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.desktop-layout{box-sizing:border-box;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 16px;display:flex}.desktop-inline-header,.desktop-inline-header-inner{display:none!important}.desktop-left-sidebar{border-right:1px solid var(--border-light);scrollbar-width:thin;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:12px;position:sticky;top:0;overflow-y:auto}.desktop-left-sidebar::-webkit-scrollbar{width:4px}.desktop-left-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.app-main.desktop-center{flex-grow:1;min-width:0;max-width:600px;margin:0;padding:12px 16px 40px}.desktop-right-sidebar{display:none}.sidebar-top-row{align-items:center;margin-bottom:12px;padding:4px 0;display:flex}.sidebar-search{background:var(--card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;transition:border-color .2s;display:flex}.sidebar-search:hover{border-color:var(--primary);color:var(--text-dim)}.sidebar-user-card{color:var(--text);border-radius:12px;flex-direction:column;align-items:center;margin-bottom:8px;padding:12px 8px;text-decoration:none;transition:background .2s;display:flex}.sidebar-user-card:hover{background:var(--bg,#f5f5f5)}.sidebar-user-avatar{border-radius:50%;width:56px;height:56px;margin-bottom:8px;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-avatar-placeholder{background:var(--primary-light);width:100%;height:100%;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.sidebar-user-name{text-align:center;font-size:14px;font-weight:700}.sidebar-user-city{color:var(--text-muted);margin-top:2px;font-size:12px}.sidebar-login-btn{text-align:center;background:var(--primary);color:#fff;border-radius:10px;margin-bottom:12px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:block}.sidebar-login-btn:hover{opacity:.9}.sidebar-nav{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.sidebar-nav-item{color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--bg,#f5f5f5)}.sidebar-nav-item.active{background:var(--primary-light,#e0f2fe);color:var(--primary);font-weight:600}.sidebar-nav-item svg{flex-shrink:0}.sidebar-badge{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:700}.sidebar-coins{background:var(--card);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s;display:flex}.sidebar-coins:hover{transform:translateY(-1px)}.sidebar-coins svg{color:var(--accent)}.sidebar-achievements{color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.sidebar-achievements:hover{background:var(--bg,#f5f5f5);color:var(--text)}.sidebar-widget{background:var(--card);border:1px solid var(--border-light);border-radius:12px;margin-bottom:12px;padding:14px}.sidebar-widget-title{color:var(--text);margin-bottom:10px;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;text-decoration:none;display:block}.sidebar-widget-more:hover{text-decoration:underline}.sidebar-bite-widget{color:var(--text);cursor:pointer;text-decoration:none;transition:box-shadow .2s;display:block}.sidebar-bite-widget:hover{box-shadow:0 2px 12px #00000014}.sidebar-bite-row{align-items:center;gap:10px;display:flex}.sidebar-bite-emoji{font-size:28px;line-height:1}.sidebar-bite-info{flex:1}.sidebar-bite-value{font-size:15px;font-weight:700}.sidebar-bite-score{color:var(--text-muted);font-size:12px}.sidebar-bite-temp{color:var(--text-muted);text-align:right;white-space:nowrap;font-size:12px}.sidebar-spot-item{color:var(--text);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.sidebar-spot-item:hover{color:var(--primary)}.sidebar-spot-name{white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:8px;overflow:hidden}.sidebar-spot-rating{color:#f59e0b;flex-shrink:0;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.sidebar-top-user{color:var(--text);align-items:center;gap:8px;padding:6px 0;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.sidebar-top-user:hover{color:var(--primary)}.sidebar-top-user-rank{width:18px;color:var(--text-muted);text-align:center;flex-shrink:0;font-size:12px;font-weight:700}.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:600;display:flex}.sidebar-top-user-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.sidebar-top-user-posts{color:var(--text-muted);flex-shrink:0;font-size:11px}.sidebar-pro-banner{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.sidebar-pro-banner:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.sidebar-pro-banner svg{flex-shrink:0}.sidebar-pro-title{font-size:14px;font-weight:700}.sidebar-pro-desc{opacity:.85;margin-top:2px;font-size:11px}.location-selector{margin-bottom:8px}}@media (width>=1200px){.desktop-right-sidebar{border-left:1px solid var(--border-light);scrollbar-width:thin;flex-direction:column;flex-shrink:0;width:300px;height:100vh;padding:12px;display:flex;position:sticky;top:0;overflow-y:auto}.desktop-right-sidebar::-webkit-scrollbar{width:4px}.desktop-right-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}}:root.dark .desktop-left-sidebar,:root.dark .desktop-right-sidebar{border-color:#ffffff14}:root.dark .sidebar-user-card:hover,:root.dark .sidebar-nav-item:hover,:root.dark .sidebar-achievements:hover{background:#ffffff0d}:root.dark .sidebar-nav-item.active{background:#0d948826}:root.dark .desktop-header-search{background:#ffffff14;border-color:#ffffff1a}:root.dark .desktop-header-coins{background:#ffffff14}:root.dark .sidebar-coins{background:var(--card);border-color:var(--border);color:var(--text-dim)}:root.dark .sidebar-widget{background:var(--card);border-color:#ffffff14}@media (prefers-color-scheme:dark){:root:not(.light) .desktop-left-sidebar,:root:not(.light) .desktop-right-sidebar{border-color:#ffffff14}:root:not(.light) .sidebar-nav-item.active{background:#0d948826}:root:not(.light) .desktop-header-search{background:#ffffff14;border-color:#ffffff1a}:root:not(.light) .sidebar-widget{border-color:#ffffff14}}.post-comments{border-top:1px solid var(--border-light);margin-top:8px;padding-top:8px}.comments-list{max-height:400px;overflow-y:auto}.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:600;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:#dc2626}.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:1px solid var(--border);background:var(--bg);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}.share-menu{background:var(--card);border:1px solid var(--border);z-index:50;border-radius:12px;min-width:200px;padding:8px 0;position:absolute;bottom:40px;right:0;box-shadow:0 4px 16px #0000001f}.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)}.user-hover-card{background:var(--card);border:1px solid var(--border);z-index:1000;border-radius:12px;min-width:220px;padding:12px;animation:.15s ease-out hover-card-in;position:fixed;box-shadow:0 4px 20px #0000001f}@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:700}.user-hover-meta{color:var(--text-muted);margin-bottom:10px;font-size:12px}.user-hover-actions{gap:8px;display:flex}.user-hover-btn{text-align:center;background:var(--primary);color:#fff;border-radius:8px;flex:1;padding:6px 12px;font-size:12px;font-weight:600;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);z-index:500;border-radius:12px;min-width:260px;padding:10px;animation:.15s ease-out hover-card-in;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 32px #00000026}.city-search-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.city-search-input:focus{border-color:var(--primary)}.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-size:14px;transition:background .15s;display:flex}.city-search-item:hover{background:var(--bg)}.city-search-name{font-weight:600}.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:600;display:block}.city-search-radius input[type=range]{width:100%;accent-color:var(--primary)}.desktop-header-create{display:none}@media (width>=768px){.desktop-header-create{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:opacity .2s;display:flex}.desktop-header-create:hover{opacity:.85;color:#fff}.fab{display:none!important}}