:root{--build:3100;--primary:#7fa17a;--primary-dark:#6b8d68;--primary-light:#7fa17a26;--primary-bg:#7fa17a1a;--accent:#7fa17a;--accent-dark:#6b8d68;--accent-light:#7fa17a26;--bg:#1a1f1c;--bg-warm:#1f2522;--card:#242b27;--text:#e8e2d4;--text-dim:#b8b0a3;--text-muted:#8a837a;--border:#353c37;--border-light:#2b322e;--orange:#c9a876;--orange-light:#c9a87626;--danger:#c57a7a;--danger-light:#c57a7a26;--success:#7fa17a;--success-light:#7fa17a26;--warning:#c9a876;--radius:12px;--radius-sm:10px;--radius-xs:6px;--tab-height:56px;--header-height:56px;--shadow-xs:0 1px 2px #2c28250a;--shadow:0 2px 6px #2c28250f;--shadow-md:0 4px 12px #2c282514;--shadow-lg:0 6px 20px #2c28251f;--transition:.15s ease;--sidebar-bg:#f9f8f5;--sidebar-text:#4a4541;--sidebar-text-hover:#2c2825;--sidebar-active:#3d9b8f;--sidebar-border:#e4e0db;--sidebar-surface:#f4f2ee}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{color:#e8e2d4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1f1c;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:200;height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);padding-top:env(safe-area-inset-top,0px);background:#121a17f7;position:sticky;top:0;box-shadow:0 1px 8px #0000002e}.app-header-inner{max-width:1280px;height:var(--header-height);align-items:center;gap:8px;width:100%;margin:0 auto;padding:0 12px;display:flex}@media (width<=768px){.app-header-inner{gap:8px;padding:0 12px}.app-header-inner .app-logo img{height:36px!important}.app-header-right{gap:4px!important;margin-left:0!important}.app-header-right .icon-btn{background:#7fa17a1a!important;border:1px solid #7fa17a2e!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important}.app-header-right .icon-btn:active{background:#7fa17a38!important}}.app-logo{color:var(--text);letter-spacing:-.5px;align-items:center;gap:8px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.app-logo svg{color:var(--primary)}.app-logo-text{background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-logo-img{width:auto;height:40px;display:block}.header-logo-text{flex-direction:column;line-height:1.15;display:flex}.header-logo-name{color:#7fa17a;letter-spacing:1.5px;font-size:15px;font-weight:800}.header-logo-tagline{color:#847c73;letter-spacing:.5px;font-size:10px;font-weight:500}.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:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(32px)saturate(1.8);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0f0df7;border-top:1px solid #7fa17a14;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:#8c9b9473;z-index:0;height:var(--tab-height);-webkit-tap-highlight-color:transparent;letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px 5px;font-size:10.5px;font-weight:400;text-decoration:none;transition:color .15s;display:flex;position:relative}.tab-item.active{color:#7fc97a;font-weight:600}.tab-item.active:before{content:"";pointer-events:none;background:#7fc97a;border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-item.active:after{display:none}.tab-item svg{stroke-width:1.6px;z-index:1;flex-shrink:0;width:24px;height:24px;transition:color .15s;position:relative}.tab-item span{z-index:1;line-height:1;position:relative}.tab-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.tab-badge{color:#fff;background:#e53e3e;border:1.5px solid #0a0f0df7;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3.5px;font-size:9.5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-9px}.badge{color:#fff;letter-spacing:-.3px;background:#e53e3e;border:2px solid #0a0f0df7;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4.5px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-5px;right:-9px}.tab-icon-wrap{justify-content:center;align-items:center;width:44px;height:32px;display:inline-flex;position:relative}.tab-nav-badge{color:#fff;pointer-events:none;letter-spacing:-.3px;background:#e53e3e;border:2px solid #0a0f0df7;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-3px;right:-4px}.page{padding:0 4px 24px;overflow-x:hidden}.page-header{align-items:center;gap:8px;min-height:36px;padding:0 0 8px;display:flex}.page-header h1{letter-spacing:-.2px;color:var(--text);flex:1;margin:0;font-size:17px;font-weight:700}.page-header .icon-btn{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.page-header .icon-btn:hover{background:var(--bg-warm);color:var(--text)}.header-actions{gap:4px;display:flex}@media (width>=768px){.page{max-width:none;margin:0;padding:0 0 24px}}.page-subtitle{color:var(--text-dim);margin-bottom:16px;font-size:14px}.back-btn{background:var(--card);width:38px;height:38px;color:var(--text);box-shadow:var(--shadow-xs);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.back-btn:hover{box-shadow:var(--shadow)}.back-link{color:var(--primary);align-items:center;gap:4px;margin-bottom:12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.icon-btn{cursor:pointer;color:var(--text-dim);transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:hover{background:var(--bg)}.icon-btn:active{background:#7fa17a24}.icon-pro{color:#d97706}.icon-pro:hover{background:#d977061f}.icon-btn-sm{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn-sm:hover{background:var(--danger-light);color:var(--danger)}.icon-btn.danger,.icon-btn-sm.danger{color:var(--danger)}.btn-icon{background:var(--card);border:1px solid var(--border-light);cursor:pointer;width:36px;height:36px;color:var(--text);transition:background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--border-light)}.section-title{color:var(--text);letter-spacing:-.3px;margin:20px 0 12px;font-size:18px;font-weight:700}.auth-page{background:#1a1f1c;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 30% 20%,#7fa17a1a,#0000 60%),radial-gradient(50% 40% at 80% 80%,#c9a87614,#0000 60%);position:absolute;inset:0}.auth-card{z-index:1;border:1px solid #353c37;border-radius:16px;width:100%;max-width:380px;padding:36px 28px;position:relative;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0a;color:var(--text)!important;background:#242b27!important}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo svg{color:var(--primary)}.auth-logo h1{letter-spacing:3px;margin-top:8px;font-size:22px;font-weight:800;color:var(--primary)!important;background:0 0!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--primary)!important}.auth-card h1{-webkit-text-fill-color:var(--primary)!important;color:var(--primary)!important;background:0 0!important}.auth-card .auth-logo svg{color:var(--primary)!important}.auth-card form{flex-direction:column;gap:10px;display:flex}.auth-link{text-align:center;color:var(--text-muted);margin-top:18px;font-size:13px}.auth-link a{color:var(--primary);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-card input,.auth-card select,.auth-card textarea{height:44px;font-family:inherit;background:var(--bg-warm)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xs)!important;padding:11px 14px!important;font-size:14px!important}.auth-card input:focus,.auth-card select:focus{outline:none;background:var(--bg-warm)!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #7fa17a2e!important}.auth-card input::placeholder{color:var(--text-muted)!important}.auth-card .btn-primary{cursor:pointer;border:none;height:44px;font-weight:700;transition:background .15s;background:var(--primary)!important;color:#1a1f1c!important;border-radius:var(--radius-xs)!important;box-shadow:none!important}.auth-card .btn-primary:hover{background:var(--primary-dark)!important}.auth-card .btn-primary:disabled{opacity:.6;cursor:wait}.oauth-section{margin-top:20px}.oauth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:10px;margin:0 0 14px;font-size:11px;font-weight:600;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--border);flex:1;height:1px}.oauth-buttons{flex-direction:column;gap:8px;display:flex}.oauth-btn{border-radius:var(--radius-xs);width:100%;height:44px;color:var(--text);cursor:pointer;background:#1a1f1c;border:1px solid #353c37;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;position:relative}.oauth-btn:hover{border-color:var(--primary);color:var(--text);background:#1f2522}.oauth-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.oauth-tg-wrap{border-radius:var(--radius-xs);cursor:pointer;background:#229ed9;justify-content:center;align-items:center;width:100%;height:44px;transition:filter .15s;display:flex}.oauth-tg-wrap:hover{filter:brightness(1.08)}.oauth-tg-wrap iframe{display:block}.oauth-google-wrap{justify-content:center;width:100%;display:flex}.oauth-google-wrap>div{width:100%!important}.oauth-google-wrap iframe{width:100%!important;margin:0!important}.auth-subtitle{text-align:center;color:var(--text-muted);margin-top:4px;font-size:13px}.auth-error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-xs);text-align:center;margin-bottom:12px;padding:10px 12px;font-size:13px}.oauth-tg-divider{justify-content:center;margin-top:2px;display:flex}.oauth-btn-text{border:1px dashed var(--border);color:var(--text-muted);background:0 0;margin-top:16px}.oauth-btn-text:hover{color:var(--text);background:var(--bg-warm);border-style:solid}.chev{transition:transform .2s}.chev.open{transform:rotate(180deg)}.auth-email-form{flex-direction:column;gap:8px;margin-top:10px;animation:.18s ease-out slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-footer{border-top:1px solid var(--border-light);justify-content:center;align-items:center;gap:12px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer-sep{color:var(--text-muted)}.auth-demo-toggle{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;margin-top:14px;padding:6px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.auth-demo-toggle:hover{color:var(--text)}.auth-demo-list{border-radius:var(--radius-xs);background:var(--bg);flex-direction:column;gap:4px;margin-top:6px;padding:8px;animation:.18s ease-out slide-in;display:flex}.auth-demo-item{color:var(--text-dim);border-radius:var(--radius-xs);cursor:pointer;text-align:left;background:0 0;border:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .1s}.auth-demo-item:hover{background:var(--bg-warm);color:var(--text)}.auth-demo-item:disabled{opacity:.5;cursor:wait}.demo-login-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.demo-title{color:var(--text-muted);text-align:center;margin-bottom:8px;font-size:13px}.demo-buttons{flex-direction:column;gap:6px;display:flex}.btn-demo{border:1px solid var(--border);cursor:pointer;text-align:left;color:#1a1a2e;background:#f5f7fa;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .15s}.btn-demo:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.auth-card .demo-title{color:#6b7280!important}.auth-card .error-msg{color:#dc2626!important}input,textarea,select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-warm);width:100%;transition:all var(--transition);color:var(--text);outline:none;padding:13px 16px;font-family:inherit;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #7fa17a26}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}.form{flex-direction:column;gap:14px;padding:8px 0;display:flex}.form-section{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);flex-direction:column;gap:10px;padding:16px;display:flex}.form-label{color:var(--primary);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.form-row{gap:10px;display:flex}.form-row>.form-field{flex:1}.form-field small{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.form-group{margin-bottom:14px}.form-group label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input[type=text],.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-warm);width:100%;color:var(--text);box-sizing:border-box;padding:10px 12px;font-size:14px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7fa17a26}.form-error{background:var(--danger-light);color:var(--danger);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.form-label-inline{color:var(--text-dim);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.form-label-inline input[type=checkbox]{width:auto}.quick-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.bite-rating-input{gap:4px;padding:8px 0;display:flex}.bite-rating-input button{cursor:pointer;background:0 0;border:none;padding:2px}.checkbox-label{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary)}.toggle-label{cursor:pointer;align-items:center;gap:8px;font-weight:400!important;display:flex!important}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.coords-display{color:var(--primary);font-size:12px;font-weight:400}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.2px;border:none;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 2px 12px #7fa17a4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 20px #7fa17a66}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.btn-primary.btn-danger{background:var(--danger);box-shadow:0 2px 12px #ef44444d}.btn-secondary{background:var(--card);color:var(--primary);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;width:100%;transition:all var(--transition);justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-light)}.btn-sm{border-radius:var(--radius-xs);cursor:pointer;border:none;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.btn-accent{background:var(--accent);color:#fff;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition);border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.btn-accent:hover{background:var(--accent-dark)}.btn-pro{color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--transition);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn-pro:hover{opacity:.9}.pro-icon{font-size:18px}.btn-logout{color:var(--danger);border-color:var(--danger);justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.btn-logout:hover{background:var(--danger-light)}.profile-action-buttons{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px;display:flex}.btn-follow,.btn-report{border-radius:var(--radius-xs);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-follow{background:var(--primary);color:#1a1f1c;border:1px solid var(--primary)}.btn-follow:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#1a1f1c}.btn-follow.following{color:var(--primary);background:0 0}.btn-follow.following:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-follow:disabled{opacity:.5;cursor:not-allowed}.btn-report{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-report:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.error-msg{color:var(--danger);text-align:center;background:var(--danger-light);border-radius:var(--radius-xs);border:1px solid #ef444426;padding:10px 14px;font-size:13px}.fab{bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px) + 14px);color:#fff;cursor:pointer;z-index:50;background:linear-gradient(145deg,#8ab584 0%,#4a7a4e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;position:fixed;right:16px;box-shadow:0 4px 18px #4a824e8c,inset 0 1px #ffffff1f}.fab:active{transform:scale(.92);box-shadow:0 2px 8px #4a824e4d}.tab-create{cursor:pointer;color:#82918a99;-webkit-tap-highlight-color:transparent;height:var(--tab-height);letter-spacing:.02em;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:500;display:flex;position:relative}.tab-create-icon{color:#fff;background:linear-gradient(145deg,#8ab584 0%,#4f7c50 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:36px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;transform:translateY(-7px);box-shadow:0 6px 20px #5a8c5aa6,inset 0 1px #ffffff26}.tab-create-icon svg{flex-shrink:0;stroke-width:2px!important;width:20px!important;height:20px!important}.tab-create:active .tab-create-icon{transform:scale(.92);box-shadow:0 1px 6px #5a8c5a4d}.feed-quick-stats-inline{flex-wrap:wrap;gap:6px;padding:0 4px 10px;display:flex}.quick-stat-chip{background:var(--card);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;text-decoration:none;transition:background .15s;display:inline-flex}.quick-stat-chip:hover{background:var(--border)}.fab-add-spot{z-index:900;background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #7fa17a66}.fab-add-spot:hover{transform:scale(1.1);box-shadow:0 6px 24px #7fa17a80}.mobile-fish-fab{color:#fff;z-index:100;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:16px;box-shadow:0 4px 20px #7fa17a73}.mobile-fish-fab:hover{transform:scale(1.1)}.mobile-header-city{height:36px;color:var(--text);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#7fa17a1a;border:1px solid #7fa17a33;border-radius:10px;flex:1;align-items:center;gap:4px;min-width:0;padding:0 10px 0 8px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.mobile-header-city span{text-overflow:ellipsis;overflow:hidden}.mobile-header-city svg{color:#7fa17a;flex-shrink:0}@media (width>=769px){.mobile-header-city{display:none}}.mobile-profile-btn{position:relative}.mobile-header-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:26px;height:26px}.mobile-profile-btn.is-auth:after{content:"";background:#22c55e;border:1.5px solid #121a17f7;border-radius:50%;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.sw-update-banner{z-index:9998;border-bottom:1px solid var(--primary);background:linear-gradient(90deg,#1a4a38,#0d3328);align-items:center;gap:10px;padding:10px 16px;animation:.3s sw-banner-in;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px #0006}@keyframes sw-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.sw-update-text{color:#d1fae5;flex:1;font-size:14px;font-weight:600}.sw-update-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;transition:background .15s}.sw-update-btn:hover{background:var(--primary-dark)}.sw-update-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-inline-search{background:#121a17f7;align-items:center;gap:8px;padding:6px 12px 8px;animation:.18s inline-search-in;display:flex}@keyframes inline-search-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.inline-search-back{cursor:pointer;color:var(--text-dim);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.inline-search-input{color:var(--text);touch-action:manipulation;background:#ffffff14;border:1px solid #7fa17a40;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:16px}.inline-search-input::placeholder{color:var(--text-dim)}.inline-search-input:focus{border-color:var(--primary)}.inline-search-go{background:var(--primary);cursor:pointer;color:#fff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-city-dropdown{z-index:300;max-height:300px;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow-y:auto}.bite-strip{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:6px;margin:0 4px 8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.bite-strip:hover{background:var(--border)}.bite-strip-emoji{font-size:18px}.bite-strip-label{font-weight:700}.bite-strip-score{color:var(--text-secondary);font-size:12px}.bite-strip-sep,.bite-strip-temp,.bite-strip-wind{color:var(--text-secondary)}.bite-strip-arrow{color:var(--text-secondary);margin-left:auto;font-size:16px}.spots-inline-banner{background:var(--card);border:1px solid var(--border);border-radius:16px;margin:8px 0;padding:12px}.spots-inline-header{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.spots-inline-more{color:#7fa17a;margin-left:auto;font-size:12px;font-weight:600;text-decoration:none}.spots-inline-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spots-inline-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px;text-decoration:none;transition:background .15s}.spots-inline-card:hover{background:var(--border)}.spots-inline-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;font-weight:600;overflow:hidden}.spots-inline-meta{color:var(--text-secondary);align-items:center;gap:3px;font-size:11px;display:flex}.spots-inline-sep{opacity:.5}.spots-inline-fish{color:var(--text-secondary)}.more-page{padding:8px 12px 100px}.more-section{margin-bottom:20px}.more-section-label{letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;padding:0 4px;font-size:11px;font-weight:700}.more-section-list{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.more-row{border-bottom:1px solid var(--border-light);-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:13px 14px;text-decoration:none;transition:background .12s;display:flex}.more-row:last-child{border-bottom:none}.more-row:active{background:#7fa17a12}.more-row-icon{color:#7fa17a;background:#7fa17a26;border:1px solid #7fa17a33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.more-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.more-row-title{color:var(--text);font-size:14px;font-weight:600}.more-row-desc{color:var(--text-muted);font-size:12px}.more-row-arrow{color:var(--text-muted);flex-shrink:0}.location-selector{background:var(--card);border:1px solid var(--border);color:var(--primary);cursor:pointer;transition:all var(--transition);border-radius:24px;align-items:center;gap:6px;margin-top:12px;margin-bottom:10px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.location-selector:hover{box-shadow:var(--shadow);border-color:var(--primary)}.location-selector svg{flex-shrink:0}.location-picker{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border-light);max-height:400px;margin-bottom:14px;padding:16px;animation:.2s ease-out slideDown;overflow-y:auto}.location-picker-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.location-search{border-radius:var(--radius-sm);background:var(--bg);touch-action:manipulation;margin-bottom:10px;padding:10px 14px;font-size:16px}.location-picker-header h3{font-size:16px;font-weight:700}.location-picker h4{color:var(--text-dim);margin:12px 0 8px;font-size:14px;font-weight:600}.location-picker-regions,.location-picker-cities{flex-wrap:wrap;gap:6px;display:flex}.location-chip{background:var(--bg);border:1px solid var(--border-light);color:var(--text-dim);cursor:pointer;transition:all var(--transition);border-radius:16px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.location-chip:hover{border-color:var(--primary);background:var(--primary-light)}.location-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bite-banner{color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#0a1f1c 0%,#0d9488 70%,#14a085 100%);align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #7fa17a59}.bite-banner:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-15%}.bite-banner:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-30%;left:-10%}.bite-banner:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7fa17a73}.bite-banner-icon{z-index:1;font-size:38px}.bite-banner-info{z-index:1;flex:1}.bite-banner-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.bite-banner-value{margin-top:2px;font-size:22px;font-weight:800}.bite-banner-score{opacity:.65;margin-top:2px;font-size:12px}.bite-banner-temp{text-align:right;z-index:1}.bite-banner-temp .temp{font-size:28px;font-weight:700}.bite-banner-temp .conditions{opacity:.65;margin-top:2px;font-size:11px}.feed-quick-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.quick-stat{background:var(--card);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--transition);color:var(--text);border:1px solid var(--border-light);padding:16px 10px}.quick-stat:hover{box-shadow:var(--shadow);border-color:var(--primary-light)}.quick-stat-num{color:var(--primary);font-size:24px;font-weight:800;line-height:1.2;display:block}.quick-stat-label{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:600;display:block}.top-spots-section{margin-bottom:20px}.top-spots-title{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:700}.top-spots-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.top-spots-carousel::-webkit-scrollbar{display:none}.top-spot-card{background:var(--card);border-radius:var(--radius-sm);min-width:200px;max-width:240px;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);scroll-snap-align:start;transition:all var(--transition);color:var(--text);flex-direction:column;flex:none;gap:6px;padding:14px 16px;text-decoration:none;display:flex}.top-spot-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.top-spot-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.top-spot-rating{align-items:center;gap:2px;display:flex}.top-spot-rating .star-filled{color:#c4943a;fill:#c4943a}.top-spot-rating .star-empty{color:var(--border)}.top-spot-rating-num{color:var(--text-muted);margin-left:4px;font-size:13px;font-weight:600}.top-spot-reviews{color:var(--text-muted);margin-left:2px;font-size:11px}.top-spot-species{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.top-spot-species .species-tag{background:var(--bg);color:var(--text-muted);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.feed-tabs,.feed-tab,.feed-page .feed-sort,.feed-page .sort-chip{display:none}.sort-chip{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;padding:5px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sort-chip:hover{background:var(--bg-warm);color:var(--text)}.sort-chip.active{color:var(--primary);background:#7fa17a1f;border-color:#7fa17a4d;font-weight:600}.feed-sort{flex-wrap:wrap;gap:8px;padding:0 0 12px;display:flex}.feed-nav{border-bottom:1px solid var(--border-light);scrollbar-width:none;flex-shrink:0;align-items:stretch;height:44px;margin-bottom:8px;display:flex;overflow-x:auto}.feed-nav::-webkit-scrollbar{display:none}.feed-nav-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:4px;margin-bottom:-1px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.feed-nav-tab:hover:not(.active){color:var(--text-secondary)}.feed-nav-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.feed-nav-tab.active .tab-badge{color:var(--primary);background:#7fa17a2e}.feed-nav-divider{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:20px;margin:0 2px}.feed-nav-sort{flex-shrink:0;align-items:center;margin-left:auto;padding-left:8px;display:flex}@media (width<=767px){.page.feed-page{padding-top:0;overflow-x:clip}.feed-nav{z-index:90;background:var(--bg);margin-bottom:0;position:sticky;top:0}.feed-page .posts-list,.feed-page .notif-feed,.feed-page .feed-fallback-banner,.feed-page .feed-following-empty{padding-top:8px}.spawn-ban-banner{z-index:0;position:relative}}.feed-fab{display:none}@media (width<=767px){.feed-fab{bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 16px);background:var(--primary);color:#1a1f1c;z-index:89;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;right:16px;box-shadow:0 4px 16px #0d948873}.feed-fab:active{transform:scale(.93);box-shadow:0 2px 8px #0d94884d}}.feed-toolbar{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:600px;margin:0 auto 14px;display:flex}@media (width>=768px){.feed-toolbar{z-index:101;background:var(--bg);width:100%;max-width:none;margin:0 0 8px;padding:0 0 10px;position:sticky;top:64px}.posts-list>*,.post-card,.recommend-card,.ad-banner,.empty-state,.loading{width:100%;margin-left:0;margin-right:0;max-width:none!important}}.feed-toolbar-tabs{gap:4px;display:flex}.feed-toolbar-tab{border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.feed-toolbar-tab:hover{background:var(--border-light);color:var(--text)}.feed-toolbar-tab.active{background:var(--primary);color:#fff}.tab-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;transition:background .2s;display:inline-flex}.feed-toolbar-tab.active .tab-badge{background:#ffffff4d}.notif-feed{flex-direction:column;gap:4px;display:flex}.notif-feed-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 4px 10px;display:flex}.notif-feed-count{color:var(--text-dim);font-size:13px;font-weight:600}.notif-feed-mark-all{color:var(--primary);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:12px;transition:background .15s;display:flex}.notif-feed-mark-all:hover{background:var(--primary-light)}.notif-feed-item{border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);border:1px solid #0000;align-items:flex-start;gap:11px;padding:11px 13px;text-decoration:none;display:flex}.notif-feed-item:hover{background:var(--bg-warm)}.notif-feed-item.unread{background:var(--primary-light);border-color:#7fa17a1f}.notif-feed-icon{background:var(--bg-warm);width:34px;height:34px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-feed-body{flex:1;min-width:0}.notif-feed-title{font-size:13px;font-weight:600}.notif-feed-text{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.notif-feed-time{color:var(--text-muted);margin-top:3px;font-size:11px}.feed-filter-wrap{position:relative}.feed-filter-btn{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.feed-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.feed-filter-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:300;min-width:180px;padding:8px;animation:.12s ease-out hover-card-in;position:absolute;top:calc(100% + 6px);right:0}.feed-filter-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);margin-bottom:4px;padding:4px 8px 8px;font-size:11px;font-weight:700}.feed-filter-option{text-align:left;border-radius:var(--radius-xs);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .1s;display:block}.feed-filter-option:hover{background:var(--bg)}.feed-filter-option.active{color:var(--primary);background:var(--primary-light);font-weight:700}.feed-promo{margin-bottom:16px}.promo-card{border-radius:var(--radius);color:#fff;padding:20px;text-decoration:none;display:block;box-shadow:0 4px 16px #7fa17a4d}.promo-title{margin-bottom:4px;font-size:18px;font-weight:700;display:block}.promo-desc{opacity:.85;font-size:13px;display:block}.recommend-card{border-radius:var(--radius-sm);border:1px solid var(--border-light);border-left:3px solid var(--primary);background:var(--card);cursor:pointer;align-items:center;gap:12px;width:100%;margin-top:10px;padding:13px 15px;transition:all .15s;display:flex}.recommend-card:hover{background:var(--bg-warm);border-color:var(--border)}.recommend-card-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.recommend-card-body{flex:1;min-width:0}.recommend-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.recommend-card-text{color:var(--text);margin-top:2px;font-size:14px;font-weight:600;line-height:1.35}.recommend-card-meta{color:var(--text-dim);margin-top:3px;font-size:12px}.recommend-card-action{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.recommend-card-avatar{object-fit:cover;border:2px solid var(--border-light);border-radius:50%;width:38px;height:38px}.recommend-card-avatar-placeholder{background:var(--bg-warm);color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.recommend-card-follow-btn{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s}.recommend-card-follow-btn:hover{background:var(--primary);color:#fff}.recommend-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:20px;line-height:1}.tip-popup-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tip-popup{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);overflow:hidden}.tip-popup-header{border-bottom:2px solid var(--border-light);align-items:flex-start;gap:12px;padding:18px;display:flex}.tip-popup-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tip-popup-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:3px;font-size:10px;font-weight:700}.tip-popup-title{color:var(--text);font-size:15px;font-weight:700;line-height:1.35}.tip-popup-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px}.tip-popup-close:hover{color:var(--text)}.tip-popup-body{padding:16px 18px}.tip-popup-body p{color:var(--text-dim);margin:0;font-size:15px;line-height:1.6}.tip-popup-detail{color:var(--text-muted)!important;margin-top:10px!important;font-size:13px!important}.knowledge-search{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:10px;padding:9px 13px;display:flex}.knowledge-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.knowledge-search svg{color:var(--text-muted);flex-shrink:0}.knowledge-filters{margin-bottom:8px}.knowledge-count{color:var(--text-muted);margin-bottom:12px;font-size:12px}.knowledge-section{margin-bottom:20px}.knowledge-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px;padding-left:2px;font-size:12px;font-weight:700}.knowledge-card{background:var(--card);border:1px solid var(--border-light);border-left:3px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:6px;transition:all .15s}.knowledge-card:hover{background:var(--bg-warm)}.knowledge-card.expanded{border-color:var(--border)}.knowledge-card-header{align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.knowledge-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.knowledge-card-text{color:var(--text);flex:1;font-size:14px;font-weight:600;line-height:1.4}.knowledge-card-chevron{color:var(--text-muted);flex-shrink:0;padding-top:2px;font-size:10px}.knowledge-card-detail{color:var(--text-dim);border-top:1px solid var(--border-light);margin-top:0;padding:10px 14px 13px 54px;font-size:13px;line-height:1.6}.tip-popup-catalog-btn{background:var(--primary-light);color:var(--primary);border-radius:20px;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.tip-popup-catalog-btn:hover{background:var(--primary);color:#fff}.posts-list{flex-direction:column;gap:10px;display:flex}.post-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);transition:all var(--transition);content-visibility:auto;contain-intrinsic-size:auto 420px;padding:16px;position:relative;overflow:hidden}@media (width>=768px){.post-card{border-radius:var(--radius);width:100%;max-width:none;margin:0}}.post-card.share-open,.post-card.menu-open{overflow:visible}.post-card:before{content:"";background:var(--primary);border-radius:0 0 0 var(--radius-sm);opacity:0;width:3px;transition:opacity var(--transition);position:absolute;top:0;bottom:0;left:0}@media (hover:hover) and (pointer:fine){.post-card:hover{box-shadow:var(--shadow-md);border-left-color:var(--primary)}.post-card:hover:before{opacity:1}}@media (width<=767px){.post-card{padding:14px}.post-author .avatar-sm,.post-author .avatar-placeholder{flex-shrink:0;width:36px;height:36px}.post-author{flex:1;min-width:0}.post-author-info{flex-wrap:nowrap;min-width:0}.author-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-time-dot,.post-time{flex-shrink:0}.post-mosaic-single img,.post-mosaic-single video{aspect-ratio:4/3;object-fit:cover}.post-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.post-catch-location-row{gap:6px;margin:8px 0 4px}.post-catch-badge{padding:2px 9px;font-size:12px}.post-location-badge{font-size:12px}.post-actions{align-items:center;gap:8px;min-height:44px;margin-top:4px;padding-top:8px}.action-btn{justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:0 6px}.bookmark-btn{min-width:44px}.post-follow-btn-action{height:34px;padding:0 10px}}.post-header{align-items:center;margin-bottom:8px;display:flex}.post-author{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.post-author .avatar-sm{width:34px;height:34px}.post-author .avatar-placeholder{width:34px;height:34px;font-size:13px}.post-author-info{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.author-name{font-size:14px;font-weight:700;display:inline}.post-time-dot{color:var(--text-muted);margin:0 3px;font-size:11px}.post-time{color:var(--text-muted);font-size:12px;display:inline}.post-text-wrap{flex-direction:column;display:flex}.post-title-line{color:var(--text);letter-spacing:.02em;padding:6px 12px 0;font-size:14px;font-weight:700;line-height:1.4}.post-read-more{color:var(--primary);padding:2px 12px 6px;font-size:13px;font-weight:600;display:inline-block}.post-text{white-space:pre-wrap;color:var(--text);margin:6px 0 0;font-size:15px;line-height:1.6}.post-catch-location-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;display:flex}.post-catch-badge{color:var(--accent);background:var(--accent-light);border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.post-catch-badge span{display:inline}.post-catch-badge svg{flex-shrink:0}.post-catch-badge--btn{cursor:pointer;font-size:inherit;border:none;transition:background .15s,color .15s,transform .1s}.post-catch-badge--btn:hover,.post-catch-badge--btn.active{background:var(--accent);color:#fff}.catch-badge-hint{opacity:.7;font-size:12px}.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-location-badge--btn{cursor:pointer;font-size:inherit;background:0 0;border:none;transition:color .15s}.post-location-badge--btn:hover{color:var(--primary)}.post-location-badge--btn.active{color:var(--primary);font-weight:600}.post-inline-map{border:1px solid var(--border);border-radius:12px;margin:6px 0 4px;position:relative;overflow:hidden}.post-inline-map-frame{border:none;width:100%;height:190px;display:block}.post-inline-map-open{text-align:right;color:var(--primary);background:var(--bg-warm);border-top:1px solid var(--border-light);padding:5px 10px;font-size:12px;font-weight:600;display:block}.post-inline-map-nocoords{color:var(--text-dim);align-items:center;gap:6px;padding:12px;font-size:13px;display:flex}.post-inline-map-link{color:var(--primary);margin-left:auto;font-weight:600}.trophy-panel{background:var(--bg-warm);border:1px solid var(--border);border-radius:12px;margin:6px 0 4px;padding:12px 14px}.trophy-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.trophy-medal-icon{font-size:28px;line-height:1}.trophy-header-info{flex:1}.trophy-species{color:var(--text);font-size:14px;font-weight:700}.trophy-rank-label{color:var(--text-muted);margin-top:1px;font-size:12px}.trophy-first-badge{color:var(--orange);font-weight:700}.trophy-your-weight{color:var(--accent);font-size:20px;font-weight:800}.trophy-bar-section{margin-bottom:10px}.trophy-bar-labels{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.trophy-record-label{color:var(--orange)}.trophy-bar-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.trophy-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .6s}.trophy-bar-fill--gold{background:#f5c842}.trophy-bar-fill--silver{background:#a0a0b0}.trophy-bar-fill--bronze{background:#cd7f32}.trophy-bar-pct{color:var(--text-muted);text-align:right;margin-top:3px;font-size:11px}.trophy-leaderboard{border-top:1px solid var(--border-light);padding-top:8px}.trophy-leaderboard-title{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.trophy-row{align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.trophy-row--me{background:#7fa17a14;border-radius:6px;margin:0 -6px;padding:3px 6px}.trophy-row-rank{text-align:center;flex-shrink:0;width:24px;font-size:14px}.trophy-row-avatar{object-fit:cover;background:var(--card);border-radius:50%;flex-shrink:0;width:22px;height:22px}.trophy-row-avatar--placeholder{color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.trophy-row-author{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.trophy-row-weight{color:var(--accent);flex-shrink:0;font-weight:700}.trophy-row-you{color:var(--primary);flex-shrink:0;font-size:11px;font-weight:700}.trophy-warning{background:var(--danger-light);color:var(--danger);border:1px solid #c57a7a4d;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:12px}.trophy-skeleton{flex-direction:column;gap:8px;display:flex}.skel{background:var(--border);border-radius:4px}.skel-line{height:12px}.skel-bar{border-radius:4px;height:8px}.post-catch{color:var(--accent);background:var(--accent-light);border-radius:14px;align-items:center;gap:10px;margin-bottom:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.post-catch span{align-items:center;gap:4px;display:flex}.post-location{color:var(--text-dim);align-items:center;gap:4px;margin-bottom:4px;font-size:13px;display:flex}.post-location svg{color:var(--orange);flex-shrink:0}.post-fish-illustration{display:none}.post-gallery-wrap{touch-action:pan-y;border-radius:0;margin:10px -16px 8px;position:relative;overflow:hidden}.gallery-container{touch-action:pan-y;position:relative}.post-mosaic-single{cursor:pointer;background:0 0;width:100%;line-height:0;position:relative;overflow:hidden}.post-mosaic-single img,.post-mosaic-single video{width:100%;height:auto;display:block}.video-sound-toggle{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.post-mosaic-single:hover .video-sound-toggle,.post-mosaic-item:hover .video-sound-toggle{opacity:1}.video-sound-toggle:hover{background:#000c}.post-mosaic-single.video-playing .post-mosaic-video-badge,.post-mosaic-item.video-playing .post-mosaic-video-badge{opacity:0;transition:opacity .2s}.post-mosaic-smart{background:var(--bg);flex-direction:column;gap:3px;width:100%;display:flex;overflow:hidden}.post-mosaic-row{gap:3px;width:100%;display:flex;overflow:hidden}.post-mosaic-item{background:var(--bg);cursor:pointer;min-width:0;min-height:0;position:relative;overflow:hidden}.post-mosaic-item img,.post-mosaic-item video{object-fit:cover;width:100%;height:100%;display:block}.post-mosaic{background:var(--bg);gap:3px;width:100%;display:grid;overflow:hidden}.post-mosaic.count-1{background:0 0;display:block}.post-mosaic.count-1 .post-mosaic-item{background:0 0;max-height:560px}.post-mosaic.count-1 .post-mosaic-item img,.post-mosaic.count-1 .post-mosaic-item video{object-fit:contain;background:#0a0a0a;width:100%;height:auto;max-height:560px}.post-mosaic.count-2{aspect-ratio:16/9;grid-template-columns:1fr 1fr}.post-mosaic.count-3{aspect-ratio:16/10;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.post-mosaic.count-3 .post-mosaic-item:first-child{grid-row:span 2}.post-mosaic.count-4,.post-mosaic.count-many{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.post-mosaic-more{color:#fff;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:absolute;inset:0}.post-mosaic-video-badge{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.post-mosaic-video-badge-inner{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.post-mosaic-video-badge-inner svg{margin-left:4px}.post-mosaic-video-duration{color:#fff;pointer-events:none;background:#000000a6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}@media (width>=768px){.post-gallery-wrap{border-radius:var(--radius-xs);margin:10px 0 8px;overflow:hidden}.post-mosaic.count-1 .post-mosaic-item,.post-mosaic.count-1 .post-mosaic-item img,.post-mosaic.count-1 .post-mosaic-item video{max-height:500px}}.post-gallery{display:flex;overflow:hidden}.post-gallery::-webkit-scrollbar{display:none}.gallery-img{object-fit:contain;background:#0a0a0a;flex-shrink:0;width:100%;min-width:100%;max-height:500px}.gallery-video{background:#000;width:100%;min-width:100%;max-height:500px;display:block}@media (width>=768px){.gallery-img{object-fit:contain;border-radius:var(--radius-xs);max-height:420px;background:#0a0a0a!important}.gallery-video{border-radius:var(--radius-xs);max-height:420px}}:root.dark .gallery-img{background:#0a0a0a}@media (prefers-color-scheme:dark){:root:not(.light) .gallery-img{background:#0a0a0a}}.photo-counter{z-index:2;color:#fff;background:#0000008c;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.gallery-arrow{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0000007a;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#000000b8}.gallery-container:hover .gallery-arrow{opacity:1}.gallery-arrow-left{left:6px}.gallery-arrow-right{right:6px}@media (width<=767px){.gallery-arrow{display:none!important}}.gallery-dots{z-index:2;justify-content:center;gap:5px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.gallery-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s}.gallery-dot.active{background:#fff;transform:scale(1.3)}.gallery-dot-video{border:1.5px solid #fffc}.lightbox-overlay{z-index:10000;background:#000000f5;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-close{top:calc(16px + env(safe-area-inset-top,0px));z-index:10001;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .2s;display:flex;position:absolute;right:16px}.lightbox-close:hover{background:#ffffff38}.lightbox-img{object-fit:contain;border-radius:4px;max-width:95vw;max-height:90vh}.lightbox-video{border-radius:4px;max-width:95vw;max-height:90vh}.lightbox-counter{top:calc(20px + env(safe-area-inset-top,0px));color:#fff;background:#00000080;border-radius:14px;padding:4px 16px;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-nav:hover{background:#ffffff47}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.post-actions{border-top:1px solid var(--border-light);gap:12px;margin-top:8px;padding-top:10px;display:flex}.action-btn{cursor:pointer;color:var(--text-muted);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:4px 2px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.action-btn:hover{color:var(--primary)}.action-btn.liked{color:var(--danger)}.action-btn.saved{color:var(--primary)}.bookmark-btn{transition:color var(--transition)}.post-repost-msg{color:var(--text-muted);text-align:center;padding:6px 0 2px;font-size:12px;animation:.25s fade-in-soft}@keyframes fade-in-soft{0%{opacity:0}to{opacity:1}}.create-post-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);border:2px solid var(--primary-light);flex-direction:column;gap:12px;margin-bottom:14px;padding:16px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-post-form textarea{background:var(--bg-warm);min-height:80px}.create-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.create-fields input:last-child{grid-column:1/-1}.edit-post-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.edit-post-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;min-height:100px;padding:12px;font-family:inherit;font-size:14px}.edit-actions{gap:8px;display:flex}.comment-top{justify-content:space-between;align-items:center;display:flex}.page-header-actions{gap:8px;margin-left:auto;display:flex}.file-upload-label{border-radius:var(--radius);background:var(--card);border:2px dashed var(--border);color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:13px 16px;font-size:14px;transition:border-color .2s,color .2s;display:flex}.file-upload-label:hover{border-color:var(--primary);color:var(--primary)}.photo-previews{flex-wrap:wrap;gap:8px;display:flex}.photo-preview{border-radius:var(--radius-xs);width:90px;height:90px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-remove{color:#fff;text-align:center;cursor:pointer;background:#0009;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:22px;position:absolute;top:2px;right:2px}.events-list{flex-direction:column;gap:14px;display:flex}.event-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);color:var(--text);transition:all var(--transition);border:1px solid var(--border-light);flex-direction:column;display:flex;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-cover{object-fit:cover;width:100%;height:150px}.event-cover-placeholder{color:#ffffffd9;justify-content:center;align-items:center;width:100%;height:110px;display:flex;position:relative}.event-bottom{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.event-info{padding:16px}.event-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.event-title{margin-bottom:10px;font-size:17px;font-weight:800;line-height:1.3}.event-meta{color:var(--text-dim);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.event-meta span{align-items:center;gap:4px;display:flex}.event-meta svg{color:var(--text-muted)}.event-fee{color:var(--primary);background:var(--primary-light);border-radius:16px;margin-top:10px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.event-prize{color:var(--orange);align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.event-cover-large{object-fit:cover;border-radius:var(--radius);width:100%;max-height:260px}.event-content{padding:8px 0}.event-content h2{margin:10px 0;font-size:22px;font-weight:800}.event-details{color:var(--text-dim);flex-direction:column;gap:10px;margin:14px 0;font-size:14px;display:flex}.event-details div{align-items:center;gap:8px;display:flex}.event-details svg{color:var(--primary);flex-shrink:0}.event-description{white-space:pre-wrap;margin:14px 0;font-size:15px;line-height:1.7}.event-rules{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin:14px 0;padding:16px}.event-rules h3{margin-bottom:8px;font-size:15px;font-weight:700}.event-organizer{color:var(--text-dim);margin-top:20px;font-size:14px}.event-organizer .label{margin-right:4px}.participants-section{margin-top:24px}.participants-section h3{margin-bottom:10px;font-size:15px;font-weight:700}.participants-list{flex-wrap:wrap;gap:8px;display:flex}.participant{background:var(--bg);color:var(--text);border:1px solid var(--border-light);transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.participant:hover{border-color:var(--primary-light);background:var(--primary-bg)}.ads-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ad-card{background:var(--card);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow-xs);transition:all var(--transition);border:1px solid var(--border-light);overflow:hidden}.ad-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ad-photo{aspect-ratio:1;background:var(--bg);overflow:hidden}.ad-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.ad-card:hover .ad-photo img{transform:scale(1.04)}.ad-no-photo{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg, var(--bg), var(--border-light));justify-content:center;align-items:center;font-size:13px;display:flex}.ad-info{padding:12px}.ad-badges{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.ad-type{text-transform:uppercase;letter-spacing:.4px;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:800}.ad-type-sell{background:var(--success-light);color:var(--success)}.ad-type-buy{background:var(--primary-light);color:var(--primary)}.ad-type-exchange{background:var(--orange-light);color:var(--orange)}.ad-type-rent{color:#7c3aed;background:#f3e8ff}.ad-category{background:var(--bg);color:var(--text-muted);border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.ad-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ad-price{color:var(--primary);font-size:16px;font-weight:800}.ad-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;display:flex}.ad-meta span{align-items:center;gap:2px;display:flex}.ad-photos-gallery{scroll-snap-type:x mandatory;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.ad-photos-gallery img{border-radius:var(--radius-sm);scroll-snap-align:start;height:220px}.ad-content{padding:8px 0}.ad-content h2{margin:8px 0;font-size:20px;font-weight:800}.ad-price-big{color:var(--primary);margin:8px 0;font-size:30px;font-weight:800}.ad-description{white-space:pre-wrap;margin:14px 0;font-size:15px;line-height:1.7}.ad-meta-detail{color:var(--text-dim);flex-direction:column;gap:8px;margin:14px 0;font-size:14px;display:flex}.ad-meta-detail div{align-items:center;gap:8px;display:flex}.ad-contact{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent);border:1px solid #7fa17a26;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-sm);color:var(--text);border:1px solid var(--border-light);border-left:3px solid var(--primary);background:var(--card);transition:all var(--transition);align-items:center;gap:12px;width:100%;margin-top:10px;padding:13px 15px;text-decoration:none;display:flex}.ad-banner:hover{background:var(--bg-warm);color:var(--text)}.ad-banner-icon{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ad-banner-content{flex:1;min-width:0;overflow:hidden}.ad-banner-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ad-banner-desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.ad-banner-cta{background:var(--primary);color:#fff;white-space:nowrap;border-radius:14px;flex-shrink:0;padding:5px 12px;font-size:12px;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:700;display:inline-flex}.active-filter-tag button{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0 2px;font-size:16px;font-weight:800;line-height:1}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;animation:.2s ease-out slideDown;display:flex}.filter-bar select,.filter-bar input{background:var(--card);border-radius:var(--radius-sm);flex:1;min-width:120px;padding:10px 12px;font-size:13px}.chip{background:var(--card);border:1.5px solid var(--border);cursor:pointer;color:var(--text-dim);transition:all var(--transition);border-radius:24px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.chip:hover{border-color:var(--primary-light)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.weather-page{padding-bottom:80px}.weather-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.weather-item{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.weather-item svg{color:var(--primary)}.weather-val{font-size:24px;font-weight:800}.weather-label{color:var(--text-muted);font-size:12px;font-weight:600}.weather-region{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.weather-current{margin-top:20px}.weather-current h3{margin-bottom:4px;font-size:18px;font-weight:700}.weather-forecast{margin-top:24px}.weather-forecast h3{margin-bottom:12px;font-size:18px;font-weight:700}.forecast-days{flex-direction:column;gap:8px;display:flex}.forecast-day{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:12px;padding:14px 16px;display:flex}.forecast-day-label{min-width:90px;color:var(--text);font-size:14px;font-weight:600}.forecast-day-temp{gap:8px;min-width:90px;font-size:16px;font-weight:700;display:flex}.temp-max{color:var(--text)}.temp-min{color:var(--text-muted);font-weight:500}.forecast-day-details{color:var(--text-dim);gap:12px;margin-left:auto;font-size:12px;display:flex}.forecast-day-details span{align-items:center;gap:3px;display:flex}.species-bite-section{margin-top:24px}.species-bite-section h3{margin-bottom:12px;font-size:18px;font-weight:700}.species-bite-list{flex-direction:column;gap:8px;display:flex}.species-bite-row{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 14px;display:flex}.species-bite-name{flex-shrink:0;align-items:center;gap:6px;width:90px;font-size:13px;font-weight:700;display:flex}.species-bite-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.species-bite-fill{border-radius:4px;height:100%;transition:width .6s}.species-bite-score{text-align:right;width:28px;font-size:13px;font-weight:800}.bite-compact{white-space:nowrap;border:1.5px solid;border-radius:16px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:700;display:flex}.bite-score{color:var(--text-muted);font-size:11px;font-weight:500}.bite-emoji{font-size:16px}.bite-widget{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:24px}.bite-widget h3{margin-bottom:16px;font-size:18px;font-weight:700}.bite-main{border-radius:var(--radius);border:3px solid;flex-direction:column;align-items:center;gap:6px;padding:22px 44px;display:inline-flex}.bite-big-emoji{font-size:56px}.bite-label{font-size:24px;font-weight:800}.bite-score-big{color:var(--text-muted);font-size:15px;font-weight:500}.bite-factors{text-align:left;margin-top:20px}.bite-factor{align-items:center;gap:10px;margin-bottom:10px;display:flex}.factor-name{width:100px;color:var(--text-dim);font-size:13px;font-weight:500}.factor-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.factor-fill{border-radius:4px;height:100%;transition:width .6s}.factor-val{text-align:right;width:30px;font-size:13px;font-weight:700}.bite-forecast-section{margin-top:24px}.bite-forecast-section h3{margin-bottom:12px;font-size:18px;font-weight:700}.bite-forecast-list{flex-direction:column;gap:8px;display:flex}.bite-forecast-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border-left:3px solid var(--border);grid-template-columns:100px 32px 1fr 32px;align-items:center;gap:8px;padding:10px 14px;display:grid}.bite-forecast-card.good{border-left-color:#4caf50}.bite-forecast-card.medium{border-left-color:#ff9800}.bite-forecast-card.bad{border-left-color:#f44336}.bite-forecast-date{color:var(--text);font-size:13px;font-weight:700}.bite-forecast-emoji{text-align:center;font-size:20px}.bite-forecast-bar-wrap{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.bite-forecast-bar{border-radius:4px;height:100%;transition:width .6s}.bite-forecast-score{text-align:right;font-size:14px;font-weight:800}.bite-forecast-details{color:var(--text-muted);grid-column:1/-1;gap:12px;margin-top:2px;font-size:11px;display:flex}.bite-forecast-details span{align-items:center;gap:3px;display:flex}.bite-forecast-species{color:var(--accent);grid-column:1/-1;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.map-page-v3{height:calc(100dvh - var(--tab-height) - var(--header-height));touch-action:none;overscroll-behavior:none;position:relative;overflow:hidden;padding:0!important}.map-v3-container{z-index:0;touch-action:pan-x pan-y pinch-zoom;width:100%;height:100%;position:absolute;inset:0}.map-v3-topbar{z-index:1000;pointer-events:none;background:linear-gradient(#121a17eb 0%,#121a1700 100%);padding:8px 10px 6px;position:absolute;top:0;left:0;right:0}.map-v3-topbar>*{pointer-events:auto;touch-action:auto}.map-v3-search{background:var(--card);border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:6px;margin-bottom:7px;padding:0 10px;display:flex;box-shadow:0 2px 12px #0000004d}.map-v3-search-ico{color:var(--text-muted);flex-shrink:0}.map-v3-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:inherit;font-size:14px}.map-v3-search-input::placeholder{color:var(--text-muted)}.map-v3-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.map-v3-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.map-v3-chips::-webkit-scrollbar{display:none}.map-chip-v3{white-space:nowrap;color:#c8d8d4;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121a17d1;border:1.5px solid #ffffff1f;border-radius:20px;align-items:center;gap:3px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.map-chip-v3.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #7fa17a66}.map-chip-v3:active{transform:scale(.95)}.map-v3-fish-menu{flex-wrap:wrap;gap:5px;max-height:110px;padding:8px 0 4px;display:flex;overflow-y:auto}.map-v3-fabs{z-index:1000;touch-action:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:90px;right:12px}.map-v3-fab{background:var(--card);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 12px #0006}.map-v3-fab:active{transform:scale(.9)}.map-v3-fab--primary{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0000;width:52px;height:52px;box-shadow:0 4px 16px #7fa17a80}.map-v3-fab--primary:active{transform:scale(.9)}.map-v3-sheet{z-index:1000;touch-action:auto;background:var(--card);border-top:1px solid #ffffff12;border-radius:20px 20px 0 0;transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 68px));box-shadow:0 -4px 24px #00000059}.map-v3-sheet.open{transform:translateY(0)}.map-v3-sheet.has-detail{transform:translateY(calc(100% - 68px))}.map-v3-sheet.has-detail.open{transform:translateY(0)}.map-v3-sheet-head{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 16px 8px;display:flex}.map-v3-drag-bar{background:#ffffff26;border-radius:2px;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.map-v3-sheet-label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.map-v3-sheet-count{color:var(--text);font-size:13px;font-weight:700}.map-v3-sheet-back{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.map-v3-sheet-selected-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.map-v3-sheet-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .28s}.map-v3-sheet-arrow.flipped{transform:rotate(180deg)}.map-v3-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:44vh;overflow-y:auto}.map-v3-list{padding-bottom:8px}.map-v3-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;font-size:13px;display:flex}.map-sheet-item{cursor:pointer;border-bottom:1px solid var(--border-light);-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:11px 16px;transition:background .13s;display:flex}.map-sheet-item:last-child{border-bottom:none}.map-sheet-item:active{background:var(--primary-bg)}.map-sheet-item-pin{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.map-pin--post{background:#7fa17a26}.map-pin--event{background:#e88a1a26}.map-pin--shop{background:#16a34a26}.map-pin--spot{background:#7c3aed26}.map-sheet-item-info{flex:1;min-width:0}.map-sheet-item-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:14px;font-weight:700;overflow:hidden}.map-sheet-item-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:2px;font-size:12px;display:flex}.map-sheet-item-extra{color:var(--primary);font-weight:600}.map-sheet-item-dist{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:12px;display:flex}.map-detail{flex-direction:column;gap:0;display:flex}.map-detail-thumb{flex-shrink:0;height:140px;overflow:hidden}.map-detail-thumb img{object-fit:cover;width:100%;height:100%}.map-detail-body{padding:12px 16px 16px}.map-detail-badge{border-radius:10px;margin-bottom:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.map-detail-badge--post{color:var(--primary);background:#7fa17a26}.map-detail-badge--event{color:#e88a1a;background:#e88a1a26}.map-detail-badge--shop{color:#16a34a;background:#16a34a26}.map-detail-badge--spot{color:#7c3aed;background:#7c3aed26}.map-detail-title{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:800}.map-detail-sub{color:var(--text-muted);margin-bottom:3px;font-size:13px}.map-detail-extra{color:var(--primary);margin-bottom:3px;font-size:13px;font-weight:600}.map-detail-author{color:var(--text-muted);margin-bottom:3px;font-size:12px}.map-detail-dist{color:var(--text-muted);align-items:center;gap:5px;margin-top:4px;margin-bottom:12px;font-size:12px;display:flex}.map-detail-actions{gap:8px;display:flex}.map-detail-btn-open{background:var(--primary);color:#fff;border-radius:var(--radius-xs);flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.map-detail-btn-open:active{opacity:.85}.map-detail-btn-nav{border:1.5px solid var(--border);color:var(--text);border-radius:var(--radius-xs);white-space:nowrap;background:#ffffff12;justify-content:center;align-items:center;gap:5px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.map-detail-btn-nav:active{background:#ffffff21}.map-page{padding:0;position:relative}.map-container{width:100%;height:calc(100dvh - var(--tab-height) - var(--header-height))}.spot-detail-page{max-width:640px;margin:0 auto}.spot-actions{gap:8px;margin:12px 0;display:flex}.spot-actions .btn-secondary{align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.spot-header h1{margin:0 0 6px;font-size:22px;font-weight:800}.spot-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.spot-description{color:var(--text-dim);background:var(--bg-warm);border-radius:var(--radius-xs);margin:12px 0;padding:12px 14px;font-size:14px;line-height:1.6}.spot-species{flex-wrap:wrap;gap:6px;margin:8px 0 16px;display:flex}.spot-ratings-card{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:16px;padding:16px}.spot-ratings-card h3{margin:0 0 12px;font-size:16px;font-weight:700}.spot-rating-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.spot-rating-icon{text-align:center;width:24px;font-size:16px}.spot-rating-label{width:110px;color:var(--text-dim);font-size:13px}.spot-rating-bar{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.spot-rating-fill{background:linear-gradient(90deg,#f59e0b,#22c55e);border-radius:4px;height:100%;transition:width .3s}.spot-rating-value{text-align:right;width:28px;font-size:13px;font-weight:700}.spot-rating-legend{text-align:center;margin-top:8px}.spot-rating-legend small{color:var(--text-muted);font-size:11px}.spot-reviews{margin-top:16px}.spot-reviews-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spot-reviews-header h3{margin:0;font-size:16px;font-weight:700}.spot-review-form{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:16px;padding:16px}.review-ratings-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.review-rating-input label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.review-stars{gap:2px;display:flex}.star-btn{cursor:pointer;color:#d1d5db;background:0 0;border:none;padding:3px;font-size:20px;line-height:1}.star-btn.active{color:#c4943a}.spot-review-card{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:8px;padding:12px 16px}.review-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.review-header strong{font-size:14px;font-weight:700}.review-date{color:var(--text-muted);font-size:12px}.review-mini-ratings{color:var(--text-dim);gap:10px;margin-bottom:6px;font-size:12px;display:flex}.review-text{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.spot-map-picker{border:1px solid var(--border-light);border-radius:10px;height:220px;overflow:hidden}.spot-map-container,.spot-map-container .leaflet-container{width:100%;height:100%}.comments-section{margin-top:24px}.comments-section h3{margin-bottom:14px;font-size:18px;font-weight:700}.comment{border-bottom:1px solid var(--border-light);padding:12px 0}.comment .comment-author{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.comment p{font-size:14px;line-height:1.55}.comment>.comment-time{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.comment-input{gap:8px;margin-top:14px;display:flex}.comment-input input{background:var(--card);flex:1}.comment-input button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:10px 16px;font-family:inherit;font-weight:700}.comment-input button:hover{background:var(--primary-dark)}.comment-item{align-items:flex-start;gap:10px;padding:8px 0;transition:padding-left .15s;display:flex}.comment-avatar{object-fit:cover;cursor:pointer;border-radius:50%;flex-shrink:0;width:28px;height:28px}.comment-avatar-placeholder{background:var(--primary-light);width:28px;height:28px;color:var(--primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.comment-content{flex:1;min-width:0}.comment-header{align-items:baseline;gap:8px;display:flex}.comment-author{color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-time{color:var(--text-muted);flex-shrink:0;margin-left:auto;padding-right:6px;font-size:11px}.comment-text{color:var(--text);word-break:break-word;margin-top:2px;font-size:14px;line-height:1.4}.comment-actions{color:var(--text-muted);align-items:center;gap:12px;margin-top:4px;font-size:12px;display:flex}.comment-actions button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:12px;transition:color .15s;display:flex}.comment-actions button:hover{color:var(--text)}.comment-actions button.liked{color:var(--danger)}.post-quick-comment-bar{border-top:1px solid var(--border-light);align-items:center;gap:8px;margin-top:2px;padding:8px 12px 4px;display:flex}.comment-avatar-xs{object-fit:cover;background:var(--card);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.comment-avatar-xs.comment-avatar-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.quick-comment-form{flex:1;align-items:center;gap:6px;display:flex}.quick-comment-form input{border:1px solid var(--border-light);background:var(--card);color:var(--text);border-radius:20px;outline:none;flex:1;padding:7px 14px;font-size:13px;transition:border-color .15s}.quick-comment-form input:focus{border-color:var(--border)}.quick-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:36px;height:36px;display:flex}.post-view-all-comments{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 12px 6px;font-size:13px;font-weight:600;transition:color .15s;display:block}.post-view-all-comments:hover{color:var(--primary)}.show-more-comments-btn{text-align:center;width:100%;color:var(--primary);cursor:pointer;border:none;border-bottom:1px solid var(--border-light);background:0 0;margin-bottom:4px;padding:6px 12px;font-size:12px;font-weight:600;display:block}.post-badge-new{background:var(--primary);color:#fff;letter-spacing:.03em;vertical-align:middle;border-radius:8px;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.3;display:inline-block}.post-badge-hot{color:#c9a876;letter-spacing:.02em;vertical-align:middle;background:#c9a8761a;border:1px solid #c9a8762e;border-radius:8px;margin-left:4px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.3;display:inline-block}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.like-count-anim{animation:.25s like-pop}.feed-filter-chips{scrollbar-width:none;border-bottom:1px solid var(--border-light);gap:0;margin-bottom:8px;padding:0 0 2px;display:flex;overflow-x:auto}.feed-filter-chips::-webkit-scrollbar{display:none}.feed-chip{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:6px 14px 8px;font-size:13px;font-weight:500;transition:color .15s}.feed-chip.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.feed-chip:hover:not(.active){color:var(--text-dim)}.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-light);background:var(--card);color:var(--text);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:13px;transition:border-color .15s}.comment-form input:focus{border-color:var(--border)}.comment-form input:disabled{opacity:.6;cursor:pointer}.comment-form button[type=submit]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.comment-form button[type=submit]:disabled{opacity:.4;cursor:default}.profile-fisherbase-hero{border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:12px;margin-bottom:10px;overflow:hidden}.profile-fisherbase-hero .fb-slot{padding:0}.profile-card{background:var(--card);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border);padding:14px 16px;position:relative;overflow:hidden}.profile-card:before{content:"";pointer-events:none;background:linear-gradient(#7fa17a14,#0000);height:40px;position:absolute;top:0;left:0;right:0}.profile-card>*{position:relative}.profile-card .avatar-lg{border:2px solid var(--card);width:56px;height:56px;margin-top:0;font-size:20px}.profile-card h2{letter-spacing:-.2px;color:var(--text);margin-top:6px;font-size:16px;font-weight:700}.profile-username{color:var(--text-muted);margin-top:1px;font-size:12px}.profile-bio{color:var(--text-dim);margin-top:6px;font-size:13px;line-height:1.5}.profile-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;font-size:11px;display:inline-flex}.profile-meta span{align-items:center;gap:4px;display:inline-flex}.profile-meta svg{color:var(--text-muted);width:11px;height:11px}.profile-stats{border-top:1px solid var(--border-light);justify-content:center;gap:24px;margin-top:10px;padding-top:10px;display:flex}.profile-stats div{text-align:center}.profile-stats strong{color:var(--text);font-size:15px;font-weight:700;display:block}.profile-stats span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500}.profile-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.profile-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.badge-item{background:var(--card);color:var(--text-dim);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.badge-emoji{font-size:16px}.badge-name{font-size:12px}.profile-stats-section{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-top:12px;padding:12px 14px}.profile-stats-section h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.stat-card{text-align:center;background:var(--bg-warm);border-radius:var(--radius-xs);padding:8px 4px}.stat-value{color:var(--text);font-size:16px;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:11px}.species-breakdown{flex-direction:column;gap:6px;display:flex}.species-stat-row{align-items:center;gap:8px;font-size:13px;display:flex}.species-stat-name{width:60px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-weight:700;overflow:hidden}.species-stat-bar-container{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.species-stat-bar{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;min-width:4px;height:100%;transition:width .3s}.species-stat-info{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.profile-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.profile-stats-section+.profile-actions,.profile-card+.profile-stats-section{margin-top:8px}.profile-action-link{border-radius:var(--radius-sm);background:var(--bg-warm);border:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.profile-action-link:hover{background:var(--border-light);color:var(--primary)}.profile-action-sub{color:var(--text-muted);font-size:12px;font-weight:500}.profile-action-admin{color:var(--danger)!important;background:#c57a7a26!important}.profile-actions>.btn-secondary,.profile-actions>.btn-pro,.profile-actions>.profile-action-link.profile-tools-old,.profile-actions .profile-tools-old{display:none!important}.profile-quick-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.profile-quick-card{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;text-decoration:none;transition:all .15s;display:flex}.profile-quick-card:hover{border-color:var(--primary)}.profile-quick-emoji{font-size:18px;line-height:1.2}.profile-quick-num{color:var(--text);font-size:16px;font-weight:700}.profile-quick-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.profile-action-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.profile-action-icon-btn{background:var(--bg-warm);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.profile-action-icon-btn:hover{border-color:var(--primary);color:var(--primary)}.profile-action-icon-emoji{font-size:16px;line-height:1}.profile-tools-toggle{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text-dim);cursor:pointer;justify-content:space-between;align-items:center;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.profile-tools-toggle:hover{border-color:var(--primary);color:var(--text)}.profile-tools-grid{background:var(--bg-warm);border:1px solid var(--border-light);border-radius:var(--radius-xs);grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid}.profile-tool-card{background:var(--card);border-radius:var(--radius-xs);color:var(--text-dim);flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 4px;text-decoration:none;transition:all .12s;display:flex}.profile-tool-card:hover{background:var(--primary-light);color:var(--primary)}.profile-tool-emoji{font-size:20px;line-height:1}.profile-tool-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}@media (width<=480px){.profile-tools-grid{grid-template-columns:repeat(3,1fr)}}.referral-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:4px;padding:16px}.referral-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.referral-emoji{font-size:32px}.referral-title{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:700}.referral-bonus{font-size:13px}.referral-link{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.referral-link-url{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);flex:1;overflow:hidden}.referral-link-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.referral-link-btn:hover{color:var(--primary-dark)}.referral-share-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.referral-share-item{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-dim);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.referral-share-item:hover{border-color:var(--primary);color:var(--text);transform:translateY(-1px)}.referral-share-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.referral-tg .referral-share-icon{background:#229ed9}.referral-wa .referral-share-icon{background:#25d366}.referral-vk .referral-share-icon{background:#07f}.referral-stats{text-align:center;border-top:1px solid var(--border-light);color:var(--text-muted);padding-top:10px;font-size:13px}.shop-balance{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-sm);text-align:center;color:#1a1f1c;margin-bottom:14px;padding:18px 20px}.shop-balance-label{opacity:.85;margin-bottom:4px;font-size:12px;font-weight:600}.shop-balance-value{align-items:center;font-size:28px;font-weight:800;line-height:1;display:inline-flex}.shop-balance-sub{opacity:.8;text-transform:uppercase;letter-spacing:.4px;margin-top:4px;font-size:11px}.shop-items-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.shop-item-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-family:inherit;transition:all .15s;display:flex}.shop-item-card:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.shop-item-card:disabled{cursor:default}.shop-item-purchased{background:var(--success-light);border:1px solid var(--success)!important}.shop-item-icon{font-size:28px;line-height:1.2}.shop-item-name{color:var(--text);font-size:12px;font-weight:700;line-height:1.3}.shop-item-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.shop-item-tag{border-radius:12px;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.shop-item-tag-buy{background:var(--primary-light);color:var(--primary)}.shop-item-tag-poor{background:var(--danger-light);color:var(--danger)}.shop-item-tag-owned{background:var(--success-light);color:var(--success)}.shop-history-toggle{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;width:100%;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.shop-history-toggle:hover{border-color:var(--primary);color:var(--text)}.post-follow-btn{background:var(--primary);color:#1a1f1c;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;height:26px;margin-left:auto;margin-right:8px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s}.post-follow-btn:hover{background:var(--primary-dark)}.post-follow-btn.is-followed{color:var(--text-muted);border:1px solid var(--border);background:0 0}.post-follow-btn.is-followed:hover{background:var(--bg-warm);color:var(--text)}.post-follow-btn-action{height:28px;color:var(--primary);border:1px solid var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;flex-shrink:0;margin-left:auto;padding:4px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.post-follow-btn-action:hover{background:var(--primary-light)}.post-follow-btn-action.is-followed{color:var(--text-muted);border-color:var(--border)}.post-follow-btn-action.is-followed:hover{background:var(--bg-warm);color:var(--text)}.sidebar-create-post{background:var(--primary);color:#1a1f1c;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.sidebar-create-post:hover{background:var(--primary-dark);color:#1a1f1c}.sidebar-create-post svg{flex-shrink:0}.header-create-btn{background:var(--primary);color:#1a1f1c;border-radius:var(--radius-xs);flex-shrink:0;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.header-create-btn:hover{background:var(--primary-dark);color:#1a1f1c}.header-create-btn svg{flex-shrink:0}.linked-accounts{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:16px;padding:16px}.linked-accounts-title{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.linked-flash{border-radius:var(--radius-xs);align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:13px;display:flex}.linked-flash-ok{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.linked-flash-err{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.linked-list{flex-direction:column;gap:10px;display:flex}.linked-row{border-radius:var(--radius-xs);background:var(--bg-warm);align-items:center;gap:12px;padding:10px 12px;display:flex}.linked-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.linked-info{flex:1;min-width:0}.linked-name{color:var(--text);font-size:13px;font-weight:700}.linked-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.linked-btn{border-radius:var(--radius-xs);background:var(--primary);color:#1a1f1c;cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .15s;display:inline-flex}.linked-btn:hover{opacity:.85}.linked-btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.linked-btn-danger:hover{background:var(--danger-light);opacity:1}.vk-login-btn{border-radius:var(--radius-xs);background:var(--bg-warm);width:100%;height:44px;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.vk-login-btn:hover{background:var(--border-light);border-color:var(--text-muted);color:var(--text)}.vk-login-btn svg{color:#07f;flex-shrink:0}.bot-login-btn{border-radius:var(--radius-xs);background:var(--bg-warm);width:100%;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.bot-login-btn:hover{background:var(--border-light);border-color:var(--text-muted)}.bot-login-btn svg{color:#229ed9;flex-shrink:0}.bot-login-btn:disabled{opacity:.6;cursor:wait}.bot-login-waiting{border-radius:var(--radius-xs);background:var(--bg-warm);border:1px solid var(--border);color:var(--text-dim);align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.bot-login-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bot-login-msg{flex:1}.bot-login-link{color:var(--primary);align-items:center;gap:4px;margin-top:4px;font-weight:600;text-decoration:none;display:inline-flex}.bot-login-link:hover{text-decoration:underline}.profile-actions .btn-secondary,.profile-actions .btn-pro{border-radius:var(--radius-xs);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.profile-posts{margin-top:24px}.profile-posts h3{margin-bottom:14px;font-size:18px;font-weight:700}.avatar-upload label{cursor:pointer;color:var(--primary);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.avatar-online-wrap{flex-shrink:0;display:inline-flex;position:relative}.avatar-online-wrap-lg{display:inline-block;position:relative}.avatar-upload-wrap{cursor:pointer}.avatar-upload-overlay{opacity:0;z-index:3;background:#00000073;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:opacity .18s;display:flex;position:absolute;inset:0}.avatar-upload-wrap:hover .avatar-upload-overlay{opacity:1}.avatar-upload-overlay.loading{opacity:1;color:#fff;font-size:14px}.online-dot{border:2px solid var(--card);z-index:2;background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.online-dot-lg{border-width:3px;width:14px;height:14px;bottom:2px;right:2px}.profile-online-status{margin-bottom:2px;font-size:.8rem;display:block}.status-online{color:#22c55e;font-weight:700}.status-offline{color:var(--text-muted)}.notif-filter-row{flex-wrap:nowrap;align-items:center;gap:8px;padding:0 0 12px;display:flex}.notif-unread-badge{background:var(--danger,#c57a7a);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:700;transition:opacity .15s}.notif-unread-badge.active{opacity:.7}.notif-unread-badge:hover{opacity:.85}.notif-filter-chips{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.notif-filter-chips::-webkit-scrollbar{display:none}.notif-list{flex-direction:column;gap:4px;display:flex}.notif-item{border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);border:1px solid #0000;align-items:flex-start;gap:12px;padding:13px 15px;text-decoration:none;display:flex}.notif-item:hover{background:var(--bg-warm)}.notif-item.unread{background:var(--primary-light);border-color:#7fa17a26}.notif-icon{width:38px;height:38px;color:var(--primary);background:var(--primary-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-content{flex:1;min-width:0}.notif-title{font-size:14px;font-weight:700}.notif-body{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.notif-time{color:var(--text-muted);margin-top:3px;font-size:11px}.roadmap-page{padding-bottom:80px}.roadmap-intro{color:var(--text-dim);margin-bottom:20px;font-size:15px;line-height:1.65}.roadmap-timeline{flex-direction:column;gap:16px;display:flex}.roadmap-phase{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);transition:all var(--transition);padding:20px}.roadmap-phase:hover{box-shadow:var(--shadow)}.phase-current{border-left:3px solid var(--primary)}.phase-done{border-left:3px solid var(--success)}.phase-planned{border-left:3px solid var(--border)}.phase-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.phase-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.phase-icon-current{background:var(--primary)}.phase-icon-done{background:var(--success)}.phase-icon-planned{background:var(--text-muted)}.phase-title-block{flex:1}.phase-title-block h2{margin:0;font-size:16px;font-weight:800;line-height:1.3}.phase-period{color:var(--text-muted);font-size:12px;font-weight:500}.phase-status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:800}.status-current{background:var(--primary-light);color:var(--primary)}.status-done{background:var(--success-light);color:var(--success)}.status-planned{background:var(--bg);color:var(--text-muted)}.phase-goal{color:var(--text-dim);margin-bottom:12px;font-size:13px;font-style:italic}.phase-features{flex-direction:column;gap:6px;display:flex}.feature-item{color:var(--text-dim);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.feature-item svg{flex-shrink:0}.feature-item.done,.feature-item.done svg{color:var(--success)}.phase-progress{align-items:center;gap:10px;margin-top:12px;display:flex}.phase-progress-bar{background:var(--bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.phase-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;height:100%;transition:width .6s}.phase-progress-text{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.roadmap-backlog{margin-top:24px}.roadmap-backlog h3{margin-bottom:12px;font-size:18px;font-weight:700}.backlog-items{flex-direction:column;gap:6px;display:flex}.backlog-item{color:var(--text-dim);background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.backlog-item svg{color:var(--text-muted);flex-shrink:0}.roadmap-stats{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:24px;padding:20px}.roadmap-stats h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:700}.roadmap-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.avatar-xs{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.avatar-lg{object-fit:cover;border-radius:50%;width:88px;height:88px;margin:0 auto;position:relative}.avatar-placeholder{background:var(--primary);color:#1a1f1c;font-weight:800;font-size:inherit;justify-content:center;align-items:center;display:flex}.avatar-sm.avatar-placeholder{font-size:16px}.avatar-xs.avatar-placeholder{font-size:12px}.avatar-lg.avatar-placeholder{font-size:32px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-posts{flex-direction:column;gap:12px;display:flex}.skeleton-card{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:16px}.skeleton-header{align-items:center;gap:10px;display:flex}.skeleton-avatar{background:#e0e0e0;border-radius:50%;width:40px;height:40px;animation:1.5s infinite skeleton-pulse}.skeleton-lines{flex:1}.skeleton-line{background:#e0e0e0;border-radius:5px;height:10px;margin-bottom:4px;animation:1.5s infinite skeleton-pulse}.skeleton-line.w100{width:100%}.skeleton-line.w80{width:80%}.skeleton-line.w60{width:60%}.skeleton-line.w40{width:40%}.skeleton-line.w30{width:30%}.skeleton-body{border-radius:var(--radius-xs);background:#e8e8e8;height:120px;margin-top:12px;animation:1.5s infinite skeleton-pulse}.skeleton-footer{gap:16px;margin-top:12px;display:flex}.loading{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:15px}.empty-state{text-align:center;color:var(--text-muted);background:var(--card);border-radius:var(--radius);border:1px dashed var(--border);margin:8px 0;padding:40px 20px;font-size:14px;line-height:1.6}.feed-pulse-chip{color:var(--text-muted,#8a837a);align-items:center;gap:6px;padding:5px 16px;font-size:11px;display:flex}.feed-pulse-dot{background:#7fa17a;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 4px #7fa17a80}.feed-fallback-banner{background:var(--primary-bg);border:1px solid var(--primary-light);border-radius:var(--radius-sm);color:var(--text-dim);text-align:center;margin:12px 0;padding:10px 14px;font-size:13px}.diary-tabs{gap:8px;margin-bottom:16px;display:flex}.diary-tabs .chip{align-items:center;gap:6px;display:flex}.trips-list{flex-direction:column;gap:10px;display:flex}.trip-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);color:var(--text);transition:all var(--transition);padding:14px 16px;display:block}.trip-card:hover{box-shadow:var(--shadow-md)}.trip-date{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:700}.trip-main h3{margin-bottom:3px;font-size:16px;font-weight:700}.trip-location{color:var(--text-dim);align-items:center;gap:4px;font-size:13px;display:flex}.trip-stats-row{color:var(--accent);align-items:center;gap:12px;margin-top:8px;font-size:13px;font-weight:700;display:flex}.trip-stats-row span{align-items:center;gap:3px;display:flex}.trip-rating{gap:1px;display:flex}.diary-stats{margin-bottom:20px}.stats-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-num{color:var(--primary);font-size:26px;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.stats-section{margin-bottom:16px}.stats-section h3{margin-bottom:8px;font-size:15px;font-weight:700}.stats-row{background:var(--card);border-radius:var(--radius-xs);border:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.stats-rank{color:var(--text-muted);width:24px;font-size:12px;font-weight:700}.stats-name{flex:1;font-size:14px;font-weight:600}.stats-value{color:var(--accent);font-size:13px;font-weight:700}.export-wrapper{margin-left:auto;position:relative}.export-dropdown{z-index:50;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:140px;position:absolute;top:36px;right:0;overflow:hidden}.export-dropdown button{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:background var(--transition);background:0 0;border:none;padding:10px 16px;font-size:14px;font-weight:600;display:block}.export-dropdown button:hover{background:var(--bg-warm)}.analytics-fav-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.analytics-fav{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:12px 16px}.analytics-fav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700;display:block}.analytics-fav-value{color:var(--text);margin-top:2px;font-size:15px;font-weight:700;display:block}.bar-chart{align-items:flex-end;gap:8px;height:140px;padding:8px 0;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-value{color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700}.bar-track{background:var(--border-light);border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;max-width:36px;display:flex;position:relative}.bar-fill{background:var(--primary);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .4s}.bar-label{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:600}.hbar-chart{flex-direction:column;gap:8px;display:flex}.hbar-row{align-items:center;gap:10px;display:flex}.hbar-name{text-overflow:ellipsis;white-space:nowrap;width:90px;font-size:13px;font-weight:600;overflow:hidden}.hbar-track{background:var(--border-light);border-radius:4px;flex:1;height:18px;overflow:hidden}.hbar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.hbar-value{color:var(--text-dim);text-align:right;width:32px;font-size:12px;font-weight:700}.rec-today{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0a1f1c,#0d9488);align-items:center;gap:14px;margin-bottom:16px;padding:18px 20px;display:flex}.rec-today svg{opacity:.8;flex-shrink:0}.rec-today-title{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.rec-today-species{margin-top:2px;font-size:24px;font-weight:800}.rec-today-score{opacity:.8;margin-top:2px;font-size:13px}.rec-section{margin-bottom:20px}.rec-section h3{align-items:center;gap:6px;margin-bottom:10px;font-size:17px;font-weight:700;display:flex}.rec-species-row{align-items:center;gap:8px;padding:8px 0;display:flex}.rec-species-name{width:70px;font-size:13px;font-weight:700}.rec-spot{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:8px;padding:14px}.rec-spot-name{font-size:15px;font-weight:700}.rec-spot-reason{color:var(--text-dim);margin-top:3px;font-size:13px}.rec-spot-species{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700}.rec-gear{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text);margin-bottom:8px;padding:14px;display:block}.rec-gear-species{color:var(--primary);font-size:15px;font-weight:700}.rec-gear-info{color:var(--text-dim);flex-direction:column;gap:2px;margin-top:4px;font-size:13px;display:flex}.rec-gear-tip{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.pro-hero{text-align:center;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0a1f1c,#0d9488,#14a085);margin-bottom:20px;padding:36px 24px;position:relative;overflow:hidden}.pro-hero:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:240px;height:240px;position:absolute;top:-40%;right:-20%}.pro-hero svg{color:gold;z-index:1;margin-bottom:8px;position:relative}.pro-hero h2{z-index:1;margin:8px 0 4px;font-size:28px;font-weight:800;position:relative}.pro-hero p{opacity:.85;z-index:1;font-size:15px;position:relative}.pro-active-banner{border-radius:var(--radius-sm);background:var(--success-light);color:var(--success);border:1px solid #22c55e33;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.pro-active-banner strong{font-size:15px;font-weight:700;display:block}.pro-active-banner span{opacity:.8;font-size:12px;display:block}.pro-features{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.pro-feature{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:flex-start;gap:14px;padding:16px;display:flex}.pro-feature-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.pro-feature-title{margin-bottom:2px;font-size:15px;font-weight:700}.pro-feature-desc{color:var(--text-dim);font-size:13px}.pro-plans{margin-bottom:20px}.pro-plans h3{margin-bottom:12px;font-size:18px;font-weight:700}.pro-plan-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pro-plan{text-align:center;border-radius:var(--radius);background:var(--card);border:2px solid var(--border);padding:20px;position:relative}.pro-plan.best{border-color:var(--primary)}.pro-plan-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pro-plan-price{color:var(--text);margin-bottom:2px;font-size:26px;font-weight:800}.pro-plan-period{color:var(--text-muted);margin-bottom:10px;font-size:13px}.pro-plan-save{color:var(--success);margin-bottom:10px;font-size:12px;font-weight:700}.pro-note{color:var(--text-muted);text-align:center;margin-top:12px;font-size:12px}.shop-filters{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.shops-list{flex-direction:column;gap:12px;display:flex}.shop-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);overflow:hidden}.shop-cover{object-fit:cover;width:100%;height:140px}.shop-card .shop-header,.shop-card .shop-desc,.shop-card .shop-price,.shop-card .shop-contacts,.shop-card .shop-location,.shop-card .shop-actions{padding-left:16px;padding-right:16px}.shop-card>:last-child{padding-bottom:16px}.shop-card .shop-header{padding-top:12px}.shop-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.shop-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.shop-title{flex:1}.shop-title h3{margin:0;font-size:16px;font-weight:700}.shop-category{color:var(--text-muted);font-size:12px}.shop-views{color:var(--text-muted);align-items:center;gap:3px;font-size:11px;display:flex}.shop-desc{color:var(--text-dim);margin-bottom:10px;font-size:14px;line-height:1.5}.shop-meta{color:var(--text-dim);flex-direction:column;gap:5px;font-size:13px;display:flex}.shop-meta div{align-items:center;gap:6px;display:flex}.shop-meta svg{color:var(--text-muted);flex-shrink:0}.shop-meta a{color:var(--primary)}.shop-booking{margin-top:12px}.shop-price{color:var(--accent);margin:8px 0;font-size:14px;font-weight:700}.booking-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:50px;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:13px}.booking-success{color:var(--success);padding:8px 0;font-weight:700}.rating-filter{gap:6px;margin-bottom:14px;display:flex}.rating-list{flex-direction:column;gap:4px;display:flex}.rating-row{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text);transition:all var(--transition);align-items:center;gap:12px;padding:13px 16px;display:flex}.rating-row:hover{box-shadow:var(--shadow)}.rating-rank{background:var(--bg);width:30px;height:30px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.rating-rank.top-1{color:#fff;background:linear-gradient(135deg,gold,#ffb300)}.rating-rank.top-2{color:#fff;background:linear-gradient(135deg,silver,#9e9e9e)}.rating-rank.top-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna)}.rating-info{flex:1;min-width:0}.rating-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.rating-city{color:var(--text-muted);font-size:11px;display:block}.rating-metric{text-align:right;flex-shrink:0}.rating-value{color:var(--primary);font-size:14px;font-weight:800;display:block}.rating-sub{color:var(--text-muted);font-size:11px;display:block}.challenges-list{flex-direction:column;gap:12px;display:flex}.challenge-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);padding:18px}.challenge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.challenge-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.challenge-type-badge{color:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.challenge-days{color:var(--text-muted);font-size:12px}.challenge-card h3{margin-bottom:6px;font-size:16px;font-weight:700}.challenge-card p{color:var(--text-dim);margin-bottom:10px;font-size:13px}.challenge-card-footer{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.challenge-card-footer span{align-items:center;gap:4px;display:flex}.challenge-arrow{color:var(--text-muted);margin-left:auto}.challenge-detail{padding:0 4px}.challenge-detail-badge{color:#fff;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.challenge-detail h2{margin-bottom:8px;font-size:24px;font-weight:800}.challenge-detail-desc{color:var(--text-dim);margin-bottom:16px;font-size:15px}.challenge-detail-meta{flex-direction:column;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.challenge-detail-meta>div{align-items:center;gap:8px;display:flex}.challenge-days-left{color:var(--danger);font-weight:700}.challenge-join-form{background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.challenge-join-form h3{margin-bottom:12px;font-size:15px;font-weight:700}.challenge-leaderboard{margin-top:16px}.challenge-leaderboard h3{align-items:center;gap:8px;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}.lb-entry{border-radius:var(--radius-xs);background:var(--card);align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;display:flex}.lb-top{background:var(--orange-light)}.lb-top .lb-rank{color:var(--orange)}.lb-rank{min-width:24px;color:var(--text-dim);font-size:16px;font-weight:800}.lb-name{color:var(--text);flex:1;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.lb-result{color:var(--primary);font-size:13px;font-weight:700}.lb-table{border-collapse:collapse;width:100%;font-size:13px}.lb-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);padding:8px 6px;font-size:11px}.lb-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:8px 6px}.lb-table .lb-top-row{background:var(--orange-light)}.lb-table .lb-rank-cell{text-align:center;width:32px;font-size:16px}.lb-table .lb-name{color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.lb-table .lb-weight{color:var(--primary);font-weight:800}.lb-table .lb-date{color:var(--text-muted);font-size:12px}.guides-list{flex-direction:column;gap:8px;display:flex}.guide-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);overflow:hidden}.guide-card-header{cursor:pointer;align-items:center;gap:12px;padding:16px;transition:background .15s;display:flex}.guide-card-header:hover{background:var(--bg-warm)}.guide-icon{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.guide-info{flex:1}.guide-info h3{font-size:15px;font-weight:700}.guide-level{color:var(--text-muted);font-size:11px}.guide-content{padding:0 16px 16px}.guide-block{margin-bottom:16px}.guide-block h4{color:var(--primary-dark);margin-bottom:6px;font-size:14px;font-weight:700}.guide-block p{color:var(--text-dim);font-size:13px;line-height:1.5}.guide-block li{color:var(--text-dim);margin-left:16px;font-size:13px;line-height:1.6}.buddy-create-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);margin-bottom:16px;padding:16px}.buddy-create-form h3{margin-bottom:12px;font-size:16px;font-weight:700}.buddy-create-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);resize:vertical;width:100%;min-height:60px;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px}.buddy-list{flex-direction:column;gap:12px;display:flex}.buddy-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:14px 16px}.buddy-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.buddy-author{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.buddy-author-name{font-size:14px;font-weight:700}.buddy-author-type{color:var(--text-muted);font-size:11px}.buddy-card-details{color:var(--text-dim);flex-wrap:wrap;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.buddy-card-details>div{align-items:center;gap:4px;display:flex}.buddy-message{color:var(--text);margin-bottom:10px;font-size:14px;line-height:1.5}.buddy-card-footer{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.buddy-responses{align-items:center;gap:4px;display:flex}.buddy-time{flex:1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width>=768px){.ads-grid{grid-template-columns:1fr 1fr 1fr}.weather-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.chat-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:60px 20px;font-size:15px;display:flex}.chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.chat-empty h3{color:var(--text);margin-top:8px;font-size:18px;font-weight:700}.chat-empty p{max-width:260px;font-size:14px}.chat-page-title{color:var(--text);padding:16px 16px 8px;font-size:20px;font-weight:800}.chat-conversations{padding-bottom:calc(var(--tab-height) + 16px)}.chat-conv-card{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-conv-card:hover{background:var(--primary-bg)}.chat-conv-card:active{background:var(--primary-light)}.chat-conv-avatar{background:var(--border-light);width:50px;height:50px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:visible}.chat-conv-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-conv-body{flex:1;min-width:0}.chat-conv-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.chat-conv-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.chat-conv-time{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:12px}.chat-conv-bottom{justify-content:space-between;align-items:center;display:flex}.chat-conv-text{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.chat-conv-badge{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:800;display:flex}.chat-view{height:calc(100dvh - var(--header-height) - var(--tab-height));flex-direction:column;display:flex}.chat-view-header{border-bottom:1px solid var(--border-light);background:var(--card);z-index:10;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.chat-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.chat-partner-info{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.chat-partner-avatar{background:var(--border-light);width:38px;height:38px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-partner-avatar img{object-fit:cover;width:100%;height:100%}.chat-partner-name{font-size:15px;font-weight:700}.chat-partner-name-wrap{flex-direction:column;line-height:1.2;display:flex}.chat-partner-status{color:var(--text-muted);font-size:.7rem}.chat-messages{background:var(--bg);flex-direction:column;flex:1;gap:6px;padding:12px 12px 8px;display:flex;overflow-y:auto}.chat-empty-messages{text-align:center;color:var(--text-muted);margin-top:40px;font-size:14px}.chat-bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px 4px;position:relative}.chat-bubble.mine{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.theirs{background:var(--card);color:var(--text);box-shadow:var(--shadow-xs);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-text{white-space:pre-wrap;font-size:15px;line-height:1.4}.chat-bubble-time{opacity:.65;text-align:right;margin-top:2px;padding-bottom:2px;font-size:11px}.chat-bubble.theirs .chat-bubble-time{color:var(--text-muted);opacity:1}.chat-input-bar{border-top:1px solid var(--border-light);background:var(--card);align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-input{border:1.5px solid var(--border);transition:border-color var(--transition);background:var(--bg-warm);border-radius:24px;outline:none;flex:1;padding:10px 18px;font-size:15px}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--primary);color:#fff;cursor:pointer;width:42px;height:42px;transition:background var(--transition), opacity var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:var(--primary-dark)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-ws-indicator{flex-shrink:0;align-items:center;margin-left:auto;padding:4px;display:flex}.chat-typing-bubble{min-width:60px;padding:10px 14px!important}.chat-typing-dots{align-items:center;gap:4px;height:20px;display:flex}.chat-typing-dots span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing-bounce}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.search-page{padding:0 16px 24px}.search-item{border-radius:var(--radius-xs);color:var(--text);padding:10px 12px;text-decoration:none;transition:background .15s;display:block}.search-item:hover{background:var(--primary-light)}.search-item-title{font-size:15px;font-weight:600;line-height:1.3}.search-item-meta{color:var(--text-muted);margin-top:2px;font-size:13px}.search-dropdown-item:hover{background:var(--primary-light)}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#1a1f1c;--bg-warm:#1f2522;--card:#242b27;--text:#e8e2d4;--text-dim:#b8b0a3;--text-muted:#8a837a;--border:#353c37;--border-light:#2b322e;--primary:#7fa17a;--primary-dark:#6b8d68;--primary-light:#7fa17a2e;--primary-bg:#7fa17a1a;--accent:#7fa17a;--accent-dark:#6b8d68;--accent-light:#7fa17a2e;--orange:#fb923c;--orange-light:#f9731626;--danger:#f87171;--danger-light:#ef444426;--success:#4ade80;--success-light:#22c55e26;--warning:#fbbf24;--shadow-xs:0 1px 0 #0006;--shadow:0 2px 12px #00000073;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 32px #0009}}:root.dark{--bg:#1a1f1c;--bg-warm:#1f2522;--card:#242b27;--text:#e8e2d4;--text-dim:#b8b0a3;--text-muted:#8a837a;--border:#353c37;--border-light:#2b322e;--primary:#7fa17a;--primary-dark:#6b8d68;--primary-light:#7fa17a33;--primary-bg:#7fa17a1f;--accent:#7fa17a;--accent-dark:#6b8d68;--accent-light:#7fa17a33;--orange:#fb923c;--orange-light:#f9731624;--danger:#f87171;--danger-light:#ef444424;--success:#4ade80;--success-light:#22c55e24;--warning:#fbbf24;--shadow-xs:0 1px 0 #00000073;--shadow:0 2px 12px #00000080;--shadow-md:0 4px 20px #0000008c;--shadow-lg:0 8px 32px #000000a6}:root.dark input,:root.dark select,:root.dark textarea,:root:not(.light) input:where([data-scheme=dark]){color:#e0ecea;background:#1c2c2a;border-color:#2e4440}@media (prefers-color-scheme:dark){:root:not(.light) input,:root:not(.light) select,:root:not(.light) textarea{color:#e0ecea;background:#1c2c2a;border-color:#2e4440}:root:not(.light) input:focus,:root:not(.light) select:focus,:root:not(.light) textarea:focus{border-color:var(--primary);background:#1e3230;box-shadow:0 0 0 3px #0d948833}:root:not(.light) input::placeholder,:root:not(.light) textarea::placeholder{color:#607a76}}:root.dark input:focus,:root.dark select:focus,:root.dark textarea:focus{border-color:var(--primary);background:#1e3230;box-shadow:0 0 0 3px #0d948838}:root.dark input::placeholder,:root.dark textarea::placeholder{color:#607a76}:root.dark .btn-demo{color:#e0ecea;background:#1c2c2a;border-color:#2e4440}:root.dark .btn-demo:hover{background:var(--primary);color:#fff;border-color:var(--primary)}:root.dark .btn-primary{background:var(--primary);color:#fff}:root.dark .app-header{background:#0d1917f5}:root.dark .tab-bar{background:#12211ef5}@media (prefers-color-scheme:dark){:root:not(.light) .app-header{background:#0d1917f2}:root:not(.light) .tab-bar{background:#12211ef5}}:root.dark .skeleton-avatar,:root.dark .skeleton-line{background:#253733}:root.dark .skeleton-body{background:#1e2e2b}:root.dark .ad-no-photo{background:linear-gradient(135deg,#1a2422,#1e2e2b)}@media (prefers-color-scheme:dark){:root:not(.light) .skeleton-avatar,:root:not(.light) .skeleton-line{background:#253733}:root:not(.light) .skeleton-body{background:#1e2e2b}:root:not(.light) .ad-no-photo{background:linear-gradient(135deg,#1a2422,#1e2e2b)}}:root.dark .spot-ratings-card,:root.dark .spot-review-card,:root.dark .spot-review-form{background:var(--card);border-color:var(--border-light)}:root.dark .map-v3-search,:root.dark .map-v3-fab,:root.dark .map-species-filter{background:var(--card)}:root.dark .map-add-btn{background:var(--card);color:var(--primary)}:root.dark .map-locate-btn{background:var(--card);color:var(--text)}:root.dark .star-btn{color:#3a5550}:root.dark .avatar-placeholder{background:linear-gradient(135deg,#7fa17a26,#0d948840)}@media (prefers-color-scheme:dark){:root:not(.light) .spot-ratings-card,:root:not(.light) .spot-review-card,:root:not(.light) .spot-review-form,:root:not(.light) .map-v3-search,:root:not(.light) .map-v3-fab,:root:not(.light) .map-species-filter{background:var(--card)}:root:not(.light) .map-add-btn{background:var(--card);color:var(--primary)}:root:not(.light) .map-locate-btn{background:var(--card);color:var(--text)}:root:not(.light) .star-btn{color:#3a5550}:root:not(.light) .avatar-placeholder{background:linear-gradient(135deg,#7fa17a26,#0d948840)}}.theme-section{margin-top:8px}.theme-toggle-group{gap:6px;display:flex}.theme-toggle-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-dim);cursor:pointer;text-align:center;transition:all var(--transition);flex:1;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--text)}.theme-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:14px}.input-with-icon input,.input-with-icon select{width:100%;padding-left:42px!important}.input-with-icon select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 01.708 0L8 8.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px}.register-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.register-divider:before,.register-divider:after{content:"";background:var(--border);flex:1;height:1px}.register-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:700}.welcome-page{-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#0a1f1c 0%,#0d9488 55%,#14a085 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.welcome-bg-decor{pointer-events:none;position:absolute;inset:0}.welcome-bg-circle{opacity:.08;background:#fff;border-radius:50%;position:absolute}.welcome-bg-circle-1{width:400px;height:400px;top:-120px;right:-100px}.welcome-bg-circle-2{width:300px;height:300px;bottom:-80px;left:-60px}.welcome-bg-circle-3{width:200px;height:200px;top:40%;left:60%}.welcome-container{z-index:1;background:#fffffff7;border-radius:28px;flex-direction:column;width:100%;max-width:440px;min-height:520px;padding:36px 28px 28px;display:flex;position:relative;box-shadow:0 24px 64px #0000004d}.welcome-dots{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.welcome-dot{background:var(--border);cursor:pointer;border-radius:10px;width:10px;height:10px;transition:all .3s}.welcome-dot.active{background:var(--primary);width:32px}.welcome-dot.done{background:var(--accent)}.welcome-content{flex-direction:column;flex:1;display:flex}.welcome-step{text-align:center;flex-direction:column;align-items:center;animation:.35s welcomeFadeIn;display:flex}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-icon-big{background:linear-gradient(135deg, var(--primary-light), #0d948833);width:100px;height:100px;color:var(--primary);border-radius:28px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.welcome-icon-location{color:var(--accent);background:linear-gradient(135deg,#ede9fe,#d1fae5)}.welcome-icon-interests{color:var(--orange);background:linear-gradient(135deg,#fef3c7,#ede9fe)}.welcome-step h1{color:var(--text);margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.2}.welcome-step h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.welcome-brand{background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.welcome-subtitle{color:var(--text-muted);max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.55}.welcome-features{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.welcome-feature{border-radius:var(--radius-sm);background:var(--bg-warm);border:1px solid var(--border-light);align-items:center;gap:14px;padding:14px 16px;display:flex}.welcome-feature-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.welcome-feature div:last-child{flex-direction:column;gap:2px;display:flex}.welcome-feature strong{color:var(--text);font-size:14px;font-weight:700}.welcome-feature span{color:var(--text-muted);font-size:12px}.welcome-form{flex-direction:column;gap:12px;width:100%;display:flex}.welcome-form .input-with-icon select,.welcome-form .input-with-icon input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;height:48px;color:var(--text);background:var(--bg-warm);transition:all var(--transition);font-family:inherit;font-size:15px}.welcome-form .input-with-icon select:focus,.welcome-form .input-with-icon input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7fa17a1f}.welcome-interests{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.welcome-interest-card{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-warm);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.welcome-interest-card:hover{border-color:var(--primary-light);background:var(--primary-bg)}.welcome-interest-card.selected{border-color:var(--primary);background:var(--primary-light)}.welcome-interest-card input[type=checkbox]{display:none}.welcome-interest-icon{background:var(--card);width:44px;height:44px;color:var(--primary);border:1px solid var(--border-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.welcome-interest-card.selected .welcome-interest-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-color:#0000}.welcome-interest-info{flex-direction:column;flex:1;gap:2px;display:flex}.welcome-interest-info strong{color:var(--text);font-size:14px;font-weight:700}.welcome-interest-info span{color:var(--text-muted);font-size:12px}.welcome-interest-check{width:24px;color:var(--primary);flex-shrink:0}.welcome-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.welcome-btn-next{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:var(--primary);border:none;align-items:center;gap:6px;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #7fa17a59}.welcome-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7fa17a73}.welcome-btn-back{border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;color:var(--text-dim);transition:all var(--transition);background:0 0;align-items:center;gap:4px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.welcome-btn-back:hover{border-color:var(--text-muted);color:var(--text)}.welcome-btn-skip{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600}.welcome-btn-skip:hover{color:var(--text-dim)}@media (width<=480px){.welcome-container{border-radius:20px;min-height:480px;padding:28px 20px 20px}.welcome-step h1{font-size:22px}.welcome-step h2{font-size:19px}.welcome-icon-big{border-radius:22px;width:80px;height:80px}.welcome-icon-big svg{width:48px!important;height:48px!important}.welcome-btn-next{padding:12px 22px;font-size:14px}}.post-menu-wrapper{margin-left:auto;position:relative}.post-menu-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.post-menu-btn:hover{background:var(--border-light);color:var(--text)}.post-dropdown-menu{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:180px;animation:.15s dropdown-fade;position:absolute;top:100%;right:0;overflow:hidden}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-dropdown-menu button{cursor:pointer;width:100%;color:var(--text);transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;display:flex}.post-dropdown-menu button:hover{background:var(--bg-warm)}.post-dropdown-menu button.post-dropdown-danger{color:var(--danger)}.post-dropdown-menu button.post-dropdown-danger:hover{background:var(--danger-light)}.post-dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}.report-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s overlay-fade;display:flex;position:fixed;inset:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.report-modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:20px;animation:.2s modal-slide}@keyframes modal-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{color:var(--danger);align-items:center;gap:8px;margin-bottom:16px;display:flex}.report-modal-header h3{color:var(--text);flex:1;font-size:18px;font-weight:700}.report-close-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:4px}.report-close-btn:hover{background:var(--border-light);color:var(--text)}.report-reasons{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.report-reason-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.report-reason-item:hover{border-color:var(--primary);background:var(--primary-bg)}.report-reason-item.selected{border-color:var(--primary);background:var(--primary-light)}.report-reason-item input[type=radio]{accent-color:var(--primary);width:16px;height:16px}.report-description{border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:60px;color:var(--text);background:var(--bg-warm);transition:var(--transition);margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px}.report-description:focus{border-color:var(--primary);outline:none}.report-description::placeholder{color:var(--text-muted)}.report-error{color:var(--danger);background:var(--danger-light);border-radius:var(--radius-xs);margin-bottom:10px;padding:8px 10px;font-size:13px}.report-success{text-align:center;padding:20px 0}.report-success p{color:var(--text);margin-bottom:16px;font-size:15px;line-height:1.5}.report-submit-btn{border-radius:var(--radius-sm);width:100%;padding:12px;font-size:15px;font-weight:700}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1100;background:#0000009e;justify-content:center;align-items:center;padding:16px;animation:.2s overlay-fade;display:flex;position:fixed;inset:0}.modal-content.create-spot-modal{background:var(--card);border-radius:var(--radius);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s modal-slide;display:flex;box-shadow:0 12px 40px #00000059}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.fish-chips{flex-wrap:wrap;gap:6px;display:flex}.community-region-label{color:var(--text-dim);background:var(--primary-bg);border-radius:var(--radius-xs);margin-bottom:12px;padding:8px 12px;font-size:13px}.community-trip-card{color:inherit;text-decoration:none;display:block!important}.community-author{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.community-author-name{color:var(--text);font-weight:700;text-decoration:none}.community-region-tag{color:var(--text-muted);background:var(--bg);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.community-notes{color:var(--text-dim);margin-top:6px;font-size:12px;line-height:1.4}.stories-bar{scrollbar-width:none;gap:12px;padding:12px 4px;display:flex;overflow-x:auto}.stories-bar::-webkit-scrollbar{display:none}.story-item{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;text-decoration:none;display:flex}.story-avatar-ring{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;width:66px;height:66px;padding:2px}.story-avatar{object-fit:cover;border:2.5px solid var(--card);border-radius:50%;width:100%;height:100%}.story-avatar-placeholder{background:var(--primary-light);color:var(--primary);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.story-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:66px;font-size:11px;overflow:hidden}.doubletap-heart{z-index:10;pointer-events:none;animation:.8s ease-out forwards doubletap-heart-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes doubletap-heart-anim{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.poll-widget{margin:0 0 4px;padding:12px 16px}.poll-question{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.poll-options{flex-direction:column;gap:8px;display:flex}.poll-option{border:1.5px solid var(--border);background:var(--bg-warm);cursor:pointer;text-align:left;border-radius:10px;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.poll-option:not(.voted):hover{border-color:var(--primary);background:var(--primary-bg)}.poll-option.voted{cursor:default;border-color:var(--border)}.poll-option.voted.selected{border-color:var(--primary);background:#0d948812}.poll-bar{z-index:0;background:#7fa17a1f;border-radius:10px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.poll-option-text{z-index:1;flex:1;position:relative}.poll-option-pct{z-index:1;color:var(--text-muted);text-align:right;min-width:36px;margin-left:8px;font-size:13px;font-weight:700;position:relative}.poll-total{color:var(--text-muted);margin-top:8px;font-size:12px}.spawn-ban-banner{color:var(--text-dim);background:#c57a7a1a;border:1px solid #c57a7a40;border-radius:10px;align-items:center;gap:8px;margin:6px 4px;padding:8px 10px 8px 12px;display:flex}.spawn-ban-content{min-width:0;color:inherit;flex:1;align-items:flex-start;gap:7px;text-decoration:none;display:flex}.spawn-ban-content svg{color:#c57a7a;flex-shrink:0;margin-top:1px}.spawn-ban-text{color:var(--text-dim);font-size:13px;line-height:1.45}.spawn-ban-text strong{color:#c57a7a;margin-right:2px;font-size:13px;font-weight:700;display:inline}.spawn-ban-close{cursor:pointer;color:var(--text-muted);opacity:.6;background:0 0;border:none;flex-shrink:0;padding:4px}.spawn-ban-close:hover{opacity:1}@media (prefers-color-scheme:dark){.spawn-ban-banner{background:#c57a7a14;border-color:#c57a7a33}}.repost-header{color:var(--text-muted);align-items:center;gap:6px;padding:8px 16px 4px;font-size:12px;display:flex}.repost-header a{color:var(--text-secondary);font-weight:600;text-decoration:none}.repost-header a:hover{color:var(--text)}.repost-header .post-time{margin-left:auto}.repost-body{padding:0 0 4px}.repost-quote-text{color:var(--text);margin:0;padding:2px 16px 10px;font-size:15px;line-height:1.5}.repost-quote-card{border:1px solid var(--border);border-left:3px solid var(--primary);background:#ffffff08;border-radius:12px;margin:0 12px 4px;padding:11px 12px 11px 14px;text-decoration:none;transition:background .15s;display:block}.repost-quote-card:hover{background:var(--bg-warm)}.repost-quote-author{align-items:center;gap:6px;margin-bottom:6px;display:flex}.repost-quote-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.repost-quote-avatar--ph{background:var(--border);color:var(--text-muted);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.repost-quote-name{color:var(--text);font-size:13px;font-weight:700}.repost-quote-dot,.repost-quote-time{color:var(--text-muted);font-size:11px}.repost-quote-body{color:var(--text-secondary);word-break:break-word;margin:0 0 8px;font-size:13px;line-height:1.45}.repost-quote-thumb{border-radius:8px;max-height:160px;position:relative;overflow:hidden}.repost-quote-thumb img{object-fit:cover;width:100%;max-height:160px;display:block}.repost-quote-more{color:#fff;background:#0000008c;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;top:6px;right:6px}.repost-sheet-overlay{z-index:500;background:#0000008c;align-items:flex-end;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.repost-sheet{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-width:480px;margin:0 auto;padding:8px 16px 32px;animation:.25s cubic-bezier(.34,1.2,.64,1) sheet-up}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.repost-sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.repost-sheet-title{color:var(--text);text-align:center;margin-bottom:14px;font-size:16px;font-weight:700}.repost-sheet-preview{background:var(--bg-warm);border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.repost-sheet-preview-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.repost-sheet-preview-avatar--ph{background:var(--border);color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.repost-sheet-preview-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.repost-sheet-preview-name{color:var(--text);font-size:13px;font-weight:700}.repost-sheet-preview-body{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.repost-sheet-preview-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.repost-sheet-textarea{box-sizing:border-box;background:var(--bg);border:1px solid var(--border-light);width:100%;color:var(--text);resize:none;border-radius:10px;outline:none;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.repost-sheet-textarea:focus{border-color:var(--border)}.repost-sheet-textarea::placeholder{color:var(--text-muted)}.repost-sheet-feed-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-bottom:16px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s;display:flex}.repost-sheet-feed-btn:hover{opacity:.9}.repost-sheet-feed-btn:disabled{opacity:.6;cursor:not-allowed}.repost-sheet-divider{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.repost-sheet-divider:before,.repost-sheet-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.repost-sheet-external{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.repost-sheet-ext-btn{background:var(--bg-warm);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:5px;min-width:72px;padding:12px 16px;font-family:inherit;font-size:11px;transition:background .15s;display:flex}.repost-sheet-ext-btn:hover{background:var(--border-light)}.repost-sheet-ext-btn svg{flex-shrink:0}.repost-sheet-cancel{border:1px solid var(--border);width:100%;height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;font-family:inherit;font-size:14px;transition:background .15s}.repost-sheet-cancel:hover{background:var(--bg-warm);color:var(--text)}.share-menu-wrapper{display:inline-flex;position:relative}.share-dropdown{margin-bottom:4px;top:auto;bottom:100%;right:0}.share-dropdown button{color:var(--text)!important}.share-dropdown button:hover{background:var(--primary-light)!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-placeholder{animation:1.5s ease-in-out infinite shimmer;background:linear-gradient(90deg,#f0f2f5 25%,#e4e7ec 50%,#f0f2f5 75%) 0 0/200% 100%!important}.shimmer-placeholder.loaded{background:0 0!important;animation:none!important}:root.dark .shimmer-placeholder{background:linear-gradient(90deg,#1a2422 25%,#243330 50%,#1a2422 75%) 0 0/200% 100%!important}:root.dark .shimmer-placeholder.loaded{background:0 0!important;animation:none!important}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.22s ease-out page-fade-in}.pull-refresh-indicator{z-index:50;justify-content:center;align-items:center;transition:height .15s ease-out;display:flex;position:relative;overflow:hidden}.pull-refresh-spinner{transition:transform .1s linear}.pull-refresh-spinner.spinning{animation:.8s linear infinite pull-spin}@keyframes pull-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-hover-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;min-width:220px;padding:14px;animation:.15s ease-out hover-card-in;position:fixed}@keyframes hover-card-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-hover-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:800}.user-hover-meta{color:var(--text-muted);margin-bottom:10px;font-size:12px}.user-hover-actions{gap:8px;display:flex}.user-hover-btn{border-radius:var(--radius-xs);text-align:center;background:var(--primary);color:#fff;flex:1;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.user-hover-btn:hover{opacity:.85;color:#fff}.user-hover-btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.user-hover-btn-secondary:hover{background:var(--border-light);color:var(--text)}.desktop-header-city-wrap{flex-shrink:0;position:relative}.city-search-dropdown{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:500;min-width:260px;padding:10px;animation:.15s ease-out hover-card-in;position:absolute;top:calc(100% + 6px);left:0}.city-search-input{border:1.5px solid var(--border);border-radius:var(--radius-xs);background:var(--card);width:100%;color:var(--text);box-sizing:border-box;touch-action:manipulation;outline:none;padding:9px 12px;font-size:16px}.city-search-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #3d9b8f1a}.city-search-input::placeholder{color:var(--text-muted)}.city-search-results{max-height:240px;margin-top:6px;overflow-y:auto}.city-search-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.city-search-item:hover{background:var(--bg-warm)}.city-search-name{font-weight:700}.city-search-region{color:var(--text-muted);margin-left:8px;font-size:11px}.city-search-empty{color:var(--text-muted);text-align:center;padding:12px 10px;font-size:13px}.city-search-radius{border-top:1px solid var(--border-light);margin-top:10px;padding-top:10px}.city-search-radius label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.city-search-radius input[type=range]{width:100%;accent-color:var(--primary);touch-action:none;cursor:pointer;z-index:1;position:relative}.city-search-all-btn{background:var(--bg-warm);border:1.5px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.city-search-all-btn:hover{background:var(--border)}.city-search-all-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.mobile-city-dropdown{max-height:420px;overflow-y:auto}.city-sheet-overlay{z-index:8000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=769px){.city-sheet-overlay{align-items:center}}.city-sheet{background:var(--card);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.32,.72,0,1) city-sheet-up;display:flex;overflow:hidden;box-shadow:0 -8px 40px #00000059}@media (width>=769px){.city-sheet{border-radius:20px;width:440px;max-height:74vh;animation:.22s cubic-bezier(.34,1.3,.64,1) city-sheet-in;box-shadow:0 20px 60px #0006}}@keyframes city-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes city-sheet-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.city-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}@media (width>=769px){.city-sheet-handle{display:none}}.city-sheet-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.city-sheet-header span{color:var(--text);letter-spacing:-.2px;font-size:17px;font-weight:700}.city-sheet-close{background:var(--bg-warm);cursor:pointer;width:30px;height:30px;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.city-sheet-close:hover{background:var(--border);color:var(--text)}.city-sheet-location-row{flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:0 16px 10px;display:flex}.city-sheet-country-btn{border:1.5px solid var(--border);background:var(--bg-warm);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.city-sheet-country-btn:hover{border-color:var(--primary)}.city-sheet-city-input-wrap{background:var(--primary-bg);cursor:text;border:none;border-radius:20px;flex:1;align-items:center;gap:8px;min-width:0;padding:7px 10px 7px 12px;display:flex}.city-sheet-city-input{color:var(--text);border-radius:0;flex:1;width:0;min-width:0;padding:0;font-family:inherit;font-size:14px;line-height:1.4;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.city-sheet-city-input:focus,.city-sheet-city-input:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.city-sheet-city-input::placeholder{color:var(--primary);opacity:.7;font-size:13px}.city-sheet-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .12s;display:flex}.city-sheet-search-clear:hover{background:var(--border-light);color:var(--text)}.city-sheet-active-city{border:1.5px solid var(--primary);background:var(--primary-bg);color:var(--primary);cursor:pointer;border-radius:20px;flex:1;align-items:center;gap:5px;min-width:0;padding:7px 10px 7px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;overflow:hidden}.city-sheet-active-city span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.city-sheet-active-city:hover{background:var(--primary-light)}.city-sheet-active-city svg{flex-shrink:0}.city-sheet-backdrop{z-index:8999;position:fixed;inset:0}.city-sheet-portal-dropdown{z-index:9000;background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;max-height:260px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000073}.city-sheet-portal-search{border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.city-sheet-portal-list{flex:1;padding:4px 8px 8px;overflow-y:auto}.city-sheet-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;font-family:inherit;transition:background .12s;display:flex}.city-sheet-item:hover{background:var(--bg-warm)}.city-sheet-item.active{background:var(--primary-light)}.city-sheet-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.city-sheet-item-name{color:var(--text);font-size:14px;font-weight:600}.city-sheet-item.active .city-sheet-item-name{color:var(--primary)}.city-sheet-item-region{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.city-sheet-item-check{color:var(--primary);flex-shrink:0}.city-sheet-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:32px 16px;font-size:14px;display:flex}.city-sheet-map-section{aspect-ratio:1;flex-shrink:0;width:100%;position:relative;overflow:hidden}.city-sheet-map-section .loc-mini-map-wrap{inset:0;width:auto!important;height:auto!important;position:absolute!important}.city-sheet-map-footer{border-top:1px solid var(--border-light);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 16px 14px;display:flex}.city-sheet-map-footer-info{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.city-sheet-map-footer-info svg{color:var(--primary);flex-shrink:0}.city-sheet-map-footer-info>span:first-of-type{color:var(--text);font-weight:600}.city-sheet-map-info-count{color:var(--primary);font-weight:600}.city-sheet-map-footer-radius{align-items:center;gap:10px;display:flex}.city-sheet-map-footer-radius input[type=range]{accent-color:var(--primary);touch-action:none;cursor:pointer;flex:1;height:22px}.city-sheet-map-footer-radius>span{color:var(--text);white-space:nowrap;text-align:right;min-width:46px;font-size:12px;font-weight:700}.loc-mini-map-wrap{width:100%;height:190px;position:relative;overflow:hidden}.loc-mini-map-wrap .leaflet-container{width:100%;height:100%}.loc-mini-map-placeholder{background:var(--bg-warm);height:190px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.loc-mini-map-hint{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;pointer-events:none;z-index:500;background:#1a1f1cd1;border-radius:20px;padding:5px 12px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.loc-mini-map-gps{z-index:500;border:1px solid var(--border);width:34px;height:34px;color:var(--primary);cursor:pointer;background:#1a1f1ce0;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;bottom:10px;right:10px}.loc-mini-map-gps:hover{background:var(--primary-light);border-color:var(--primary)}.loc-mini-map-gps:disabled{opacity:.5;cursor:not-allowed}.loc-mini-map-gps.loading{opacity:.65;cursor:wait}.pwa-standalone .app-header{padding-top:env(safe-area-inset-top,44px)!important;height:calc(var(--header-height) + env(safe-area-inset-top,44px))!important}.pwa-standalone .app-header-inner{height:var(--header-height)!important}.pwa-standalone .tab-bar{padding-bottom:env(safe-area-inset-bottom,20px)!important}.pwa-standalone .tab-item{font-size:11px!important}.pwa-standalone .tab-item svg{stroke-width:1.65px!important}.pwa-standalone .app-main{padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,20px))!important}.pwa-standalone .auth-page{padding-top:calc(var(--header-height) + env(safe-area-inset-top,44px))}.pwa-standalone .map-container{height:calc(100dvh - var(--header-height) - env(safe-area-inset-top,44px) - var(--tab-height) - env(safe-area-inset-bottom,20px))!important}.pwa-standalone .map-page-v3{height:calc(100dvh - var(--header-height) - env(safe-area-inset-top,44px) - var(--tab-height) - env(safe-area-inset-bottom,0px))!important}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not(.light){--bg:#1a1f1c;--bg-warm:#1f2522;--card:#242b27;--text:#e8e2d4;--text-dim:#b8b0a3;--text-muted:#8a837a;--border:#353c37;--border-light:#2b322e;--shadow-xs:0 1px 2px #0000004d;--shadow:0 2px 8px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 28px #0000008c}:root:not(.light) body{color:#e8e2d4;background:#1a1f1c}:root:not(.light) input,:root:not(.light) select,:root:not(.light) textarea{color:#e8e2d4;background:#242b27;border-color:#353c37}:root:not(.light) input::placeholder,:root:not(.light) select::placeholder,:root:not(.light) textarea::placeholder{color:#8a837a}.desktop-header-search,.desktop-header-city,.desktop-inline-header,.desktop-inline-header-inner,.sidebar-top-row,.sidebar-search,.desktop-header-coins,.desktop-header-avatar,.desktop-left-sidebar,.desktop-right-sidebar{display:none}.desktop-layout{display:contents}.header-login-btn,.header-sort-tabs{display:none}.mobile-search-btn{display:flex}.desktop-header-create{display:none}@media (width>=768px){.tab-bar,.mobile-search-btn,.mobile-fish-fab,.fab,.stories-bar,.bite-banner,.top-spots-section,.location-selector,.feed-promo,.feed-quick-stats,.feed-sort,.app-header{display:none!important}.desktop-layout{grid-template-rows:64px 1fr;grid-template-columns:220px minmax(0,1fr);width:100%;max-width:1100px;min-height:100vh;margin:0 auto;display:grid}.desktop-inline-header{z-index:200;background:var(--bg);border-bottom:1px solid var(--border-light);flex-direction:row;grid-area:1/1/auto/-1;align-items:center;gap:0;height:64px;padding:0;position:sticky;top:0;display:flex!important}.desktop-inline-header>.app-logo{flex-shrink:0;align-items:center;gap:8px;width:232px;padding-left:28px;text-decoration:none;display:flex}.desktop-inline-header-center{flex:1;align-items:center;gap:10px;min-width:0;padding:0 16px;display:flex}.desktop-inline-header-right{flex-shrink:0;align-items:center;gap:12px;padding:0 20px 0 12px;display:flex}.desktop-left-sidebar{border-radius:var(--radius-sm);scrollbar-width:thin;background:#1f2522;border:1px solid #2b322e;flex-direction:column;grid-area:2/1;align-self:start;max-height:calc(100vh - 80px);margin:12px 0 12px 12px;padding:12px 10px;position:sticky;top:64px;overflow-y:auto;display:flex!important}.desktop-left-sidebar::-webkit-scrollbar{width:3px}.desktop-left-sidebar::-webkit-scrollbar-thumb{background:#353c37;border-radius:2px}.app-main.desktop-center{background:0 0;grid-area:2/2;max-width:none;padding:12px 16px 48px;position:relative;overflow-y:visible}.app-main.desktop-center:before{content:"";background:var(--bg);z-index:100;pointer-events:none;height:64px;position:fixed;top:0;left:0;right:0}.desktop-right-sidebar{display:none!important}.desktop-inline-header .app-logo{text-decoration:none}.desktop-header-city{border-radius:var(--radius-xs);background:var(--bg);height:36px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;flex-shrink:0;justify-content:flex-start;align-items:center;gap:5px;min-width:130px;max-width:200px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex!important}.desktop-header-city span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.desktop-header-city:hover{background:var(--border)}.desktop-header-city svg{color:var(--primary)}.desktop-header-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;box-sizing:border-box;flex:1;align-items:center;gap:8px;max-width:none;height:36px;padding:0 14px;transition:all .15s;display:flex!important}.desktop-header-search:hover{border-color:var(--primary)}.desktop-header-search svg{color:var(--text-muted);flex-shrink:0}.desktop-header-search input,:root:not(.light) .desktop-header-search input{height:100%;color:var(--text);cursor:pointer;flex:1;min-width:0;font-family:inherit;font-size:13px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.desktop-header-search input::placeholder{color:var(--text-muted)}.desktop-header-coins{color:var(--text-dim);border-radius:var(--radius-xs);background:var(--bg);align-items:center;gap:5px;height:34px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:flex!important}.desktop-header-coins:hover{background:var(--border)}.desktop-header-coins svg{color:#b8903a}.desktop-header-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:44px;height:44px;text-decoration:none;transition:border-color .15s;overflow:hidden;display:flex!important}.desktop-header-avatar:hover{border-color:var(--primary)}.desktop-header-avatar img{object-fit:cover;width:100%;height:100%}.desktop-header-avatar-placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:flex}.header-login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-xs);white-space:nowrap;flex-shrink:0;align-items:center;height:34px;padding:0 20px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex!important}.header-login-btn:hover{background:var(--primary-dark);color:#fff}.desktop-header-create{border-radius:var(--radius-xs);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background .15s;display:flex!important}.desktop-header-create:hover{background:var(--primary-dark);color:#fff}.desktop-inline-header .icon-btn{color:var(--text-muted);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.desktop-inline-header .icon-btn:hover{background:var(--bg);color:var(--text)}.header-sort-tabs,.sidebar-top-row,.sidebar-search,.sidebar-user-card,.sidebar-login-btn{display:none!important}.sidebar-coins{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex!important}.sidebar-coins:hover{border-color:var(--primary);color:var(--primary)}.sidebar-coins svg{color:#c9a876;flex-shrink:0}.sidebar-coins-num{font-size:15px;font-weight:800}.sidebar-coins-label{color:var(--text-muted);margin-left:auto;font-size:11px}.sidebar-achievements{display:none!important}.sidebar-nav{flex-direction:column;gap:1px;display:flex}.sidebar-nav-item{border-radius:var(--radius-xs);color:var(--text-dim);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg);color:var(--text)}.sidebar-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.sidebar-nav-item.active svg{color:var(--primary)}.sidebar-nav-item svg{color:var(--text-muted);flex-shrink:0}.sidebar-badge{background:var(--primary);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800}.feed-tabs{display:none!important}.sidebar-widget{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:0;padding:16px 4px}.sidebar-widget:last-child{border-bottom:none}.sidebar-widget-title{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.sidebar-widget-more{text-align:center;color:var(--primary);border-top:1px solid var(--border-light);margin-top:6px;padding-top:8px;font-size:13px;font-weight:600;text-decoration:none;display:block}.sidebar-widget-more:hover{text-decoration:underline}.sidebar-bite-widget{color:var(--text);cursor:pointer;text-decoration:none;display:block}.sidebar-bite-row{align-items:center;gap:10px;display:flex}.sidebar-bite-emoji{font-size:28px}.sidebar-bite-info{flex:1}.sidebar-bite-value{font-size:15px;font-weight:700}.sidebar-bite-score,.sidebar-bite-temp{color:var(--text-muted);font-size:12px}.sidebar-spot-item{color:var(--text);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;text-decoration:none;display:flex}.sidebar-spot-item:last-of-type{border-bottom:none}.sidebar-spot-item:hover{color:var(--primary)}.sidebar-spot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.sidebar-spot-rating{color:#c4943a;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.sidebar-top-user{color:var(--text);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:7px 0;font-size:13px;text-decoration:none;display:flex}.sidebar-top-user:last-of-type{border-bottom:none}.sidebar-top-user:hover{color:var(--primary)}.sidebar-top-user-rank{width:18px;color:var(--text-muted);font-size:12px;font-weight:800}.sidebar-top-user-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.sidebar-top-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-avatar-placeholder-sm{background:var(--primary-light);width:100%;height:100%;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-top-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.sidebar-top-user-posts{color:var(--text-muted);flex-shrink:0;font-size:11px}.sidebar-avatar-placeholder{background:var(--primary-light);width:100%;height:100%;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.location-selector{margin-bottom:8px}}@media (width>=1200px){.desktop-layout{grid-template-columns:220px minmax(0,1fr) 260px;max-width:1140px}.desktop-inline-header-right{box-sizing:border-box;justify-content:flex-end;width:272px}.desktop-right-sidebar{border-radius:var(--radius-sm);scrollbar-width:thin;background:#1f2522;border:1px solid #2b322e;flex-direction:column;grid-area:2/3;align-self:start;max-height:calc(100vh - 80px);margin:12px 12px 12px 0;padding:12px;position:sticky;top:64px;overflow-y:auto;display:flex!important}.desktop-right-sidebar::-webkit-scrollbar{width:3px}.desktop-right-sidebar::-webkit-scrollbar-thumb{background:#353c37;border-radius:2px}}:root.dark .desktop-left-sidebar{border-color:#ffffff0f}@media (prefers-color-scheme:dark){:root:not(.light) .desktop-left-sidebar{border-color:#ffffff0f}}:root.dark .desktop-right-sidebar{border-color:#ffffff0f}:root.dark .sidebar-widget{background:var(--card);border-color:#ffffff0f}:root.dark .desktop-header-search{background:#ffffff0f;border-color:#ffffff14}:root.dark .desktop-header-coins{background:#ffffff0f}@media (prefers-color-scheme:dark){:root:not(.light) .desktop-right-sidebar,:root:not(.light) .sidebar-widget{border-color:#ffffff0f}:root:not(.light) .desktop-header-search{background:#ffffff0f;border-color:#ffffff14}:root:not(.light) .desktop-header-coins{background:#ffffff0f}}.post-comments{border-top:1px solid var(--border-light);margin-top:8px;padding-top:8px}.comments-list{max-height:400px;overflow-y:auto}.share-menu{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;min-width:200px;padding:8px 0;position:absolute;bottom:40px;right:0}.share-menu-item{cursor:pointer;color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:8px 16px;font-size:14px;display:flex}.share-menu-item:hover{background:var(--bg-warm)}.post-card--hidden{background:var(--card);border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;font-size:14px;display:flex}.post-hidden-undo{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border-radius:12px;margin-left:auto;padding:4px 12px;font-size:13px}.post-hidden-undo:hover{border-color:var(--primary);color:var(--primary)}.comment-bar-icons{flex-shrink:0;align-items:center;gap:4px;display:flex}.comment-bar-icons button{cursor:pointer;color:var(--text-muted);opacity:.55;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:opacity .15s,color .15s;display:flex}.comment-bar-icons button:hover{color:var(--text-dim);opacity:.9;background:0 0}.comment-photo-menu{background:var(--card,#1e2320);border:1px solid var(--border,#2a2f2c);z-index:50;border-radius:10px;min-width:170px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 16px #0000004d}.comment-photo-menu-item{cursor:pointer;width:100%;color:var(--text);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .12s;display:flex}.comment-photo-menu-item:hover{background:var(--primary-light);color:var(--primary)}.comment-error-bar{background:var(--danger-light);color:var(--danger);border-top:1px solid var(--border-light);align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex}.comment-error-bar button{cursor:pointer;color:var(--danger);background:0 0;border:none;margin-left:auto;padding:2px;display:flex}.trophy-expand-btn{border:none;border-top:1px solid var(--border-light);width:100%;color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;margin-top:6px;padding:8px 0;font-family:inherit;font-size:13px;display:flex}.trophy-expand-btn:hover{opacity:.8}.trophy-expand-btn--collapse{color:var(--text-muted);border-top:none;border-bottom:1px solid var(--border-light);margin-top:0;margin-bottom:4px;padding:4px 0;font-size:12px}.trophy-loading-full{color:var(--text-muted);text-align:center;padding:6px 0;font-size:12px}.trophy-row-weight{color:var(--primary);margin-left:auto;font-size:13px;font-weight:600;text-decoration:none}.trophy-row-weight:hover{text-decoration:underline}.comment-photo-preview{background:var(--bg-warm);border-top:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 14px;display:flex}.comment-photo-thumb{object-fit:cover;cursor:pointer;border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:56px;height:56px;transition:opacity .15s}.comment-photo-thumb:hover{opacity:.85}.comment-photo-preview-right{flex:1;min-width:0}.comment-photo-label{color:var(--text);font-size:13px;font-weight:500;display:block}.comment-photo-hint{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.comment-photo-remove{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:4px;display:flex}.comment-photo-remove:hover{color:var(--danger);background:var(--danger-light)}.comment-photo-attachment{cursor:pointer;object-fit:cover;border:1px solid var(--border);border-radius:10px;max-width:220px;max-height:220px;margin-top:6px;transition:opacity .15s;display:block}.comment-photo-attachment:hover{opacity:.9}.comment-loc-picker{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:120;position:absolute;bottom:calc(100% + 4px);left:36px;right:0;overflow:hidden}.comment-loc-picker button{width:100%;color:var(--text);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;display:flex}.comment-loc-picker button:hover{background:var(--bg-warm);color:var(--text)}.comment-loc-gps-loading{pointer-events:none;opacity:.65!important;cursor:wait!important}@keyframes comment-loc-spin{to{transform:rotate(360deg)}}.comment-loc-spinner{flex-shrink:0;animation:.9s linear infinite comment-loc-spin}.comment-loc-loading{color:var(--text-muted);padding:8px 14px;font-size:13px}.comment-loc-preview{background:rgba(var(--primary-rgb,13,148,136), .08);border-top:1px solid var(--border);align-items:center;gap:8px;padding:6px 14px;display:flex}.comment-loc-preview-text{color:var(--text);flex:1;font-size:13px}.comment-loc-preview button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.comment-loc-manual{border-top:1px solid var(--border);align-items:center;gap:6px;padding:6px 10px;display:flex}.comment-loc-manual input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:13px}.comment-loc-manual input:focus{border-color:#ffffff2e}.comment-loc-manual button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:600}.create-location-field{background:var(--bg-warm);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .15s;display:flex}.create-location-field:focus-within{border-color:var(--primary)}.create-location-input-row{align-items:center;gap:8px;display:flex}.create-location-pin{color:var(--primary);flex-shrink:0}.create-location-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.create-location-input::placeholder{color:var(--text-muted)}.create-location-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.create-location-clear:hover{color:var(--danger)}.create-location-btns{gap:8px;display:flex}.create-loc-btn{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--text-dim);cursor:pointer;transition:var(--transition);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:13px;display:flex}.create-loc-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.create-loc-btn:disabled{opacity:.5;cursor:not-allowed}.create-location-coords{color:var(--primary);padding:2px 4px;font-family:monospace;font-size:11px}.create-location-chip{border-radius:var(--radius-sm);border:1.5px solid var(--primary);background:var(--primary-light);align-items:center;gap:8px;min-height:44px;padding:10px 12px;display:flex}.create-location-chip-icon{color:var(--primary);flex-shrink:0}.create-location-chip-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.create-location-chip-coords{flex-shrink:0;font-size:14px}.create-location-chip-edit{color:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;min-height:44px;padding:6px 8px;font-size:13px;font-weight:500}.create-location-chip-edit:hover{background:#7fa17a26}.create-location-chip-clear{cursor:pointer;width:44px;height:44px;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.create-location-chip-clear:hover{color:var(--danger)}.create-page{padding:0}@media (width>=768px){.create-page{padding:0}}.create-post-header{z-index:100;padding:max(12px, env(safe-area-inset-top)) 12px 10px;background:var(--card);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;display:flex;position:sticky;top:0}.create-post-header-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;font-weight:700;overflow:hidden}.create-post-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.create-draft-btn{background:var(--bg-warm);width:38px;height:38px;color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.create-draft-btn:hover{background:var(--bg);color:var(--text)}.create-publish-btn{background:var(--primary);color:#1a1f1c;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;height:38px;padding:0 16px;font-size:14px;font-weight:700;transition:background .15s,opacity .15s}.create-publish-btn:disabled{opacity:.5;cursor:not-allowed}.create-publish-btn:hover:not(:disabled){background:var(--primary-dark)}.create-form{padding:12px 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.create-photo-section{flex-direction:column;gap:10px;display:flex}.create-photo-actions{gap:8px;display:flex}.create-photo-btn{border-radius:var(--radius);border:2px dashed var(--border);background:var(--card);min-height:64px;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.create-photo-btn:hover{border-color:var(--primary);color:var(--primary)}.create-photo-grid{flex-wrap:wrap;gap:8px;display:flex}.create-photo-thumb{border-radius:var(--radius-xs);flex-shrink:0;width:110px;height:110px;position:relative;overflow:hidden}.create-photo-thumb img{object-fit:cover;width:100%;height:100%}.create-photo-remove{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:4px;right:4px}.create-fish-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.create-fish-pills::-webkit-scrollbar{display:none}.create-fish-pill{border:1.5px solid var(--border);background:var(--card);height:36px;color:var(--text-dim);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-shrink:0;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.create-fish-pill:hover{border-color:var(--primary);color:var(--text)}.create-fish-pill--active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.create-weight-stepper{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--card);align-items:center;display:flex;overflow:hidden}.create-weight-btn{background:var(--bg-warm);width:48px;height:48px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:300;transition:background .1s;display:flex}.create-weight-btn:hover{background:var(--bg)}.create-weight-btn:active{background:var(--primary-light);color:var(--primary)}.create-weight-input{text-align:center;height:48px;color:var(--text);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px;font-weight:600}.create-weight-input::placeholder{color:var(--text-muted);font-size:14px;font-weight:400}.create-weight-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.create-weight-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.loc-modal-overlay{z-index:1000;background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.loc-modal-overlay{justify-content:center;align-items:center}}.loc-modal{background:var(--card);border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;width:100%;max-height:92vh;animation:.25s slide-up;display:flex}@media (width>=600px){.loc-modal{border-radius:var(--radius);max-width:520px;max-height:80vh}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.loc-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:16px;font-weight:600;display:flex}.loc-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;padding:4px;display:flex}.loc-modal-close:hover{color:var(--text)}.loc-modal-hint{color:var(--text-muted);padding:6px 16px;font-size:13px}.loc-modal-map{flex-shrink:0;height:320px;min-height:240px;position:relative}.loc-modal-coords{color:var(--text-muted);padding:0 2px;font-family:monospace;font-size:11px}.loc-modal-bottom{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;padding:10px 16px 14px;display:flex}.loc-modal-gps{border:1px solid var(--border);background:var(--bg-warm);color:var(--primary);cursor:pointer;transition:var(--transition);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:14px;display:flex}.loc-modal-gps:hover{border-color:var(--primary);background:var(--primary-light)}.loc-modal-name-row{align-items:center;gap:8px;display:flex}.loc-modal-name-input{border:1.5px solid var(--border);background:var(--bg-warm);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.loc-modal-name-input:focus{border-color:var(--primary)}.loc-modal-confirm{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;padding:8px 14px;display:flex}.loc-modal-confirm:hover:not(:disabled){background:var(--primary-dark)}.loc-modal-confirm:disabled{opacity:.4;cursor:not-allowed}.loc-modal-loading{color:var(--text-dim);justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.loc-modal-search-wrap{padding:0 12px;position:relative}.loc-modal-search-row{background:var(--bg-warm);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.loc-modal-search-row:focus-within{border-color:var(--primary)}.loc-modal-search-icon{color:var(--text-muted);flex-shrink:0}.loc-modal-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:14px}.loc-modal-search-input::placeholder{color:var(--text-muted)}.loc-modal-search-spin{color:var(--text-muted);flex-shrink:0;font-size:13px}.loc-modal-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.loc-modal-search-clear:hover{color:var(--text)}.loc-modal-suggestions{background:var(--card);border:1px solid var(--border);z-index:9999;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow-y:auto;box-shadow:0 6px 20px #00000040}.loc-modal-suggestion-item{text-align:left;border:none;border-bottom:1px solid var(--border-light);width:100%;color:var(--text);cursor:pointer;background:0 0;padding:10px 14px;font-family:inherit;font-size:14px;transition:background .12s;display:block}.loc-modal-suggestion-item:last-child{border-bottom:none}.loc-modal-suggestion-item:hover,.loc-modal-suggestion-item:active{background:var(--bg-warm)}.modal-box{background:var(--card);border-radius:var(--radius);width:100%;max-width:400px;padding:24px 20px;animation:.2s modal-slide;box-shadow:0 12px 40px #00000059}.modal-title{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:700}.modal-body{color:var(--text-dim);margin-bottom:20px;font-size:14px;line-height:1.5}.modal-textarea{box-sizing:border-box;border:1.5px solid var(--border-light);border-radius:var(--radius-xs);background:var(--bg);width:100%;color:var(--text);resize:vertical;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:14px}.modal-textarea:focus{border-color:var(--primary);outline:none}.modal-error{color:#dc2626;margin-bottom:10px;font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-btn{border-radius:var(--radius-xs);cursor:pointer;border:none;padding:8px 18px;font-size:14px;font-weight:600;transition:opacity .15s}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-cancel{background:var(--bg);color:var(--text-dim)}.modal-btn-cancel:hover{background:var(--border-light)}.modal-btn-danger{color:#fff;background:#dc2626}.modal-btn-danger:hover{background:#b91c1c}.modal-btn-primary{background:var(--primary);color:#fff}.modal-btn-primary:hover{opacity:.88}.avatar-crop-modal{background:var(--card);border-radius:var(--radius);flex-direction:column;width:100%;max-width:380px;animation:.2s modal-slide;display:flex;box-shadow:0 16px 48px #0006}.avatar-crop-header{color:var(--text);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 18px 12px;font-size:15px;font-weight:700;display:flex}.avatar-crop-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.avatar-crop-close:hover{background:var(--bg)}.avatar-crop-body{flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex}.avatar-crop-canvas-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.avatar-crop-canvas{cursor:grab;box-shadow:0 0 0 2px var(--primary);border-radius:50%;display:block}.avatar-crop-canvas:active{cursor:grabbing}.avatar-crop-hint{color:var(--text-muted);font-size:11px}.avatar-crop-zoom{align-items:center;gap:8px;width:100%;display:flex}.avatar-crop-zoom-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;padding:6px;display:flex}.avatar-crop-zoom-btn:hover{border-color:var(--primary);color:var(--primary)}.avatar-crop-slider{accent-color:var(--primary);flex:1;height:3px}.avatar-crop-replace-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 14px;font-family:inherit;font-size:13px;display:flex}.avatar-crop-replace-btn:hover{border-color:var(--primary);color:var(--primary)}.avatar-crop-history{width:100%}.avatar-crop-history-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.avatar-crop-history-list{gap:10px;display:flex}.avatar-crop-history-item{border:2px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;width:56px;height:56px;padding:0;transition:border-color .15s;position:relative;overflow:hidden}.avatar-crop-history-item:hover{border-color:var(--primary)}.avatar-crop-history-item img{object-fit:cover;width:100%;height:100%;display:block}.avatar-crop-history-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.avatar-crop-history-item:hover .avatar-crop-history-overlay{opacity:1}.avatar-crop-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:12px 18px 16px;display:flex}.avatar-crop-loading{color:var(--text-muted);background:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.avatar-crop-canvas-wrap{position:relative}.avatar-crop-empty{border:2px dashed var(--border);text-align:center;width:240px;height:240px;color:var(--text-muted);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.profile-fishing-types{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 4px;display:flex}.profile-fishing-chip{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);border:none;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.fishing-types-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.fishing-type-chip{border:1.5px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.fishing-type-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.fishing-type-chip:hover:not(.active){border-color:var(--primary);color:var(--primary)}.profile-tabs{border-bottom:2px solid var(--border);background:var(--card,#fff);margin:16px 0 0;display:flex}.profile-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-2px;padding:12px 8px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-tab:hover:not(.active){color:var(--text)}.profile-tab-count{background:var(--primary);color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.profile-photo-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:2px;display:grid}.profile-photo-item{aspect-ratio:1;overflow:hidden}.profile-photo-item img{object-fit:cover;width:100%;height:100%;display:block}.profile-garage{padding:0 0 24px}.profile-garage-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.profile-garage-header h3{align-items:center;gap:6px;margin:0;font-size:15px;font-weight:700;display:flex}.garage-add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.garage-add-form{background:var(--card,#fff);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;margin:0 12px 12px;padding:14px 16px;display:flex}.garage-form-row{gap:8px;display:flex}.garage-select,.garage-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:14px}.garage-select:focus,.garage-input:focus{border-color:var(--primary)}.garage-input-year{flex:0 0 80px;max-width:80px}.garage-input-full{width:100%}.garage-form-actions{justify-content:flex-end;gap:8px;display:flex}.garage-cancel-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:7px 16px;font-size:13px}.garage-save-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.garage-save-btn:disabled{opacity:.6}.garage-items-list{flex-direction:column;gap:0;display:flex}.garage-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.garage-item:last-child{border-bottom:none}.garage-item:hover{background:var(--bg)}.garage-item-icon{text-align:center;flex-shrink:0;width:40px;font-size:24px}.garage-item-info{flex:1;min-width:0}.garage-item-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.garage-item-name{color:var(--text);font-size:15px;font-weight:600}.garage-item-year{color:var(--text-muted);font-weight:400}.garage-item-notes{color:var(--text-muted);margin-top:2px;font-size:13px}.garage-delete-btn{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;padding:6px;transition:opacity .15s,color .15s}.garage-item:hover .garage-delete-btn{opacity:1}.garage-delete-btn:hover{color:#ef4444}.garage-scene-wrap{border-bottom:1px solid var(--border);overflow:hidden}.garage-scene-stage{aspect-ratio:1024/640;background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;max-height:400px;position:relative;overflow:hidden}.garage-spr{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;position:absolute}.garage-scene-empty{color:#ffffff4d;white-space:nowrap;pointer-events:none;font-size:13px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.garage-skin-bar{background:var(--card,#fff);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:8px 14px 10px;display:flex}.garage-skin-label{color:var(--text-muted);margin-right:2px;font-size:12px}.garage-skin-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:14px;padding:4px 14px;font-size:12px;font-weight:500;transition:all .15s}.garage-skin-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.garage-skin-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.fisherbase-slot{text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.fisherbase-slot-icon{margin-bottom:12px;font-size:48px}.fisherbase-slot-title{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:700}.fisherbase-slot-desc{color:var(--text-muted);max-width:280px;margin:0 0 16px;font-size:14px;line-height:1.5}.fisherbase-slot-hint{color:var(--text-muted);background:var(--bg,#f3f4f6);border-radius:10px;max-width:300px;padding:10px 16px;font-size:13px;line-height:1.5}.rewards-page{max-width:560px;margin:0 auto;padding:0 0 80px}.rewards-header{padding:24px 16px 8px}.rewards-header h1{margin:0 0 6px;font-size:22px;font-weight:700}.rewards-header p{color:var(--text-muted);margin:0;font-size:14px}.rewards-list{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.reward-card{background:var(--card-bg,#1a1f1c);border:1px solid var(--border,#2a2f2c);border-radius:16px;flex-direction:column;gap:14px;padding:18px;transition:opacity .2s;display:flex}.reward-card--claimed{opacity:.7}.reward-card-top{align-items:flex-start;gap:14px;display:flex}.reward-card-icon{flex-shrink:0;margin-top:2px;font-size:36px;line-height:1}.reward-card-body{flex:1;min-width:0}.reward-card-title{margin:0 0 4px;font-size:16px;font-weight:600}.reward-card-desc{color:var(--text-muted);margin:0 0 8px;font-size:13px;line-height:1.45}.reward-card-coins{color:var(--primary,#4caf50);white-space:nowrap;font-size:20px;font-weight:700}.reward-card-action{width:100%}.reward-tg-steps,.reward-vk-steps{flex-direction:column;gap:8px;display:flex}.reward-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;display:block}.reward-btn-sm{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;padding:11px 14px;font-size:14px;font-weight:600}.reward-tg-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.reward-vk-check{align-items:stretch;gap:8px;display:flex}.reward-vk-input{background:var(--input-bg,#0f1410);border:1px solid var(--border,#2a2f2c);min-width:0;color:var(--text,#e8eae6);border-radius:10px;outline:none;flex:1;padding:11px 12px;font-size:14px}.reward-vk-input:focus{border-color:var(--primary,#4caf50)}.reward-error{color:var(--danger,#dc2626);margin:4px 0 0;font-size:13px}.reward-claimed-badge{color:var(--primary,#4caf50);background:#4caf501a;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.rewards-footer{text-align:center;padding:16px}.rewards-footer p{color:var(--text-muted);margin-bottom:8px;font-size:13px;line-height:1.4}.rewards-footer-link{color:var(--primary,#4caf50);font-size:14px;font-weight:600;text-decoration:none}.profile-analytics{padding:4px 0 24px}.pa-loading,.pa-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.pa-stats-row{grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 16px;display:grid}.pa-stat{background:var(--card-bg,#1a1f1c);border:1px solid var(--border,#2a2f2c);text-align:center;border-radius:12px;padding:12px}.pa-stat-value{margin-bottom:2px;font-size:16px;font-weight:700;display:block}.pa-stat-label{color:var(--text-muted);font-size:11px;display:block}.pa-section{margin-bottom:20px}.pa-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:600}.pa-bars{align-items:flex-end;gap:6px;height:90px;display:flex}.pa-bar-col{flex-direction:column;flex:1;align-items:center;gap:2px;height:100%;display:flex}.pa-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.pa-bar-fill{background:var(--primary,#4caf50);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.pa-bar-label{color:var(--text-muted);white-space:nowrap;font-size:10px}.pa-bar-count{font-size:11px;font-weight:600}.pa-fish-list{flex-direction:column;gap:8px;display:flex}.pa-fish-row{align-items:center;gap:8px;display:flex}.pa-fish-name{white-space:nowrap;text-overflow:ellipsis;min-width:120px;font-size:13px;overflow:hidden}.pa-fish-bar-wrap{background:var(--border,#2a2f2c);border-radius:3px;flex:1;height:6px;overflow:hidden}.pa-fish-bar{background:var(--primary,#4caf50);border-radius:3px;min-width:4px;height:100%;transition:width .3s}.pa-fish-count{text-align:right;min-width:24px;font-size:12px;font-weight:600}.pa-achievements{flex-direction:column;gap:6px;display:flex}.pa-ach-progress{background:var(--border,#2a2f2c);border-radius:4px;height:8px;overflow:hidden}.pa-ach-bar{background:var(--primary,#4caf50);border-radius:4px;height:100%;transition:width .4s}.pa-ach-label{color:var(--text-muted);font-size:13px}.onboarding-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.onboarding-modal{background:var(--card-bg,#1a1f1c);text-align:center;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:32px 24px 40px;animation:.25s ease-out slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.onboarding-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;position:absolute;top:16px;right:16px}.onboarding-icon{color:var(--primary,#4caf50);margin-bottom:16px}.onboarding-title{margin-bottom:10px;font-size:20px;font-weight:700}.onboarding-desc{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.5}.onboarding-dots{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.onboarding-dot{background:var(--border,#2a2f2c);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.onboarding-dot.active{background:var(--primary,#4caf50);transform:scale(1.2)}.onboarding-actions{flex-direction:column;gap:8px;display:flex}.onboarding-btn{text-align:center;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:600}.srb-feed{background:var(--card-bg,#1a1f1c);border:1px solid var(--border,#2a2f2c);border-radius:14px;margin:10px 0 0;padding:14px 16px;position:relative}.srb-feed--claimed{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.srb-feed-claimed-label{color:var(--text-muted);font-size:12px}.srb-feed-claimed-link{color:#fff;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.srb-feed-claimed-link--tg{background:#229ed9}.srb-feed-claimed-link--vk{background:#07f}.srb-feed-claimed-link:hover{opacity:.85}.srb-feed-claimed-link svg{filter:brightness(0)invert()}.srb-feed-close{color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:10px;right:12px}.srb-feed-close:hover{opacity:1}.srb-feed-title{margin-bottom:10px;padding-right:24px;font-size:14px;font-weight:700}.srb-feed-rows{flex-direction:column;gap:6px;display:flex}.srb-feed-row{color:inherit;cursor:pointer;text-align:left;background:#ffffff0a;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;text-decoration:none;transition:background .15s;display:flex}.srb-feed-row:hover{background:#ffffff14}.srb-feed-row--btn{font-size:14px}.srb-feed-row--done{opacity:.6}.srb-feed-icon{flex-shrink:0;font-size:18px}.srb-feed-name{flex:1;font-size:14px;font-weight:600}.srb-feed-coins{color:var(--primary,#4caf50);white-space:nowrap;font-size:13px;font-weight:700}.srb-feed-done{font-size:16px}.srb-feed-auth-hint{color:var(--primary,#4caf50);margin-top:10px;font-size:12px;font-weight:600;text-decoration:none;display:block}.srb-feed-auth-hint:hover{text-decoration:underline}.srb-feed--guest .srb-feed-title{font-size:14px}.srb-sidebar{padding:0 0 12px}.srb-sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.srb-sidebar-row{margin-bottom:4px}.srb-sidebar-link{color:var(--text-muted);align-items:center;gap:7px;padding:4px 2px;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.srb-sidebar-link:hover{color:var(--text,#e0e0e0)}.srb-sidebar-earn{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:7px;padding:4px 2px;font-size:13px;display:flex}.srb-sidebar-earn-label{color:var(--text,#e0e0e0);flex:1;font-weight:500}.srb-sidebar-earn-coins{color:var(--primary,#4caf50);white-space:nowrap;font-size:12px;font-weight:700}.srb-sidebar-earn:hover .srb-sidebar-earn-label{color:var(--primary,#4caf50)}.srb-sidebar-icon{flex-shrink:0;align-items:center;display:flex}.srb-row--soon{opacity:.6;cursor:default;pointer-events:none;align-items:center;gap:7px;padding:4px 2px;display:flex}.srb-feed-row--soon{cursor:default;pointer-events:none;opacity:.65}.srb-soon-label{color:#9ca3af;flex:1;font-size:13px}.srb-soon-badge{color:#6b7280;white-space:nowrap;background:#9ca3af1f;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.scm-overlay{z-index:500;background:#0009;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.scm-sheet{background:var(--card-bg,#1a1f1c);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:8px 20px 40px;animation:.2s ease-out slideUp}.scm-handle{background:var(--border,#2a2f2c);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.scm-header{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.scm-icon{flex-shrink:0;font-size:28px}.scm-title{margin-bottom:3px;font-size:17px;font-weight:700}.scm-sub{color:var(--text-muted);font-size:13px}.scm-x{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 4px;font-size:22px}.scm-x:hover{opacity:1}.scm-steps{flex-direction:column;gap:16px;display:flex}.scm-step{gap:12px;display:flex}.scm-step-num{background:var(--primary,#4caf50);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;font-weight:700;display:flex}.scm-step-body{flex:1}.scm-step-label{margin-bottom:8px;font-size:14px;font-weight:600}.scm-subscribe-btn{background:var(--border,#2a2f2c);color:inherit;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.scm-subscribe-btn:hover{background:#ffffff1f}.scm-verify-btn{background:var(--primary,#4caf50);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:700;transition:opacity .15s}.scm-verify-btn:disabled{opacity:.5;cursor:not-allowed}.scm-verify-btn:not(:disabled):hover{opacity:.9}.scm-verify-btn--sm{white-space:nowrap;padding:8px 14px;font-size:13px}.scm-hint{color:var(--text-muted);margin-bottom:8px;font-size:12px;line-height:1.4}.scm-vk-row{align-items:center;gap:8px;display:flex}.scm-vk-input{background:var(--bg,#111);border:1px solid var(--border,#2a2f2c);color:inherit;border-radius:10px;flex:1;padding:9px 12px;font-size:14px}.scm-vk-input::placeholder{color:var(--text-muted)}.scm-error{color:#ef4444;margin-top:8px;font-size:12px;line-height:1.4}.scm-done{text-align:center;padding:16px 0 8px}.scm-done-icon{margin-bottom:12px;font-size:48px}.scm-done-title{margin-bottom:6px;font-size:22px;font-weight:700}.scm-done-sub{color:var(--text-muted);margin-bottom:24px;font-size:14px}.scm-close-btn{width:100%;padding:13px;font-size:16px;font-weight:700}.sidebar-admin-link{color:var(--text-muted);opacity:.7;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:6px 12px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-admin-link:hover{color:var(--text,#e0e0e0);opacity:1;background:#ffffff0f}.scm-waiting-btns{flex-direction:column;gap:8px;display:flex}.scm-retry-btn{border:1px solid var(--border,#2a2f2c);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:8px 14px;font-size:13px;transition:background .15s}.scm-retry-btn:hover{background:#ffffff0f}.scm-retry-btn:disabled{opacity:.4;cursor:not-allowed}.post-modal-overlay{z-index:300;background:#000000b3;justify-content:center;align-items:flex-start;padding:40px 16px 16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.post-modal{background:var(--card-bg,#1a1f1c);border-radius:16px;width:100%;max-width:640px;position:relative;overflow:hidden}.post-modal-header{justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px;display:flex}.post-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.post-modal-close:hover{background:#fff3}.post-modal-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px;display:none}.post-modal-author-avatar--placeholder{background:var(--primary-light);color:var(--primary);justify-content:center;align-items:center;font-size:13px;font-weight:700}.post-modal-author-name{color:var(--text);font-size:14px;font-weight:600;display:none}@media (width<=767px){.post-modal-overlay{background:#0000004d;align-items:stretch;padding:0}.post-modal{border-radius:0;flex-direction:column;max-width:none;height:100dvh;max-height:none;display:flex;overflow:hidden}.post-modal-header{padding:max(12px, env(safe-area-inset-top)) 12px 12px;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:flex-start;min-height:52px}.post-modal-author-avatar{display:flex}.post-modal-author-name{text-overflow:ellipsis;white-space:nowrap;flex:1;display:inline;overflow:hidden}.post-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0px);flex:1;overflow-y:auto}.post-modal-body .post-quick-comment-bar{z-index:5;background:var(--card);border-top:1px solid var(--border-light);padding-bottom:max(4px, env(safe-area-inset-bottom));margin-top:0;position:sticky;bottom:0}}.profile-rank-block{border-top:1px solid var(--border,#00000014);flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;margin-top:6px;padding:8px 0 2px;display:flex}.profile-rank-label{letter-spacing:.06em;text-transform:uppercase;color:var(--primary,#0d9488);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.profile-rank-progress-wrap{background:var(--border,#0000001a);border-radius:2px;flex:1;min-width:40px;height:3px;overflow:hidden}.profile-rank-bar{background:var(--primary,#0d9488);border-radius:2px;min-width:2px;height:100%;transition:width .5s}.profile-rank-xp{color:var(--text-dim,#9ca3af);white-space:nowrap;flex-shrink:0;font-size:11px}.profile-rank-next{color:var(--text-dim,#9ca3af);white-space:nowrap;flex-shrink:0;font-size:10px}.post-pb-badge{color:var(--primary,#0d9488);background:color-mix(in srgb, var(--primary,#0d9488) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary,#0d9488) 22%, transparent);white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.post-catch-big{color:#94a3b8;white-space:nowrap;background:#94a3b812;border:1px solid #94a3b81f;border-radius:10px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}