@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700&display=swap);:root{--primary:#e91e8c;--primary-2:#7b2ff7;--gradient:linear-gradient(135deg,#e91e8c,#7b2ff7);--bg:#fafafa;--surface:#fff;--border:#efefef;--text:#1a1a2e;--text-2:#6b7280;--text-3:#9ca3af;--success:#10b981;--danger:#ef4444;--radius:clamp(8px,1.5vw,12px);--radius-lg:clamp(12px,2vw,20px);--radius-xl:clamp(16px,3vw,28px);--shadow:0 2px 12px #00000012;--shadow-lg:0 8px 32px #0000001c;--sidebar-w:240px;--sidebar-w-md:72px;--mobile-nav-h:60px;--mobile-topbar-h:52px;--fs-xs:clamp(10px,1.8vw,11px);--fs-sm:clamp(11px,2vw,13px);--fs-base:clamp(13px,2.2vw,15px);--fs-md:clamp(14px,2.5vw,16px);--fs-lg:clamp(16px,3vw,20px);--fs-xl:clamp(18px,3.5vw,24px);--fs-2xl:clamp(22px,4.5vw,32px);--fs-3xl:clamp(26px,5.5vw,42px);--sp-1:clamp(4px,1vw,8px);--sp-2:clamp(8px,1.5vw,12px);--sp-3:clamp(12px,2vw,16px);--sp-4:clamp(16px,2.5vw,24px);--sp-5:clamp(20px,3vw,32px);--sp-6:clamp(28px,4vw,48px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:clamp(13px,1.5vw + .5rem,16px);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--bg);color:#1a1a2e;color:var(--text);font-family:Nunito,sans-serif;font-size:clamp(13px,2.2vw,15px);font-size:var(--fs-base);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#efefef;background:var(--border);border-radius:3px}*{scrollbar-color:#efefef #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}h1{font-size:clamp(26px,5.5vw,42px);font-size:var(--fs-3xl);font-weight:800;line-height:1.2}h2{font-size:clamp(22px,4.5vw,32px);font-size:var(--fs-2xl);line-height:1.25}h2,h3{font-weight:700}h3{font-size:clamp(18px,3.5vw,24px);font-size:var(--fs-xl);line-height:1.3}h4{font-size:clamp(16px,3vw,20px);font-size:var(--fs-lg);font-weight:700}h5{font-size:clamp(14px,2.5vw,16px);font-size:var(--fs-md);font-weight:600}p{font-size:clamp(13px,2.2vw,15px);font-size:var(--fs-base)}.flex{display:flex}.flex-b,.flex-c{align-items:center;display:flex}.flex-b{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-1{gap:clamp(4px,1vw,8px);gap:var(--sp-1)}.gap-2{gap:clamp(8px,1.5vw,12px);gap:var(--sp-2)}.gap-3{gap:clamp(12px,2vw,16px);gap:var(--sp-3)}.gap-4{gap:clamp(16px,2.5vw,24px);gap:var(--sp-4)}.w-full{width:100%}.text-2{color:#6b7280;color:var(--text-2)}.text-3{color:#9ca3af;color:var(--text-3)}.text-xs{font-size:clamp(10px,1.8vw,11px);font-size:var(--fs-xs)}.text-sm{font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm)}.text-base{font-size:clamp(13px,2.2vw,15px);font-size:var(--fs-base)}.text-md{font-size:clamp(14px,2.5vw,16px);font-size:var(--fs-md)}.text-lg{font-size:clamp(16px,3vw,20px);font-size:var(--fs-lg)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.rounded{border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius)}.rounded-lg{border-radius:clamp(12px,2vw,20px);border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius);display:inline-flex;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);font-weight:700;gap:clamp(4px,1vw,8px);gap:var(--sp-1);justify-content:center;line-height:1;padding:clamp(8px,1.2vw,11px) clamp(14px,2.5vw,22px);transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);box-shadow:0 4px 15px #e91e8c47;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #e91e8c61;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:#0000;border:2px solid #efefef;border:2px solid var(--border);color:#1a1a2e;color:var(--text)}.btn-outline:hover{border-color:#e91e8c;border-color:var(--primary);color:#e91e8c;color:var(--primary)}.btn-ghost{color:#6b7280;color:var(--text-2)}.btn-ghost:hover{background:#e91e8c0f;color:#e91e8c;color:var(--primary)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-sm{font-size:clamp(10px,1.8vw,11px);font-size:var(--fs-xs);padding:clamp(5px,1vw,7px) clamp(10px,2vw,16px)}.btn-lg{font-size:clamp(14px,2.5vw,16px);font-size:var(--fs-md);padding:clamp(12px,1.8vw,16px) clamp(24px,4vw,36px)}.btn-icon{border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius);flex-shrink:0;padding:clamp(6px,1vw,9px)}.card{background:#fff;background:var(--surface);border:1px solid #efefef;border:1px solid var(--border);border-radius:clamp(12px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000012;box-shadow:var(--shadow)}.avatar{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:block;flex-shrink:0;object-fit:cover}.input-group{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);gap:var(--sp-1)}.input-group label{color:#6b7280;color:var(--text-2);font-size:clamp(10px,1.8vw,11px);font-size:var(--fs-xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase}.input{background:#fff;background:var(--surface);border:2px solid #efefef;border:2px solid var(--border);border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius);color:#1a1a2e;color:var(--text);font-size:clamp(13px,2.2vw,15px);font-size:var(--fs-base);line-height:1.5;outline:none;padding:clamp(10px,1.5vw,13px) clamp(12px,2vw,16px);transition:border-color .2s,box-shadow .2s;width:100%}.input:focus{border-color:#e91e8c;border-color:var(--primary);box-shadow:0 0 0 3px #e91e8c1f}.input::placeholder{color:#9ca3af;color:var(--text-3);font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .7s linear infinite;border:2.5px solid #e91e8c33;border-radius:50%;border-top:2.5px solid var(--primary);flex-shrink:0;height:clamp(16px,3vw,22px);width:clamp(16px,3vw,22px)}.page-loader{align-items:center;background:#fafafa;background:var(--bg);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.32)}}.pop{animation:pop .3s ease}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:800px 100%;border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:240px;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .25s ease}@media (min-width:1280px){:root{--sidebar-w:260px}}@media (max-width:1024px) and (min-width:769px){:root{--sidebar-w:var(--sidebar-w-md)}.main-content{margin-left:72px;margin-left:var(--sidebar-w-md)}}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:60px;padding-bottom:var(--mobile-nav-h);padding-top:52px;padding-top:var(--mobile-topbar-h)}}.story-ring{background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);border-radius:50%;padding:2px}.story-ring-inner{background:#fafafa;background:var(--bg);border-radius:50%;padding:2px}.modal-overlay{align-items:center;background:#00000085;display:flex;inset:0;justify-content:center;padding:clamp(8px,3vw,20px);position:fixed;z-index:600}.modal-box{border-radius:clamp(16px,3vw,28px);border-radius:var(--radius-xl);max-height:92vh;max-width:clamp(300px,90vw,520px);overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #efefef;border-bottom:1px solid var(--border);display:flex;font-size:clamp(14px,2.5vw,16px);font-size:var(--fs-md);justify-content:space-between;padding:clamp(12px,2vw,18px) clamp(14px,3vw,22px)}.modal-body{padding:clamp(14px,3vw,22px)}.modal-footer{border-top:1px solid #efefef;border-top:1px solid var(--border);display:flex;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);justify-content:flex-end;padding:clamp(10px,2vw,16px) clamp(14px,3vw,22px)}.dropdown-menu{background:#fff;background:var(--surface);border:1px solid #efefef;border:1px solid var(--border);border-radius:clamp(12px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001c;box-shadow:var(--shadow-lg);min-width:clamp(140px,30vw,180px);overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.dropdown-item{align-items:center;display:flex;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);font-weight:600;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);padding:clamp(9px,1.5vw,12px) clamp(12px,2.5vw,18px);text-align:left;transition:background .15s;width:100%}.dropdown-item:hover{background:#fafafa;background:var(--bg)}.dropdown-item.danger{color:#ef4444;color:var(--danger)}.auth-page{background:#fafafa;background:var(--bg);display:flex;min-height:100vh}.auth-left{background:linear-gradient(135deg,#fce4f3,#ede9fe);flex:1 1;padding:clamp(20px,4vw,48px)}.auth-left,.auth-right{align-items:center;display:flex;justify-content:center}.auth-right{flex-direction:column;overflow-y:auto;padding:clamp(20px,4vw,48px) clamp(16px,3vw,32px);width:clamp(300px,45vw,460px)}.auth-box{padding:clamp(24px,4vw,40px) clamp(20px,3.5vw,36px);width:100%}.auth-logo{margin-bottom:clamp(20px,3vw,32px);text-align:center}.auth-logo img{height:clamp(28px,5vw,40px);margin:0 auto clamp(6px,1vw,10px)}.auth-logo h1{font-family:Playfair Display,serif;font-size:clamp(1.4rem,4vw,2rem)}.auth-divider{align-items:center;color:#9ca3af;color:var(--text-3);display:flex;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);margin:clamp(12px,2vw,18px) 0}.auth-divider:after,.auth-divider:before{background:#efefef;background:var(--border);content:"";flex:1 1;height:1px}@media (max-width:900px){.auth-left{display:none}}@media (max-width:768px){.auth-right{width:100%}.auth-page{justify-content:center;padding:clamp(16px,4vw,24px)}}.phone-mockup{background:#1a1a2e;border-radius:clamp(20px,4vw,36px);box-shadow:0 20px 60px #00000040;height:clamp(320px,44vw,460px);padding:8px;width:clamp(160px,22vw,230px)}.phone-screen{background:#fafafa;background:var(--bg);border-radius:clamp(14px,3vw,28px);height:100%;overflow:hidden}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #efefef;border-right:1px solid var(--border);bottom:0;flex-direction:column;left:0;padding:clamp(12px,2vw,20px) clamp(8px,1.5vw,14px);position:fixed;top:0;transition:width .25s ease;width:240px;width:var(--sidebar-w);z-index:100}.sidebar,.sidebar-logo{display:flex;overflow:hidden}.sidebar-logo{align-items:center;cursor:pointer;gap:clamp(4px,1vw,10px);padding:clamp(6px,1vw,10px) clamp(8px,1.5vw,14px) clamp(16px,3vw,28px);white-space:nowrap}.sidebar-logo img{flex-shrink:0;height:clamp(22px,3vw,30px)}.sidebar-logo span{font-size:clamp(1rem,2vw,1.35rem)}.sidebar-nav{flex:1 1;flex-direction:column;gap:clamp(1px,.3vw,3px)}.sidebar-link,.sidebar-nav{display:flex;overflow:hidden}.sidebar-link{align-items:center;border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius);color:#1a1a2e;color:var(--text);font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);font-weight:600;gap:clamp(8px,1.5vw,14px);padding:clamp(9px,1.3vw,12px) clamp(10px,1.8vw,16px);text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.sidebar-link:hover{background:#e91e8c0f;color:#e91e8c;color:var(--primary)}.sidebar-link.active{background:#e91e8c14;color:#e91e8c;color:var(--primary)}.sidebar-link svg{flex-shrink:0;height:clamp(18px,2.5vw,22px);width:clamp(18px,2.5vw,22px)}.sidebar-label{overflow:hidden;text-overflow:ellipsis}.sidebar-user{align-items:center;border-top:1px solid #efefef;border-top:1px solid var(--border);display:flex;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);margin-top:clamp(8px,1.5vw,12px);margin-top:var(--sp-2);overflow:hidden;padding:clamp(10px,1.5vw,14px) clamp(8px,1.5vw,12px)}@media (max-width:1024px) and (min-width:769px){.sidebar{align-items:center;padding:16px 0}.sidebar-logo{justify-content:center;padding:8px 0 20px}.sidebar-label,.sidebar-logo span,.sidebar-user-text{display:none}.sidebar-link{border-radius:50%;padding:12px;width:48px}.sidebar-link,.sidebar-user{gap:0;justify-content:center}.sidebar-user{padding:12px 0}}@media (max-width:768px){.sidebar{display:none}}.mobile-topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #efefef;border-bottom:1px solid var(--border);display:none;height:52px;height:var(--mobile-topbar-h);justify-content:space-between;left:0;padding:0 clamp(12px,4vw,20px);position:fixed;right:0;top:0;z-index:100}.mobile-topbar span{font-size:clamp(1rem,4vw,1.25rem)}@media (max-width:768px){.mobile-topbar{display:flex}}.mobile-bottom-nav{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #efefef;border-top:1px solid var(--border);bottom:0;display:none;height:60px;height:var(--mobile-nav-h);justify-content:space-around;left:0;padding:0 clamp(4px,2vw,12px);position:fixed;right:0;z-index:100}@media (max-width:768px){.mobile-bottom-nav{display:flex}}.mob-nav-item{align-items:center;background:none;border:none;border-radius:clamp(8px,1.5vw,12px);border-radius:var(--radius);color:#6b7280;color:var(--text-2);cursor:pointer;display:flex;height:clamp(40px,10vw,52px);justify-content:center;text-decoration:none;width:clamp(40px,10vw,52px)}.mob-nav-item.active{color:#e91e8c;color:var(--primary)}.mob-nav-item svg{height:clamp(20px,5vw,24px);width:clamp(20px,5vw,24px)}.mobile-drawer{background:#0000006b;display:none;inset:0;position:fixed;z-index:200}@media (max-width:768px){.mobile-drawer{display:block}}.mobile-drawer-inner{background:#fff;background:var(--surface);bottom:0;display:flex;flex-direction:column;overflow-y:auto;padding:clamp(14px,4vw,22px) clamp(10px,3vw,16px);position:absolute;right:0;top:0;width:clamp(220px,70vw,280px)}.home-layout{display:flex;gap:clamp(16px,3vw,36px);margin:0 auto;max-width:1000px;padding:clamp(16px,3vw,28px) clamp(12px,2.5vw,20px)}.feed-col{flex:1 1;max-width:clamp(320px,60vw,540px);min-width:0}.right-sidebar{flex-shrink:0;padding-top:4px;width:clamp(220px,28vw,320px)}@media (max-width:960px){.right-sidebar{display:none}}@media (max-width:768px){.home-layout{padding-top:calc(52px + clamp(8px, 2vw, 16px));padding-top:calc(var(--mobile-topbar-h) + clamp(8px, 2vw, 16px))}.feed-col,.home-layout{max-width:100%}}.post-card{border-radius:clamp(12px,2vw,20px);border-radius:var(--radius-lg);overflow:hidden}.post-header{align-items:center;display:flex;justify-content:space-between;padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px)}.post-header .avatar{height:clamp(32px,5vw,40px);width:clamp(32px,5vw,40px)}.post-media img,.post-media video{display:block;max-height:clamp(280px,60vw,520px);object-fit:cover;width:100%}.post-actions{align-items:center;display:flex;justify-content:space-between;padding:clamp(8px,1.5vw,12px) clamp(10px,2vw,14px) clamp(4px,1vw,6px)}.post-actions svg{height:clamp(20px,4vw,24px);width:clamp(20px,4vw,24px)}.comment-form{align-items:center;border-top:1px solid #efefef;border-top:1px solid var(--border);display:flex;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);padding:clamp(8px,1.5vw,11px) clamp(12px,2.5vw,16px)}.comment-input{background:#0000;border:none;color:#1a1a2e;color:var(--text);flex:1 1;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);outline:none}.comment-input::placeholder{color:#9ca3af;color:var(--text-3)}.stories-bar{background:#fff;background:var(--surface);border:1px solid #efefef;border:1px solid var(--border);border-radius:clamp(12px,2vw,20px);border-radius:var(--radius-lg);display:flex;gap:clamp(12px,2.5vw,18px);overflow-x:auto;padding:clamp(12px,2vw,18px) clamp(14px,2.5vw,22px);scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(4px,1vw,8px)}.story-name{color:#6b7280;color:var(--text-2);font-size:clamp(10px,1.8vw,11px);font-size:var(--fs-xs);font-weight:600;max-width:clamp(48px,10vw,66px);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-avatar-size{height:clamp(48px,9vw,62px);width:clamp(48px,9vw,62px)}.story-ring-wrap{border-radius:50%;padding:2px}.story-ring-wrap.has-new{background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient)}.story-ring-wrap.seen{background:#efefef;background:var(--border)}.story-ring-wrap .story-avatar-ph,.story-ring-wrap img{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;height:clamp(48px,9vw,58px);object-fit:cover;width:clamp(48px,9vw,58px)}.story-avatar-ph{align-items:center;background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);color:#fff;display:flex;font-size:clamp(16px,3vw,22px);font-weight:700;justify-content:center}.add-story-wrap{background:none;border:none;cursor:pointer;padding:0;position:relative}.add-icon{background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:0;color:#fff;height:clamp(18px,3vw,22px);position:absolute;right:0;width:clamp(18px,3vw,22px)}.add-icon,.story-viewer{align-items:center;display:flex;justify-content:center}.story-viewer{background:#000000e0;inset:0;position:fixed;z-index:1000}.story-viewer-inner{background:#000;border-radius:clamp(0px,2vw,20px);height:min(100vh,760px);overflow:hidden;position:relative;width:min(100vw,430px)}.story-progress-bars{display:flex;gap:4px;left:12px;position:absolute;right:12px;top:12px;z-index:10}.story-progress-track{background:#ffffff59;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;height:100%;width:0}.story-progress-fill.done{width:100%}@keyframes storyProgress{0%{width:0}to{width:100%}}.story-progress-fill.active{animation:storyProgress 5s linear forwards}.story-header{align-items:center;left:12px;right:12px;top:24px}.story-header,.story-nav{display:flex;position:absolute;z-index:10}.story-nav{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:clamp(8px,2vw,14px);top:50%;transform:translateY(-50%)}.story-nav:hover{background:#ffffff40}.story-nav.prev{left:8px}.story-nav.next{right:8px}.profile-header{align-items:flex-start;display:flex;gap:clamp(16px,4vw,36px);margin-bottom:clamp(20px,3vw,32px);padding-top:clamp(12px,2vw,20px)}@media (max-width:768px){.profile-header{gap:14px;padding-top:62px;padding-top:calc(var(--mobile-topbar-h) + 10px)}}.profile-avatar-wrap{background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);border-radius:50%;flex-shrink:0;height:clamp(72px,15vw,110px);padding:2.5px;width:clamp(72px,15vw,110px)}.profile-avatar-inner{align-items:center;background:#fafafa;background:var(--bg);border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;padding:2.5px;width:100%}.profile-avatar-inner img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-ph{align-items:center;background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);border-radius:50%;color:#fff;display:flex;font-size:clamp(22px,5vw,38px);font-weight:700;height:100%;justify-content:center;width:100%}.profile-stats{display:flex;flex-wrap:wrap;gap:clamp(14px,4vw,28px)}.stat strong{color:#1a1a2e;color:var(--text);display:block;font-size:clamp(16px,3vw,20px);font-size:var(--fs-lg)}.stat{color:#6b7280;color:var(--text-2);font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm)}.avatar-edit-btn{align-items:center;background:#e91e8c;background:var(--primary);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:2px;color:#fff;cursor:pointer;display:flex;height:clamp(22px,4vw,28px);justify-content:center;position:absolute;right:2px;width:clamp(22px,4vw,28px)}.profile-tabs{border-top:1px solid #efefef;border-top:1px solid var(--border);display:flex;margin-bottom:4px}.profile-tab{align-items:center;border-top:2px solid #0000;color:#9ca3af;color:var(--text-3);display:flex;flex:1 1;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);font-weight:700;gap:6px;justify-content:center;margin-top:-1px;padding:clamp(10px,2vw,14px);transition:all .2s}.profile-tab.active{border-top-color:#1a1a2e;border-top-color:var(--text);color:#1a1a2e;color:var(--text)}.posts-grid{grid-gap:clamp(2px,.5vw,4px);display:grid;gap:clamp(2px,.5vw,4px);grid-template-columns:repeat(3,1fr)}.grid-post{aspect-ratio:1;background:#f0f0f0;cursor:pointer;overflow:hidden;position:relative}.grid-post:hover .grid-post-overlay{opacity:1}.grid-post-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);font-weight:700;gap:clamp(10px,3vw,20px);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.explore-grid{grid-gap:clamp(2px,.5vw,4px);display:grid;gap:clamp(2px,.5vw,4px);grid-template-columns:repeat(3,1fr)}.explore-item{aspect-ratio:1;background:#f0f0f0;cursor:pointer;overflow:hidden;position:relative}.explore-item.large{grid-column:span 2;grid-row:span 2}.explore-item:hover .explore-overlay{opacity:1}.explore-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);font-weight:700;gap:clamp(10px,3vw,20px);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}@media (max-width:480px){.explore-grid{grid-template-columns:repeat(3,1fr)}.explore-item.large{grid-column:span 1;grid-row:span 1}}.messages-layout{display:flex;height:100vh;max-height:100vh;overflow:hidden}@media (max-width:768px){.messages-layout{height:calc(100vh - 112px);height:calc(100vh - var(--mobile-topbar-h) - var(--mobile-nav-h))}}.convos-panel{background:#fff;background:var(--surface);border-right:1px solid #efefef;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;width:clamp(220px,32vw,340px)}.thread-panel{background:#fafafa;background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-width:0}@media (max-width:600px){.convos-panel{width:100%}.hidden-mobile{display:none!important}.show-mobile{display:flex!important}}.show-mobile{display:none}.convo-item{align-items:center;cursor:pointer;display:flex;gap:clamp(10px,2vw,14px);padding:clamp(10px,1.8vw,14px) clamp(14px,2.5vw,20px);transition:background .15s}.convo-item:hover{background:#fafafa;background:var(--bg)}.convo-item.active{background:#e91e8c0f}.convo-item .avatar{height:clamp(38px,7vw,46px);width:clamp(38px,7vw,46px)}.convo-item p{font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm)}.unread-badge{background:#e91e8c;background:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:clamp(10px,1.8vw,11px);font-size:var(--fs-xs);font-weight:700;height:clamp(18px,3vw,22px);justify-content:center;width:clamp(18px,3vw,22px)}.thread-header,.unread-badge{align-items:center;display:flex}.thread-header{background:#fff;background:var(--surface);border-bottom:1px solid #efefef;border-bottom:1px solid var(--border);gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);padding:clamp(12px,2vw,16px) clamp(14px,2.5vw,20px)}.thread-header span{font-size:clamp(14px,2.5vw,16px);font-size:var(--fs-md)}.thread-msgs{display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);overflow-y:auto;padding:clamp(12px,2.5vw,18px) clamp(14px,3vw,22px)}.msg-row{align-items:flex-end;display:flex;gap:clamp(4px,1vw,8px);gap:var(--sp-1)}.msg-row.mine{flex-direction:row-reverse}.msg-bubble{background:#fff;background:var(--surface);border-radius:clamp(14px,2.5vw,20px);box-shadow:0 2px 12px #00000012;box-shadow:var(--shadow);font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm);line-height:1.5;max-width:clamp(160px,65%,380px);padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,16px)}.msg-bubble.mine{background:linear-gradient(135deg,#e91e8c,#7b2ff7);background:var(--gradient);color:#fff}.msg-form{background:#fff;background:var(--surface);border-top:1px solid #efefef;border-top:1px solid var(--border);display:flex;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);padding:clamp(10px,2vw,16px) clamp(14px,2.5vw,20px)}.notif-item{align-items:center;display:flex;gap:clamp(10px,2vw,14px);padding:clamp(10px,2vw,14px) clamp(14px,2.5vw,18px)}.notif-item.unread{background:#e91e8c0a;border-left:3px solid #e91e8c;border-left:3px solid var(--primary)}.notif-item .avatar{height:clamp(38px,7vw,46px);width:clamp(38px,7vw,46px)}.notif-item p{font-size:clamp(11px,2vw,13px);font-size:var(--fs-sm)}.search-user-row{align-items:center;display:flex;gap:clamp(8px,1.5vw,12px);gap:var(--sp-2);padding:clamp(10px,2vw,14px) clamp(14px,2.5vw,18px)}.search-user-row .avatar{height:clamp(40px,8vw,48px);width:clamp(40px,8vw,48px)}.reel-card{background:#000;height:clamp(480px,90vh,760px);overflow:hidden;position:relative}.page-container{margin:0 auto;max-width:clamp(300px,95vw,860px);padding:clamp(14px,3vw,28px) clamp(12px,3vw,20px)}@media (max-width:768px){.page-container{padding-top:calc(52px + clamp(10px, 2vw, 16px));padding-top:calc(var(--mobile-topbar-h) + clamp(10px, 2vw, 16px))}}@media print{.mobile-bottom-nav,.mobile-topbar,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important}}
/*# sourceMappingURL=main.2ef6c2f7.css.map*/