:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-xs: 15px;--font-size-sm: 15px;--font-size-base: 15px;--font-size-md: 15px;--font-size-lg: 15px;--font-size-xl: 15px;--font-size-2xl: 15px;--font-size-3xl: 20px;--font-size-4xl: 15px;--font-size-5xl: 15px;--font-size-6xl: 15px;--icon-xs: 18px;--icon-sm: 22px;--icon-md: 26px;--icon-lg: 34px;--icon-xl: 50px;--icon-2xl: 66px}.page-header,.feed-header,.map-header,.profile-header,.badges-header,.friends-header,.settings-header,.search-header,.verified-header,.edit-profile-header,.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px;min-height:74px;background:#fff;box-shadow:0 2px 12px #0000001a;position:sticky;top:0;z-index:100}.page-header h1,.feed-header h1,.map-header h1,.profile-header h1,.badges-header h1,.friends-header h1,.settings-header h1,.search-header h1,.verified-header h1,.edit-profile-header h1,.detail-header h1{flex:1;text-align:center;margin:0;font-size:var(--font-size-3xl);color:#333}.header-spacer{width:40px}.back-button,.edit-button,.settings-button,.save-button,.header-button{background:#0000000d;border:1px solid rgba(0,0,0,.1);font-size:15px;cursor:pointer;padding:8px 12px;color:#333;border-radius:12px;transition:all .2s;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.back-button:hover,.edit-button:hover,.settings-button:hover,.save-button:hover,.header-button:hover{background:#ffffff4d;border-color:#ffffff80}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:var(--font-size-3xl);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.4em .6em;font-size:15px;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:375px){:root{--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 15px;--font-size-xl: 15px;--font-size-2xl: 16px;--font-size-3xl: 20px;--font-size-4xl: 20px;--font-size-5xl: 24px;--font-size-6xl: 28px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 18px;--icon-lg: 24px;--icon-xl: 36px;--icon-2xl: 48px}.page-header,.feed-header,.map-header,.profile-header,.badges-header,.friends-header,.settings-header,.search-header,.verified-header,.edit-profile-header,.detail-header{padding:10px}.page-header h1,.feed-header h1{font-size:20px}.back-button,.edit-button,.settings-button,.save-button,.header-button{padding:5px 8px;min-width:32px;min-height:32px;font-size:15px}}@media(min-width:376px)and (max-width:414px){:root{--font-size-xs: 11.5px;--font-size-sm: 12.5px;--font-size-base: 13.5px;--font-size-md: 14.5px;--font-size-lg: 15.5px;--font-size-xl: 17px;--font-size-2xl: 19px;--font-size-3xl: 22px;--font-size-4xl: 26px;--font-size-5xl: 30px;--font-size-6xl: 36px}}.bottom-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #e0e0e0;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -2px 8px #0000001a}@media(max-width:375px){.bottom-navigation{padding:4px 0 calc(4px + env(safe-area-inset-bottom))}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 12px;background:none;border:none;cursor:pointer;transition:all .2s;color:#999;min-width:60px;flex:1;max-width:100px}.nav-icon{font-size:20px;transition:transform .2s}.nav-label{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item:hover{color:#4caf50}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active{color:#4caf50}.nav-item.active .nav-icon{transform:scale(1.15)}@media(max-width:375px){.nav-item{padding:2px 8px;min-width:50px;gap:3px}.nav-icon{font-size:20px}.nav-label{font-size:15px}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:12px;z-index:9999;min-width:320px;max-width:90%;animation:slideDownSmooth .4s cubic-bezier(.16,1,.3,1);cursor:pointer;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes slideDownSmooth{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.toast-exit{animation:slideUpSmooth .3s cubic-bezier(.4,0,1,1) forwards}@keyframes slideUpSmooth{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95)}}.toast-icon{font-size:15px;line-height:1}.toast-message{font-size:15px;line-height:1.4;color:#333;white-space:pre-line}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #3b82f6}@media(min-width:768px){.toast{min-width:400px;max-width:600px}}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--safe-text: #000000}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background:var(--bg-secondary)!important;color:var(--text-primary)!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333!important}#root{width:100%;margin:0;padding:0;overflow-x:hidden;background:var(--bg-secondary);color:var(--text-primary)}.app-container{min-height:100vh;position:relative;padding-bottom:70px;width:100%;margin:0 auto;overflow-x:hidden;background:#e5e5e5;color:#333!important}@media(min-width:600px){.app-container{max-width:600px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}