@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--blue: #3B82F6;--blue-light: #60A5FA;--blue-dark: #2563EB;--teal: #14B8A6;--teal-light: #2DD4BF;--green: #22C55E;--green-light: #4ADE80;--coral: #FF5A6A;--coral-light: #FF8A94;--coral-dark: #E8404F;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--gray-950: #030712;--cat-safety: #FF5A6A;--cat-traffic: #F59E0B;--cat-event: #8B5CF6;--cat-food: #F97316;--cat-business: #14B8A6;--cat-community: #3B82F6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 12px 40px rgba(0,0,0,.16);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;color-scheme:light;font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--gray-100);color:var(--gray-900);overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea{font-family:inherit;border:none;outline:none;color:inherit}.phone-frame{position:relative;width:100%;height:100vh;max-width:430px;margin:0 auto;background:var(--white);overflow:hidden;display:flex;flex-direction:column}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:28px;background:var(--gray-950);border-radius:0 0 20px 20px;z-index:100}.phone-screen{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:28px}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.bottom-nav{display:flex;align-items:center;justify-content:space-around;height:64px;background:var(--white);border-top:1px solid var(--gray-200);padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--gray-400);transition:color .2s;position:relative;-webkit-tap-highlight-color:transparent}.nav-tab.active{color:var(--blue)}.nav-tab.active .nav-label{font-weight:600}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon{width:24px;height:24px}.nav-label{font-size:10px;font-weight:500;letter-spacing:.02em}.alert-badge{position:absolute;top:-4px;right:-8px;background:var(--coral);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:2px solid var(--white)}.post-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--blue)}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--sp-5) var(--sp-5) var(--sp-3);background:var(--white)}.header-left{display:flex;flex-direction:column;gap:2px}.header-right{display:flex;align-items:center;gap:var(--sp-2)}.screen-title{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--gray-900);line-height:1.2}.header-subtitle{font-size:13px;color:var(--gray-500);font-weight:500}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-600);transition:all .2s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--gray-200)}.text-btn{font-size:14px;font-weight:600;color:var(--blue);padding:6px 12px;border-radius:var(--radius-sm);transition:background .2s}.text-btn:hover{background:#3b82f614}.app-logo{display:flex;align-items:center;gap:var(--sp-2)}.logo-pulse{width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue),var(--teal));position:relative}.logo-pulse:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#fff;animation:logo-pulse 2s ease-in-out infinite}@keyframes logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--blue),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-map-section{margin:var(--sp-3) var(--sp-5) 0;border-radius:var(--radius-xl);overflow:hidden;position:relative;cursor:pointer;box-shadow:var(--shadow-md)}.mini-map{height:180px;background:linear-gradient(160deg,#e8f0fe,#d1e8ff 40%,#c5dfff);position:relative;overflow:hidden}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0}.grid-line-h{position:absolute;left:0;right:0;height:1px;background:#3b82f614}.grid-line-v{position:absolute;top:0;bottom:0;width:1px;background:#3b82f614}.map-road{position:absolute;background:#ffffffb3;z-index:1}.road-h{height:3px;border-radius:2px}.road-v{width:3px;border-radius:2px}.center-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.center-dot{width:10px;height:10px;background:var(--blue);border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #3b82f666;position:relative;z-index:2}.center-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:center-ping 2s cubic-bezier(0,0,.2,1) infinite}.center-marker.large .center-ring{width:40px;height:40px}.center-marker.large .ring-outer{width:56px;height:56px;animation-delay:.5s}@keyframes center-ping{0%{transform:translate(-50%,-50%) scale(1);opacity:1}75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}.map-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #00000026;z-index:5;animation:dot-bounce 2s ease-in-out infinite}.map-dot.urgent{animation:dot-bounce-urgent 1s ease-in-out infinite}@keyframes dot-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes dot-bounce-urgent{0%,to{transform:scale(1);box-shadow:0 2px 6px #00000026}50%{transform:scale(1.3);box-shadow:0 2px 12px #ff5a6a66}}.dot-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid;border-radius:50%;opacity:.4;animation:dot-ring-pulse 1.5s ease-in-out infinite}@keyframes dot-ring-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:0}}.heatmap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 30%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(20,184,166,.06) 0%,transparent 40%),radial-gradient(circle at 45% 70%,rgba(139,92,246,.05) 0%,transparent 35%);z-index:2;pointer-events:none}.map-overlay-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-stats{display:flex;gap:var(--sp-3)}.map-stat{display:flex;align-items:center;gap:var(--sp-1);font-size:11px;font-weight:600;color:var(--gray-600)}.stat-dot{width:6px;height:6px;border-radius:50%}.map-expand{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--blue)}.quick-actions{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);overflow-x:auto;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);flex-shrink:0}.qa-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s}.quick-action:active .qa-icon{transform:scale(.92)}.qa-label{font-size:11px;font-weight:600;color:var(--gray-600)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5) var(--sp-2)}.section-title{font-size:16px;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:var(--sp-2)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.section-count{font-size:12px;font-weight:500;color:var(--gray-400)}.feed-list{padding:0 var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.feed-list.full-feed{padding-bottom:var(--sp-8)}.pulse-card{display:flex;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);position:relative;transition:transform .15s,box-shadow .15s}.pulse-card:active{transform:scale(.985)}.pulse-card.urgent{border-color:#ff5a6a33;animation:urgent-card 3s ease-in-out infinite}@keyframes urgent-card{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 1px #ff5a6a26,var(--shadow-sm)}}.pulse-card-accent{width:4px;flex-shrink:0}.pulse-card-content{flex:1;padding:var(--sp-3);min-width:0}.pulse-card.compact .pulse-card-content{padding:var(--sp-2) var(--sp-3)}.pulse-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-1)}.pulse-card-category{display:flex;align-items:center;gap:var(--sp-1)}.category-icon{font-size:12px}.category-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pulse-card-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--gray-400)}.pulse-dot{font-size:8px}.pulse-card-title{font-size:14px;font-weight:700;color:var(--gray-900);line-height:1.3;margin-bottom:4px}.pulse-card.compact .pulse-card-title{font-size:13px}.pulse-card-desc{font-size:13px;color:var(--gray-500);line-height:1.45;margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pulse-card-location{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--gray-400);margin-bottom:var(--sp-2)}.location-icon{width:12px;height:12px;flex-shrink:0}.pulse-card-actions{display:flex;gap:var(--sp-4);padding-top:var(--sp-2);border-top:1px solid var(--gray-100)}.action-btn{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--gray-400);transition:color .2s;padding:2px 0}.action-btn.liked{color:var(--coral)}.action-btn:hover{color:var(--gray-600)}.action-icon{width:16px;height:16px}.urgent-pulse-dot{position:absolute;top:var(--sp-2);right:var(--sp-2);width:8px;height:8px;border-radius:50%;background:var(--coral);animation:urgent-dot 1.5s ease-in-out infinite}@keyframes urgent-dot{0%,to{opacity:1;box-shadow:0 0 #ff5a6a66}50%{opacity:.8;box-shadow:0 0 0 6px #ff5a6a00}}.category-filter{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding:0 var(--sp-5)}.category-filter::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--gray-500);background:var(--gray-100);border:1.5px solid transparent;white-space:nowrap;flex-shrink:0;transition:all .2s}.filter-chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}.chip-icon{font-size:13px}.feed-filter-section{padding:var(--sp-2) 0 var(--sp-3)}.map-screen{display:flex;flex-direction:column;height:100%}.map-screen-header{padding:var(--sp-3) var(--sp-5);background:var(--white);z-index:10}.map-search-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--gray-100);border-radius:var(--radius-full);padding:10px 16px}.search-icon{width:18px;height:18px;color:var(--gray-400);flex-shrink:0}.search-input{background:none;flex:1;font-size:14px;color:var(--gray-700)}.search-input::placeholder{color:var(--gray-400)}.map-full{flex:1;background:linear-gradient(160deg,#e8f0fe,#d1e8ff 40%,#c5dfff);position:relative;overflow:hidden}.map-building{position:absolute;background:#ffffff80;border-radius:4px;border:1px solid rgba(255,255,255,.6)}.heatmap-spot{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,90,106,.15) 0%,rgba(255,90,106,.05) 50%,transparent 70%);pointer-events:none;z-index:3}.map-marker{position:absolute;z-index:8;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%)}.marker-dot{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:2.5px solid white;box-shadow:var(--shadow-md);position:relative;z-index:2}.map-marker.urgent .marker-dot{animation:marker-bounce 1.5s ease-in-out infinite}@keyframes marker-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.marker-emoji{font-size:14px;line-height:1}.marker-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid;border-radius:var(--radius-lg);opacity:.3;animation:marker-ring-pulse 2s ease-in-out infinite}@keyframes marker-ring-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:0}}.marker-label{margin-top:4px;font-size:10px;font-weight:700;color:var(--gray-700);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;box-shadow:var(--shadow-sm)}.map-controls{position:absolute;top:var(--sp-4);right:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);z-index:10}.map-control-btn{width:40px;height:40px;border-radius:var(--radius-md);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:var(--gray-700);transition:all .2s}.map-control-btn svg{width:18px;height:18px}.map-control-btn:hover{background:#fff;box-shadow:var(--shadow-lg)}.near-me-fab{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-2);background:var(--blue);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:700;box-shadow:0 4px 16px #3b82f666;z-index:10;transition:all .2s}.near-me-fab svg{width:18px;height:18px}.near-me-fab:hover{box-shadow:0 6px 24px #3b82f680;transform:translate(-50%) translateY(-2px)}.near-me-fab:active{transform:translate(-50%) scale(.96)}.map-filter-bar{padding:var(--sp-3) 0;background:var(--white);border-top:1px solid var(--gray-100)}.post-form{padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5)}.post-section{display:flex;flex-direction:column;gap:var(--sp-2)}.post-label{font-size:13px;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:.04em}.post-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.post-cat-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3);border-radius:var(--radius-md);background:var(--gray-50);border:2px solid var(--gray-200);transition:all .2s}.post-cat-btn.selected{border-color:var(--blue);background:#3b82f60d}.post-cat-btn:active{transform:scale(.95)}.post-cat-icon{font-size:22px}.post-cat-label{font-size:11px;font-weight:600;color:var(--gray-600)}.post-input{padding:var(--sp-3);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:15px;transition:border-color .2s}.post-input:focus{border-color:var(--blue);background:#fff}.post-textarea{padding:var(--sp-3);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:15px;resize:none;line-height:1.5;transition:border-color .2s}.post-textarea:focus{border-color:var(--blue);background:#fff}.post-location-picker{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md)}.loc-icon{width:18px;height:18px;color:var(--blue)}.loc-text{font-size:14px;font-weight:500;color:var(--gray-700);flex:1}.loc-badge{font-size:10px;font-weight:700;color:var(--green);background:#22c55e1a;padding:2px 8px;border-radius:var(--radius-full)}.photo-upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-5);background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-400);font-size:14px;font-weight:600;transition:all .2s}.photo-upload-btn svg{width:24px;height:24px}.photo-upload-btn:hover{border-color:var(--blue);color:var(--blue);background:#3b82f608}.post-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:14px;background:var(--blue);color:#fff;border-radius:var(--radius-lg);font-size:16px;font-weight:700;box-shadow:0 4px 16px #3b82f64d;transition:all .2s}.post-submit-btn svg{width:20px;height:20px}.post-submit-btn:hover:not(.disabled){background:var(--blue-dark);box-shadow:0 6px 24px #3b82f666}.post-submit-btn:active:not(.disabled){transform:scale(.98)}.post-submit-btn.disabled{background:var(--gray-300);box-shadow:none;cursor:not-allowed}.posting-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.post-success{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-4);animation:fade-in .3s ease}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;animation:success-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes success-pop{0%{transform:scale(0)}to{transform:scale(1)}}.post-success h2{font-size:20px;font-weight:800;color:var(--gray-900)}.post-success p{font-size:14px;color:var(--gray-500)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.alert-tabs{display:flex;gap:var(--sp-2);padding:0 var(--sp-5) var(--sp-3)}.alert-tab{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--gray-500);background:var(--gray-100);transition:all .2s}.alert-tab.active{background:var(--gray-900);color:#fff}.urgent-banner{display:flex;align-items:center;gap:var(--sp-3);margin:0 var(--sp-5) var(--sp-3);padding:var(--sp-3);background:linear-gradient(135deg,#ff5a6a14,#ff5a6a0a);border:1px solid rgba(255,90,106,.2);border-radius:var(--radius-lg);animation:urgent-banner-pulse 3s ease-in-out infinite}@keyframes urgent-banner-pulse{0%,to{border-color:#ff5a6a33}50%{border-color:#ff5a6a66}}.urgent-banner-icon{font-size:24px}.urgent-banner-content{flex:1;display:flex;flex-direction:column;gap:2px}.urgent-banner-title{font-size:13px;font-weight:800;color:var(--coral);text-transform:uppercase;letter-spacing:.04em}.urgent-banner-desc{font-size:13px;color:var(--gray-600)}.urgent-chevron{width:18px;height:18px;color:var(--gray-400)}.notification-list{padding:0 var(--sp-5) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-2)}.notification-item{display:flex;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-100);transition:all .15s}.notification-item.unread{background:#3b82f605;border-color:#3b82f61a}.notification-item.urgent-item{border-color:#ff5a6a26;background:#ff5a6a05}.notif-left{position:relative;flex-shrink:0}.notif-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px}.notif-unread-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--blue);border:2px solid var(--white)}.notif-content{flex:1;min-width:0}.notif-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);margin-bottom:4px}.notif-title{font-size:13px;font-weight:700;color:var(--gray-900);line-height:1.3}.notif-severity{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.notif-desc{font-size:12px;color:var(--gray-500);line-height:1.4;margin-bottom:4px}.notif-time{font-size:11px;color:var(--gray-400);font-weight:500}.profile-content{padding:0 var(--sp-5) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5)}.profile-card{padding:var(--sp-5);background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:var(--radius-xl);color:#fff}.profile-avatar-section{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-3)}.profile-avatar{width:56px;height:56px;border-radius:var(--radius-lg);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;border:2px solid rgba(255,255,255,.3)}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-name{font-size:20px;font-weight:800;letter-spacing:-.02em}.profile-handle{font-size:13px;opacity:.7;font-weight:500}.profile-bio{font-size:13px;line-height:1.5;opacity:.85;margin-bottom:var(--sp-2)}.profile-joined{font-size:11px;opacity:.6;font-weight:500}.profile-stats{display:flex;align-items:center;background:var(--white);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-md);border:1px solid var(--gray-100)}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-number{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.02em}.stat-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.stat-divider{width:1px;height:32px;background:var(--gray-200)}.profile-section{display:flex;flex-direction:column;gap:var(--sp-3)}.profile-section-title{font-size:15px;font-weight:700;color:var(--gray-900)}.badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.badge-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-4);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);text-align:center;position:relative;box-shadow:var(--shadow-sm);transition:transform .15s}.badge-card:active{transform:scale(.97)}.badge-card.locked{opacity:.5}.badge-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.badge-name{font-size:12px;font-weight:700;color:var(--gray-900)}.badge-desc{font-size:10px;color:var(--gray-400);line-height:1.3}.badge-lock{position:absolute;top:var(--sp-2);right:var(--sp-2);color:var(--gray-400)}.profile-links{display:flex;flex-direction:column;gap:var(--sp-2)}.profile-link{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:all .15s}.profile-link:active{background:var(--gray-50)}.link-left{display:flex;align-items:center;gap:var(--sp-3)}.link-left svg{width:20px;height:20px;color:var(--gray-500)}.link-left span{font-size:14px;font-weight:600;color:var(--gray-700)}.link-count{font-size:14px;font-weight:700;color:var(--gray-900)}.link-chevron{width:16px;height:16px;color:var(--gray-400)}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column}.map-back-btn{position:absolute;top:40px;left:16px;width:40px;height:40px;border-radius:var(--radius-md);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:210;color:var(--gray-700);transition:all .2s}.map-back-btn svg{width:20px;height:20px}.map-back-btn:hover{background:#fff;box-shadow:var(--shadow-xl)}.screen-content::-webkit-scrollbar{width:0}@media(min-width:431px){body{background:#f0f2f5;display:flex;align-items:center;justify-content:center;min-height:100vh}.phone-frame{height:min(920px,95vh);border-radius:40px;box-shadow:0 0 0 8px #1a1a2e,0 0 0 10px #333,0 20px 60px #0000004d;margin:20px}.phone-notch{border-radius:0 0 20px 20px}}