@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.profile-display-name{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:.01em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}:root{--bg:#f5f5f5;--bg-secondary:#f0f0f0;--bg-tertiary:#e8e8e8;--surface:#fff;--surface-hover:#f8fafc;--surface-selected:#e2e8f0;--text:#0f0f0f;--text-secondary:#1e293b;--text-muted:#6b7280;--text-disabled:#94a3b8;--border:#e1e1e1;--border-hover:#cbd5e1;--border-focus:#857696;--primary:#a8859e;--primary-hover:#957a8c;--primary-light:#f5e8ed;--primary-text:#fff;--secondary:#857696;--secondary-hover:#756080;--secondary-light:#f0eaf3;--secondary-text:#fff;--success:#059669;--success-light:#d1fae5;--success-text:#064e3b;--warning:#d97706;--warning-light:#fef3c7;--warning-text:#92400e;--danger:#dc2626;--danger-light:#fee2e2;--danger-text:#991b1b;--info:#2563eb;--info-light:#dbeafe;--info-text:#1e40af;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body,html{overflow-x:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text);background-color:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text);margin:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}div,li,p,span{color:var(--text);font-weight:var(--font-weight-normal)}p{margin:0;line-height:var(--line-height-relaxed)}.text-muted{font-weight:var(--font-weight-normal)}a{color:var(--primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all .2s ease}a:hover{color:var(--primary-hover);text-decoration:underline}a:focus{outline:2px solid var(--primary);outline-offset:2px}.container{max-width:min(1200px,100vw);margin:0 auto;padding:0 var(--space-4);width:100%;box-sizing:border-box;overflow-x:hidden}.page-content{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-header h1{margin:0;color:var(--text)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav-inner{justify-content:space-between;height:64px;gap:var(--space-3);padding:0 var(--space-4);max-width:1200px;margin:0 auto}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text);letter-spacing:-.025em}.brand,.brand:hover{text-decoration:none}.brand:hover{color:var(--primary)}.brand-badge{width:32px;height:32px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-hover));justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow)}.brand-badge,.desktop-nav{display:flex;align-items:center}.desktop-nav{gap:var(--space-2);flex:1 1;margin-left:var(--space-8)}.spacer{flex:1 1}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--space-2);cursor:pointer;border-radius:var(--radius);transition:background-color .2s ease}.mobile-menu-btn:hover{background-color:var(--surface-hover)}.hamburger{display:block;position:relative;width:20px;height:16px}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--text);border-radius:1px;transition:all .3s ease}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:7px}.hamburger span:nth-child(3){top:14px}.mobile-menu-overlay{left:0;background:rgba(0,0,0,.5);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu,.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0}.mobile-menu{width:320px;max-width:85vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.mobile-menu-header h3{margin:0;color:var(--text);font-size:var(--font-size-lg)}.mobile-menu-close{background:none;border:none;color:var(--text);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius);transition:background-color .2s ease}.mobile-menu-close:hover{background-color:var(--surface-hover)}.mobile-menu-content{padding:var(--space-2) 0}.mobile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--text);text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.mobile-menu-item:hover{background:var(--surface-hover);text-decoration:none;color:var(--primary)}.mobile-menu-primary{color:var(--primary);font-weight:var(--font-weight-semibold)}.mobile-menu-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:hover{background-color:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.btn:focus{outline:2px solid var(--primary);outline-offset:2px}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#857696,#a8859e);font-weight:var(--font-weight-semibold);box-shadow:0 2px 4px rgba(133,118,150,.3)}.btn-primary,.btn-primary:hover{border:none;color:var(--primary-text)}.btn-primary:hover{background:linear-gradient(135deg,#756685,#987a8e);box-shadow:0 4px 8px rgba(133,118,150,.4)}.btn-secondary{background:var(--surface);border:1px solid #a8859e;color:#857696;font-weight:var(--font-weight-semibold)}.btn-secondary:hover{background:var(--primary-light);border-color:#857696;color:#756685}.btn-danger{background:linear-gradient(135deg,var(--danger),#b91c1c);border-color:var(--danger);color:#fff;font-weight:var(--font-weight-semibold)}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,var(--danger));border-color:#b91c1c;color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted);font-weight:var(--font-weight-normal)}.btn-ghost:hover{background-color:var(--surface-hover);color:var(--text);border-color:var(--border)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6)}.btn-lg,.input,.textarea{font-size:var(--font-size-base)}.input,.textarea{width:100%;padding:var(--space-4);font-family:inherit;line-height:var(--line-height-normal);color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px var(--secondary-light)}.input::placeholder,.textarea::placeholder{color:#9ca3af}.textarea{min-height:120px;resize:vertical}.label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box;margin:0;overflow:hidden}.card:hover{box-shadow:var(--shadow)}.panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);overflow:hidden}.feed,.panel{width:100%;max-width:100%;box-sizing:border-box;margin:0}.feed{display:grid;grid-gap:var(--space-6);gap:var(--space-6);list-style:none;padding:0}.post{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .2s ease;position:relative;width:100%;max-width:100%;box-sizing:border-box;margin:0;overflow:hidden;display:flex;flex-direction:column;min-height:200px;box-shadow:var(--shadow-sm)}.post:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-text{margin-bottom:var(--space-4)}.post-media{margin-bottom:var(--space-5)}.post-text:not(:has(+.post-media)){margin-bottom:var(--space-5)}.post-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2);position:relative;padding-top:0}.post-meta{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);flex:1 1;min-width:0}.post-meta .text-brand{color:var(--text)!important;font-weight:var(--font-weight-semibold)!important}.post-menu{position:relative;display:inline-block}.post-menu-trigger{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:700}.post-menu-button,.post-menu-trigger{background:none;border:none;cursor:pointer;border-radius:var(--radius);color:var(--text-muted);line-height:1;transition:all .2s ease}.post-menu-button{padding:var(--space-2);font-size:var(--font-size-lg)}.post-menu-button:hover,.post-menu-trigger:hover{background:var(--surface-hover);color:var(--text)}.post-menu-dropdown{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:120px;z-index:10;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.post-menu-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.post-menu-item{display:block;width:100%;padding:var(--space-2) var(--space-3);text-align:left;background:none;border:none;color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s ease}.post-menu-item:hover{background:var(--surface-hover)}.post-menu-item-danger{color:var(--danger)}.post-menu-item-danger:hover{background:var(--danger-light)}.post-menu-item-warning{color:var(--warning)}.post-menu-item-warning:hover{background:var(--warning-light)}.post-menu-item.danger{color:var(--danger)}.post-menu-item.danger:hover{background:var(--danger-light)}.post-content{flex:1 1;min-height:0}.post-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;background:var(--surface);border-top:1px solid var(--border);padding-top:var(--space-2);margin-top:0;border-radius:var(--radius)}.post-actions .btn{white-space:nowrap;flex-shrink:0;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.post-actions .btn-ghost{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:all .2s ease}.post-actions .btn-ghost:hover{background:var(--surface-hover);transform:scale(1.05)}.post-actions .btn-ghost:active{transform:scale(.95)}.ad-post{background:linear-gradient(135deg,var(--info-light),var(--surface));border:2px solid var(--info);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;width:100%;max-width:100%;box-sizing:border-box;margin:0;overflow:hidden}.ad-post:before{content:"Sponsored";position:absolute;top:var(--space-2);right:var(--space-3);background:var(--info);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);z-index:1}.card .ad-post,.post .ad-post{margin:var(--space-4) 0 0 0;padding:var(--space-4);border-radius:var(--radius);border-width:1px}.card .card,.post .post{box-shadow:none;border:1px solid var(--border);margin:var(--space-3) 0}.avatar{width:40px;height:40px;border-radius:var(--radius);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:1px solid var(--border)}.avatar-img{border-radius:var(--radius);object-fit:cover;display:block;transition:opacity .2s ease}.comments-section{border-top:1px solid var(--border);margin-top:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius);padding:var(--space-4)}.comments-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.comment-item{border-bottom:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-2);background:var(--bg-secondary);padding:var(--space-3)}.comment-item:last-child{border-bottom:none;margin-bottom:0}.media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary);margin-top:var(--space-4)}.media img,.media video{width:100%;max-height:500px}.block-media,.media img,.media video{height:auto;display:block;object-fit:contain}.block-media{max-width:100%}.notification-badge{position:absolute;top:-8px;right:-8px;background:var(--danger);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:10;pointer-events:none}.notifications-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.notification-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);position:relative;transition:all .2s ease;cursor:pointer}.notification-item:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm)}.notification-item.unread{border-color:var(--primary);background:var(--primary-light)}.notification-icon{font-size:var(--font-size-lg);min-width:24px;text-align:center}.notification-content{flex:1 1;min-width:0}.notification-title{font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.notification-message{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}.notification-time{color:var(--text-muted);font-size:var(--font-size-xs)}.notification-unread-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;position:absolute;top:var(--space-4);right:var(--space-4)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.toast-success{background:var(--success-light);border:1px solid var(--success);color:var(--success-text)}.toast-danger{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text)}.toast-warning{background:var(--warning-light);border:1px solid var(--warning);color:var(--warning-text)}.toast-info{background:var(--info-light);border:1px solid var(--info);color:var(--info-text)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section h2{margin:0 0 var(--space-2) 0;color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.settings-section p{margin:0 0 var(--space-4) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.setting-item{margin-bottom:var(--space-4)}.setting-item:last-child{margin-bottom:0}.setting-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border-radius:var(--radius);transition:background-color .2s ease}.setting-label:hover{background:var(--surface-hover)}.setting-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.setting-label span{color:var(--text);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.saving-indicator{position:fixed;bottom:var(--space-5);right:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg)}.saving-indicator p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.row,.stack{width:100%;max-width:100%;box-sizing:border-box}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.flex-1{flex:1 1}.text-center{text-align:center}.no-underline{text-decoration:none!important}.cursor-pointer{cursor:pointer}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.hover\:underline:hover{text-decoration:underline}.hover\:opacity-80:hover{opacity:.8}.m-0{margin:0}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-20)}.right{margin-left:auto}.list-plain{list-style:none;padding:0;margin:0}.divider-top{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-4)}.max-420{max-width:min(420px,calc(100vw - 2rem))}.max-420,.max-720{margin:0 auto;padding:0 var(--space-4);width:100%;box-sizing:border-box}.max-720{max-width:min(720px,calc(100vw - 2rem))}.messages-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-gap:var(--space-4);gap:var(--space-4);height:auto;min-height:70vh;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.conversations-panel{border-bottom:1px solid var(--border);max-height:35vh;overflow-y:auto}.conversations-panel,.messages-panel{background:var(--surface);min-width:0}.messages-panel{min-height:50vh}@media (max-width:768px){:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem}html{overflow-x:hidden}.container,body{overflow-x:hidden;width:100vw;max-width:100vw}.container{padding:0 var(--space-3);margin:0 auto;box-sizing:border-box}.page-content{padding:var(--space-4) var(--space-3);box-sizing:border-box}.ad-post,.card,.feed,.page-content,.panel,.post{width:100%;max-width:100%;overflow-x:hidden}.ad-post,.card,.panel,.post{margin:0;padding:var(--space-4);box-sizing:border-box}.nav-inner{height:56px;padding:0 var(--space-3)}.desktop-nav{display:none}.mobile-menu-btn{display:block}.brand{font-size:var(--font-size-base)}.brand-badge{width:28px;height:28px;font-size:var(--font-size-xs)}.card,.post{padding:var(--space-4);min-height:180px}.post:hover{transform:none}.btn{padding:var(--space-3) var(--space-4);min-height:44px}.btn,.btn-ghost{font-size:var(--font-size-sm)}.btn-ghost{padding:var(--space-2) var(--space-3);min-height:40px}.post-actions{margin-top:0;border-top:1px solid var(--border);padding-top:var(--space-2);gap:var(--space-3)}.post-actions .btn{flex:1 1;min-width:0;justify-content:center}.comments-section{padding:var(--space-3);margin-top:var(--space-3)}.comment-item{padding:var(--space-2);margin-bottom:var(--space-2)}.comment-item .text-content,.comment-item p{color:var(--text);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.input,.textarea{padding:var(--space-3);font-size:16px}.avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.page-header h1{font-size:var(--font-size-2xl)}.notification-item{padding:var(--space-3);gap:var(--space-2)}.notification-icon{font-size:var(--font-size-base);min-width:20px}.notification-title{font-size:var(--font-size-sm)}.notification-message{font-size:var(--font-size-xs)}.messages-container{gap:var(--space-3);min-height:60vh}.conversations-panel{max-height:40vh}.messages-panel{min-height:45vh}.settings-section{padding:var(--space-4)}.settings-section h2{font-size:var(--font-size-base)}.setting-label{padding:var(--space-2)}.setting-label span{font-size:var(--font-size-sm)}}@media (max-width:480px){.container{padding:0 var(--space-2);width:100vw;max-width:100vw;margin:0}.container,.page-content{box-sizing:border-box;overflow-x:hidden}.page-content{padding:var(--space-3) var(--space-2);width:100%;max-width:100%}.nav-inner{padding:0 var(--space-2);width:100%;max-width:100vw;box-sizing:border-box}.ad-post,.card,.panel,.post{padding:var(--space-3);margin:0;box-sizing:border-box}.ad-post,.card,.feed,.panel,.post{width:100%;max-width:100%;overflow-x:hidden}.feed{gap:var(--space-4)}.row{gap:var(--space-2);flex-wrap:wrap}.stack{gap:var(--space-3)}.btn-ghost{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);min-height:36px}.post-actions{flex-direction:row;flex-wrap:wrap;gap:var(--space-1);justify-content:space-between;margin-top:0;padding-top:var(--space-2)}.post-actions .btn{flex:1 1;min-width:0;justify-content:center;min-height:40px;font-size:var(--font-size-xs);padding:var(--space-2)}.comments-section{padding:var(--space-2);margin-top:var(--space-2)}.comment-item{padding:var(--space-2);margin-bottom:var(--space-1)}.comments-section .row{flex-direction:column;gap:var(--space-2);align-items:stretch}.comments-section .row .input{margin-bottom:0}.comments-section .row .btn{width:100%}.mobile-menu{width:clamp(280px,90vw,320px);max-width:95vw}.avatar{width:28px;height:28px}.max-420,.max-720{padding:0 var(--space-2);max-width:calc(100vw - 1rem);width:100%;box-sizing:border-box}.max-420 .card,.max-420 .post,.max-720 .card,.max-720 .post{width:100%;max-width:100%;margin:0;box-sizing:border-box}}.btn:focus-visible,.input:focus-visible,.textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{.btn,.mobile-menu,.mobile-menu-overlay,.nav,.notification-badge{display:none!important}body{background:#fff!important;color:#000!important}.card,.panel,.post{border:1px solid #ccc!important;box-shadow:none!important}}.login-container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-hero{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--primary-light) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--secondary-light) 0,transparent 50%);opacity:.3}.hero-content{max-width:500px;width:100%;position:relative;z-index:1}.hero-logo{display:flex;justify-content:center;margin-bottom:var(--space-8);color:var(--text)}.hero-illustration{width:100%;max-width:420px;margin:0 auto;filter:drop-shadow(0 10px 25px rgba(0,0,0,.1))}.hero-illustration svg{width:100%;height:auto;max-width:420px}.login-form-section{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:var(--surface)}.login-form-container{max-width:400px;width:100%}.login-card{padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-2);color:var(--text)}.login-header p{font-size:var(--font-size-base);color:var(--text-muted)}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.login-footer p{margin:0;font-size:var(--font-size-sm)}@media (max-width:968px){.login-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-hero{padding:var(--space-6) var(--space-4);min-height:auto}.hero-content{max-width:100%}.hero-logo img{height:48px}.hero-illustration,.hero-illustration svg{max-width:340px}.login-form-section{padding:var(--space-6) var(--space-4)}.login-card{padding:var(--space-6)}.login-header h1{font-size:var(--font-size-2xl)}}@media (max-width:640px){.login-hero{padding:var(--space-4) var(--space-3)}.hero-logo img{height:40px}.hero-illustration,.hero-illustration svg{max-width:300px}.login-form-section{padding:var(--space-4) var(--space-3)}.login-card{padding:var(--space-4)}.login-header{margin-bottom:var(--space-6)}.login-header h1{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:var(--bg);padding:var(--space-3) var(--space-4);padding-top:calc(env(safe-area-inset-top, 0px) + var(--space-4))}.mobile-header-inner{display:flex;justify-content:space-between;align-items:flex-start;overflow:visible}.mobile-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.mobile-header-logo{font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1}.mobile-header-logo,.mobile-header-logo:hover{color:var(--text);text-decoration:none}.mobile-header-location{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#a8859e!important;font-weight:500;background:none;border:none;padding:0;cursor:pointer}.mobile-header-location span{color:#a8859e!important}.mobile-header-location-editable{cursor:pointer;color:var(--primary);font-weight:500}.mobile-header-location-editable:hover{text-decoration:underline}.mobile-header-actions{gap:var(--space-3)}.mobile-header-actions,.mobile-header-btn{display:flex;align-items:center;overflow:visible}.mobile-header-btn{position:relative;justify-content:center;padding:var(--space-2);color:var(--text);background:none;border:none;cursor:pointer;border-radius:var(--radius);transition:background-color .2s ease;text-decoration:none}.mobile-header-btn:hover{background-color:var(--surface-hover);text-decoration:none;color:var(--text)}.mobile-header-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:10}.mobile-header-badge .notification-badge{position:relative;top:auto;right:auto;font-size:10px;min-width:16px;height:16px;padding:2px 5px}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-around;height:60px;padding-bottom:env(safe-area-inset-bottom,0);background-color:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;height:100%;padding:var(--space-2) 0;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-tab-item:focus,.mobile-tab-item:hover{color:var(--primary);text-decoration:none}.mobile-tab-item.active{color:var(--primary)}.mobile-tab-label{font-size:10px;font-weight:500;margin-top:2px}.mobile-tab-compose{flex:none;width:56px}.compose-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--text);color:var(--surface);border-radius:12px;transition:transform .2s ease,background-color .2s ease}.mobile-tab-compose:focus .compose-button,.mobile-tab-compose:hover .compose-button{background-color:var(--primary);transform:scale(1.05)}.mobile-tab-compose:active .compose-button{transform:scale(.95)}.app-content.has-mobile-nav{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0))}.compose-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}@media (min-width:769px){.compose-modal-overlay{align-items:center;padding:var(--space-4)}}.compose-modal{width:100%;max-width:100%;max-height:90vh;background-color:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}@media (min-width:769px){.compose-modal{max-width:560px;border-radius:var(--radius-xl);max-height:80vh}}.compose-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.compose-modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.compose-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease}.compose-modal-close:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text)}.compose-modal-close:disabled{opacity:.5;cursor:not-allowed}.compose-modal-content{flex:1 1;padding:var(--space-4);overflow-y:auto}.compose-modal-textarea{width:100%;min-height:120px;padding:var(--space-3);font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-normal);color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.compose-modal-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.compose-modal-textarea::placeholder{color:var(--text-muted)}.compose-modal-char-count{text-align:right;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2)}.compose-modal-char-count.over-limit{color:var(--danger);font-weight:var(--font-weight-semibold)}.compose-modal-preview{position:relative;margin-top:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.compose-modal-preview img,.compose-modal-preview video{display:block;width:100%;max-height:300px;object-fit:contain;background-color:var(--bg-secondary)}.compose-modal-preview-remove{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.compose-modal-preview-remove:hover:not(:disabled){background-color:var(--danger)}.compose-modal-preview-remove:disabled{opacity:.5;cursor:not-allowed}.compose-modal-progress{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.progress-item{display:flex;flex-direction:column;gap:var(--space-1)}.progress-item span{font-size:var(--font-size-sm);color:var(--text-muted)}.progress-bar{height:6px;background-color:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary);border-radius:3px;transition:width .3s ease}.compose-modal-error{margin-top:var(--space-4);padding:var(--space-3);background-color:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger-text);font-size:var(--font-size-sm)}.compose-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border);background-color:var(--bg-secondary)}.compose-modal-footer .btn{display:flex;align-items:center;gap:var(--space-2)}@media (max-width:768px){.btn-primary,.btn-secondary{padding:var(--space-2) var(--space-4)}.btn-primary{font-weight:var(--font-weight-semibold)}#create{display:none}.feed{gap:12px;padding:0 16px}.post{border-radius:16px;border:none;box-shadow:none;padding:16px;min-height:auto;margin:0;background-color:var(--surface)}.post:hover{transform:none;box-shadow:none}.avatar,.avatar-img{width:40px;height:40px}.container{padding-top:0;padding-left:0;padding-right:0}.card{border-radius:16px;margin:0 16px;padding:16px;width:auto;max-width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden}.mt-16{margin-top:var(--space-2)!important}.stack{gap:var(--space-3);padding:0;width:100%;max-width:100vw;box-sizing:border-box}.stack>h3{padding:0 16px;margin-bottom:var(--space-2)}.stack.mt-16{padding:0}.stack.mt-16>.card{margin:0 16px;width:auto;max-width:calc(100vw - 32px)}}.footer{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.footer{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0) + var(--space-6))}.max-720{padding:0 var(--space-3);max-width:100%}.max-720,.max-720.mt-24{margin-top:var(--space-3)!important}.max-720 .card{padding:var(--space-4);margin:0;width:100%;max-width:100%}.max-720 .card.stack{gap:var(--space-3)}.max-720 .panel{padding:var(--space-3)!important;margin:0}.max-720 .card .row{gap:var(--space-2);flex-wrap:wrap}.max-720 .btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:36px;flex-shrink:0}.max-720 .btn-ghost,.max-720 .btn-primary,.max-720 .btn-secondary{white-space:nowrap}.max-720 .input{width:100%;min-height:44px;font-size:16px}.max-720 h1{font-size:var(--font-size-xl)}.max-720 h2{font-size:var(--font-size-lg)}.max-720 h3{font-size:var(--font-size-base)}.container.mt-24{padding:0 var(--space-3);margin-top:var(--space-3)!important}.messages-container{display:flex!important;flex-direction:column!important;gap:var(--space-3)!important;min-height:auto!important;border:none!important}.conversations-panel.card,.messages-panel.card{width:100%!important;min-width:unset!important;max-width:100%!important;padding:var(--space-4)!important;margin:0!important;border-radius:var(--radius-lg)!important;max-height:none!important}.conversations-panel.card{border-bottom:none!important}.conversations-panel .stack,.messages-panel .stack{gap:var(--space-3)!important}.conversations-panel .panel{padding:var(--space-3)!important;margin:0!important}.conversations-panel .panel .row{gap:var(--space-2)!important;flex-wrap:nowrap!important}.conversations-panel .panel .flex-1{min-width:0;overflow:hidden}.conversations-panel .panel .flex-1>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-panel .row{gap:var(--space-2)!important;flex-wrap:nowrap!important}.messages-panel .row .input{flex:1 1;min-width:0}.messages-panel .row .btn{flex-shrink:0}.messages-panel>.stack{max-height:350px!important;overflow-y:auto!important}.conversations-panel>.stack>.btn,.conversations-panel>.stack>.input{width:100%!important}.conversations-panel h2,.messages-panel h3{font-size:var(--font-size-lg)!important}.max-720 .card .card{padding:var(--space-3);margin:0}.max-720 .card .row>.btn{margin-top:var(--space-2)}.max-720 .card>.row:first-child{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.max-720 .card>.row:first-child .btn{width:100%}.max-720 .stack>.card>.row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.max-720 .stack>.card>.row>.flex-1{width:100%}.max-720 .stack>.card>.row>.row{width:100%;justify-content:flex-start;flex-wrap:wrap}.max-720 .card .stack>.row{justify-content:flex-start}.max-720 .card .stack>.row>.btn{flex:1 1;text-align:center;min-width:80px}}@media (max-width:768px){.max-720 .card>.row:has(.btn-primary){width:100%}.max-720 .card>.row>.btn{flex:1 1;text-align:center}.max-720 .panel .row{flex-wrap:nowrap;gap:var(--space-2)}.max-720 .panel .row>.flex-1{min-width:0;overflow:hidden}.max-720 .panel .row>.flex-1>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-720 .panel .row>.btn{flex-shrink:0;padding:var(--space-2) var(--space-3)}.max-720 .avatar,.max-720 .avatar-img{width:40px!important;height:40px!important;flex-shrink:0}.modal-overlay>.card{width:95%!important;max-width:95%!important;margin:var(--space-3);padding:var(--space-4)!important;max-height:85vh!important}.modal-overlay>.card .row{flex-wrap:wrap;gap:var(--space-2)}.modal-overlay>.card .stack{gap:var(--space-3)}.modal-overlay>.card .btn{padding:var(--space-2) var(--space-3)}.max-720>div:first-child>.btn-ghost{padding:var(--space-2)}}