.navbar[data-v-f7ae35f2]{position:fixed;bottom:0;left:0;right:0;background-color:var(--white);display:flex;justify-content:space-around;padding:12px 0;z-index:100}.navbar-item[data-v-f7ae35f2]{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--light-text);text-decoration:none;padding:4px 0}.navbar-item.active[data-v-f7ae35f2]{color:var(--primary-color)}.upload[data-v-f7ae35f2]{position:relative}.upload-btn[data-v-f7ae35f2]{position:absolute;top:-20px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 2px 8px #f99e554d}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f8f8;color:#333}.app-container{min-height:100vh}:root{--primary-color: #F99E55;--secondary-color: #161823;--background-color: #f8f8f8;--text-color: #333333;--light-text: #8a8a8a;--border-color: #e0e0e0;--white: #ffffff;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:100%;padding:0 16px;margin:0 auto}.card{background-color:var(--white);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:none;font-size:16px}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-secondary{background-color:var(--white);color:var(--primary-color);border:1px solid var(--primary-color)}.btn-disabled{background-color:#e0e0e0;color:#8a8a8a;cursor:not-allowed}.input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;margin-bottom:16px;transition:border-color .3s ease}.input:focus{outline:none;border-color:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:8px}ul,ol{list-style:none}a{color:var(--primary-color);text-decoration:none}.avatar{border-radius:50%;object-fit:cover}.avatar-small{width:32px;height:32px}.avatar-medium{width:48px;height:48px}.avatar-large{width:64px;height:64px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-light{color:var(--light-text)}.text-sm{font-size:14px}.text-lg{font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.loading{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{min-height:100vh;padding:24px 16px;background-color:var(--background-color);padding-top:env(safe-area-inset-top,24px)}.navbar-top{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;padding-top:env(safe-area-inset-top,0)}.navbar{position:fixed;bottom:0;left:0;right:0;background-color:var(--white);display:flex;justify-content:space-around;padding:12px 0;z-index:100}.navbar-item{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--light-text)}.navbar-item.active{color:var(--primary-color)}.navbar-top{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.navbar-top h1{margin:0;text-align:center}.navbar-top .search-btn,.navbar-top .back-btn,.navbar-top .save-btn{position:absolute;background:none;border:none;cursor:pointer;color:var(--primary-color);padding:4px}.navbar-top .search-btn,.navbar-top .save-btn{right:0}.navbar-top .back-btn{left:0}.safe-area{height:34px}@media(max-width:768px){.container{padding:0 12px}.btn{padding:10px 20px;font-size:14px}.input{padding:10px 14px;font-size:14px}.page-container{padding:16px 12px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}.navbar{padding:8px 0}.navbar-item{font-size:10px}.navbar-item svg{width:20px;height:20px}.friends-grid{gap:12px}}@media(max-width:480px){.btn{padding:8px 16px;font-size:12px}.input{padding:8px 12px;font-size:12px}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}.friends-grid{gap:10px}}