@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap");:root{--font-mono:"Roboto Mono",monospace;--font-display:"Outfit",system-ui,sans-serif;--accent-coral:#ff6b6b;--accent-violet:#845ef7}*{box-sizing:border-box;line-height:normal!important}html{font-size:18px;background:rgb(0,0,0);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:rgb(1000,1000,1000)}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:45px;max-width:1024px;margin:0 auto;overflow:hidden;@media (max-width:400px){padding-left:24px;padding-bottom:24px;padding-right:24px;padding-top:24px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;h1{text-align:center}}.links{display:flex;align-items:center;gap:12px;a{text-decoration:none;border-radius:4px}.admin{color:rgb(0,0,0);background:rgb(1000,1000,1000);border:1px solid rgb(0,0,0)}.docs{color:rgb(1000,1000,1000);background:rgb(0,0,0);border:1px solid rgb(1000,1000,1000)}}.footer{display:flex;align-items:center;gap:8px;@media (max-width:1024px){flex-direction:column;gap:6px}p{margin:0!important}.codeLink{text-decoration:none;padding:0 .5rem;background:rgb(60,60,60);border-radius:4px}}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.auth-card{width:100%;max-width:400px;background:rgb(20,20,20);border-radius:12px;padding:32px;border:1px solid rgb(40,40,40)}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tab{flex:1 1;padding:12px;background:transparent;border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(150,150,150);font-size:16px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(100,100,100);color:rgb(200,200,200)}&.active{background:rgb(255,255,255);border-color:rgb(255,255,255);color:rgb(0,0,0)}}.auth-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;label{font-size:14px;color:rgb(180,180,180)}input,textarea{padding:12px 14px;background:rgb(30,30,30);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(255,255,255);font-size:16px;font-family:inherit;transition:border-color .2s;&::placeholder{color:rgb(80,80,80)}&:focus{outline:none;border-color:rgb(120,120,120)}}textarea{resize:vertical}input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:rgb(255,255,255)}}.terms-display{padding:16px;background:rgb(25,25,25);border:1px solid rgb(50,50,50);border-radius:8px;font-size:14px;line-height:1.5;color:rgb(200,200,200);max-height:300px;overflow-y:auto;h3{font-size:16px;font-weight:600;color:rgb(255,255,255)}h3,p{margin:0 0 12px}ul{margin:0 0 12px;padding-left:20px;li{margin-bottom:8px;strong{color:rgb(255,255,255)}}}}.auth-error{margin:0;padding:12px;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);border-radius:8px;color:rgb(255,120,120);font-size:14px}.auth-submit{padding:14px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:8px;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}}.dashboard-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:24px}.dashboard-card-header{display:flex;align-items:start;gap:15px;justify-content:center}.dashboard-card{width:100%;max-width:500px;background:rgb(20,20,20);border-radius:12px;padding:18px;border:1px solid rgb(40,40,40);text-align:center;h1{margin:0 0 16px;font-size:32px;line-height:1.2}p{margin:0 0 32px;color:rgb(180,180,180)}}.dashboard-links{display:flex;gap:12px;align-items:center;justify-content:center;width:100%}.admin-link{padding:12px 24px;background:rgb(255,255,255);border-radius:8px;color:rgb(0,0,0);font-size:14px;text-decoration:none;transition:opacity .2s;&:hover{opacity:.9}}.logout-button{padding:12px 24px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(255,100,100);color:rgb(255,100,100)}}.new-post-toggle{padding:12px 24px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;&:hover{opacity:.9}}.new-post-card{position:relative;width:100%;max-width:500px;background:rgb(20,20,20);border-radius:12px;padding:24px;border:1px solid rgb(40,40,40);display:flex;flex-direction:column;gap:12px}.new-post-input{width:100%;min-height:80px;padding:12px 14px;background:rgb(30,30,30);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(255,255,255);font-size:16px;font-family:inherit;resize:vertical;transition:border-color .2s;&::placeholder{color:rgb(80,80,80)}&:focus{outline:none;border-color:rgb(120,120,120)}&:disabled{opacity:.6}}.new-post-counter{font-size:13px;color:rgb(150,150,150);text-align:right;&.over{color:rgb(255,100,100)}}.new-post-error{margin:0;padding:12px;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);border-radius:8px;color:rgb(255,120,120);font-size:14px}.repost-modal-content{flex:1 1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}.repost-modal-post-wrapper{max-height:60vh;overflow-y:auto;overflow-x:hidden;flex-shrink:1;min-height:0}.repost-modal-post-wrapper .post-container{max-width:100%}.repost-modal-post-wrapper .post-container>div{max-height:400px;overflow:hidden}.repost-modal-post-wrapper .post-container>div>a{display:block;max-height:400px;overflow:hidden}.repost-modal-post-wrapper .post-container>div>a>img,.repost-modal-post-wrapper .post-container>div>a>video{max-height:400px!important;width:100%!important;height:auto!important;object-fit:contain!important}.repost-modal-post-wrapper .post-container>div>a>div>div{max-height:400px;overflow:hidden}.repost-modal-post-wrapper .post-container>div>a>div img,.repost-modal-post-wrapper .post-container>div>a>div video{max-height:400px!important;width:100%!important;height:auto!important;object-fit:contain!important}.repost-modal-post-wrapper .post-container>div>a>div{max-height:400px;overflow:hidden}.repost-modal-post-wrapper .post-container>div>a>div .link-preview-image{max-height:400px!important;width:100%!important;height:auto!important;object-fit:contain!important}.repost-modal-post-wrapper .post-container>div>a>div .link-preview-image>div{max-height:400px!important;overflow:hidden!important}.repost-modal-post-wrapper .post-container>div>a>div .link-preview-image>div>div{max-height:400px!important}.repost-modal-post-wrapper .post-container>div>a>div [class*=react-player],.repost-modal-post-wrapper .post-container>div>a>div [class*=react-player]>div,.repost-modal-post-wrapper .post-container>div>a>div [class*=react-player]>div>div{max-height:400px!important;overflow:hidden!important}.modal-overlay .repost-modal-content .link-preview-image,.modal-overlay .repost-modal-content .post-picture,.modal-overlay .repost-modal-content .post-picture video,.modal-overlay .repost-modal-content img.link-preview-image,.modal-overlay .repost-modal-content img.post-picture,.modal-overlay .repost-modal-content video.post-picture,.new-post-modal-overlay .repost-modal-content .link-preview-image,.new-post-modal-overlay .repost-modal-content .post-picture,.new-post-modal-overlay .repost-modal-content .post-picture video,.new-post-modal-overlay .repost-modal-content img.link-preview-image,.new-post-modal-overlay .repost-modal-content img.post-picture,.new-post-modal-overlay .repost-modal-content video.post-picture{object-fit:contain!important;width:100%!important;height:auto!important}.modal-overlay .repost-modal-content .post-container .link-preview-image,.modal-overlay .repost-modal-content .post-container img.link-preview-image,.new-post-modal-overlay .repost-modal-content .post-container .link-preview-image,.new-post-modal-overlay .repost-modal-content .post-container img.link-preview-image{object-fit:contain!important}.modal-overlay .repost-modal-content .post-container div[style*=aspectRatio]>*,.new-post-modal-overlay .repost-modal-content .post-container div[style*=aspectRatio]>*{max-height:100%!important}.modal-overlay .repost-modal-content .post-container video,.modal-overlay .repost-modal-content .post-container>div>a>div video,.new-post-modal-overlay .repost-modal-content .post-container video,.new-post-modal-overlay .repost-modal-content .post-container>div>a>div video{object-fit:contain!important}.modal-overlay .repost-modal-content .post-container .link-preview-image>div,.new-post-modal-overlay .repost-modal-content .post-container .link-preview-image>div{overflow:hidden!important}.modal-overlay .repost-modal-content img,.modal-overlay .repost-modal-content video,.new-post-modal-overlay .repost-modal-content img,.new-post-modal-overlay .repost-modal-content video{object-fit:contain!important;width:100%!important;height:auto!important}.modal-overlay .repost-modal-content .post-container img,.modal-overlay .repost-modal-content .post-container video,.new-post-modal-overlay .repost-modal-content .post-container img,.new-post-modal-overlay .repost-modal-content .post-container video{object-fit:contain!important}.new-post-actions{display:flex;gap:12px;justify-content:flex-end;flex-shrink:0;padding-top:12px;border-top:1px solid rgb(40,40,40)}.new-post-cancel{padding:10px 20px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(120,120,120);color:rgb(255,255,255)}&:disabled{opacity:.5;cursor:not-allowed}}.new-post-submit{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;display:flex;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}}.mention-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:rgb(20,20,20);border:1px solid rgb(40,40,40);border-radius:8px;max-height:240px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5)}.mention-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid rgb(30,30,30);&:last-child{border-bottom:none}&.selected,&:hover{background:rgb(30,30,30)}}.mention-avatar{flex-shrink:0;border-radius:50%;overflow:hidden}.mention-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.mention-item-name{font-weight:600;color:rgb(255,255,255);font-size:14px}.mention-item-name,.mention-item-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-item-username{color:rgb(120,120,120);font-size:13px}.mention-empty,.mention-loading{padding:12px 14px;color:rgb(150,150,150);font-size:14px;text-align:center}.post-feed{display:flex;flex-direction:column;gap:1px;width:100%;max-width:600px;background:rgb(40,40,40)}.post-feed-empty{padding:48px 24px;text-align:center;color:rgb(120,120,120);background:rgb(20,20,20)}.post-feed-loader{display:flex;justify-content:center;padding:24px}.post-feed-spinner{width:24px;height:24px;border:2px solid rgb(60,60,60);border-top-color:rgb(255,255,255);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.post-container{background:rgb(20,20,20);padding:16px 20px}.post-container.nested-quote{max-width:100%;box-sizing:border-box;padding:0!important}@media (max-width:768px){.post-container.nested-quote{padding-right:0!important}}.repost-header{margin-left:60px}.reply-header,.repost-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;color:rgb(120,120,120)}.repost-icon{font-size:14px;color:#4ade80}.repost-author{color:rgb(150,150,150);text-decoration:none;&:hover{text-decoration:underline;color:rgb(200,200,200)}}.repost-label{color:rgb(213,206,206)}.quote-header{justify-content:flex-start;margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(132,94,247,.35);background:rgba(132,94,247,.08);color:rgb(170,170,170);width:-moz-fit-content;width:fit-content}.quote-icon-flipped{transform:scaleY(-1) scaleX(-1)}.quote-header svg{width:14px;height:14px;opacity:.8}.quote-header .repost-label{color:rgb(185,185,185)}.quoted-post-container{border:1px solid rgba(160,160,160,.25);border-radius:8px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;min-width:0;margin-top:8px;background:rgba(105,105,105,.03);padding:10px 12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.quoted-post-hidden{text-align:center;padding:12px}.repost-time{color:rgb(100,100,100)}.post-header{display:flex;align-items:baseline;min-width:0}.post-author-name{font-weight:600;color:rgb(255,255,255);flex-shrink:1}.post-author-handle,.post-author-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.post-author-handle{flex-shrink:3}.post-author-handle,.post-time{color:rgb(120,120,120);font-size:14px}.post-time{margin-left:auto}.post-content{color:rgb(230,230,230);line-height:1.5;word-wrap:break-word;text-overflow:clip;word-break:break-word;font-size:medium!important}.post-actions{display:flex;align-items:center;justify-content:space-evenly;gap:16px;margin-top:12px;margin-bottom:2px}.like-button{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;margin:-6px -10px;border-radius:20px;color:rgb(120,120,120);cursor:pointer;font-size:14px;transition:all .2s;&:hover{background:rgba(255,107,107,.1);color:var(--accent-coral)}&:disabled{opacity:.6;cursor:not-allowed}&.liked{color:var(--accent-coral)}}.like-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.repost-button{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;margin:-6px -10px;border-radius:20px;color:rgb(120,120,120);cursor:pointer;font-size:14px;transition:all .2s;&:hover{background:rgba(74,222,128,.1);color:#4ade80}&:disabled{opacity:.6;cursor:not-allowed}&.reposted{color:#4ade80}}.repost-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reply-button{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;margin:-6px -10px;border-radius:20px;color:rgb(120,120,120);cursor:pointer;font-size:14px;transition:all .2s;&:hover{background:rgba(59,130,246,.1)}&.active,&:hover{color:#3b82f6}}.reply-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.add-comment-button{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;margin:-6px -10px;border-radius:20px;color:rgb(120,120,120);cursor:pointer;font-size:14px;transition:all .2s;position:relative;&:hover{background:rgba(132,94,247,.1)}&.active,&:hover{color:var(--accent-violet)}}.camera-button{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;margin:-6px -10px;border-radius:20px;color:rgb(120,120,120);cursor:pointer;font-size:14px;transition:all .2s;&:hover{background:rgba(132,94,247,.1);color:var(--accent-violet)}&:disabled{opacity:.6;cursor:not-allowed}}.post-actions button[data-tooltip]{position:relative;&:before{content:attr(data-tooltip);transform:translateX(-50%) translateY(-8px);padding:6px 10px;background:rgb(30,30,30);color:rgb(255,255,255);font-size:12px;white-space:nowrap;border-radius:6px;border:1px solid rgb(60,60,60);margin-bottom:4px}&:after,&:before{position:absolute;bottom:100%;left:50%;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000}&:after{content:"";transform:translateX(-50%) translateY(-4px);border:5px solid transparent;border-top-color:rgb(60,60,60)}&:hover:after,&:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}}.profile-container{min-height:100vh;gap:24px}.profile-container,.profile-header{display:flex;flex-direction:column;align-items:center}.profile-header{width:100%;max-width:600px;background:rgb(20,20,20);border-radius:12px;padding:32px;border:1px solid rgb(40,40,40);gap:8px}.profile-display-name{margin:0;font-size:28px;line-height:1.2;font-weight:600}.profile-username{color:rgb(120,120,120);font-size:16px;margin-bottom:16px}.profile-picture-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.profile-picture{width:128px;height:128px}.post-container-profile-picture,.profile-picture{border-radius:50%;object-fit:cover;border:2px solid rgb(40,40,40)}.post-container-profile-picture{width:50px;height:50px;min-width:50px;min-height:50px;display:block}.profile-picture-placeholder{width:128px;height:128px;border-radius:50%;background:rgb(40,40,40);display:flex;align-items:center;justify-content:center;color:rgb(120,120,120);font-size:14px;border:2px solid rgb(60,60,60)}.profile-picture-upload-button{padding:8px 16px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(120,120,120);color:rgb(255,255,255)}}.profile-picture-preview{margin-top:12px;display:flex;justify-content:center;img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:2px solid rgb(40,40,40)}}.follow-button{padding:10px 24px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}&.following{background:transparent;border:1px solid rgb(80,80,80);color:rgb(200,200,200);&:hover{border-color:rgb(255,100,100);color:rgb(255,100,100)}}}.block-button{padding:10px 24px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}&.blocking{background:transparent;border:1px solid rgb(80,80,80);color:rgb(200,200,200);&:hover{border-color:rgb(255,100,100);color:rgb(255,100,100)}}}.search-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px;gap:24px}.search-title{margin:0;font-size:32px;line-height:1.2}.search-input-wrapper{width:100%;max-width:600px}.search-input{width:100%;padding:14px 18px;background:rgb(30,30,30);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(255,255,255);font-size:16px;transition:border-color .2s;&::placeholder{color:rgb(100,100,100)}&:focus{outline:none;border-color:rgb(120,120,120)}}.search-results{width:100%;max-width:600px}.search-loading{display:flex;justify-content:center;padding:48px}.search-empty{padding:48px 24px;text-align:center;color:rgb(120,120,120);background:rgb(20,20,20);border-radius:12px;border:1px solid rgb(40,40,40)}.search-results-list,.user-feed{display:flex;flex-direction:column;gap:1px;background:rgb(40,40,40);border-radius:12px;overflow:hidden}.user-feed{width:100%;max-width:600px}.user-search-result{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgb(20,20,20);text-decoration:none;transition:background .2s;&:hover{background:rgb(30,30,30)}}.user-search-info{display:flex;flex-direction:column;gap:2px}.user-search-display-name{font-weight:600;color:rgb(255,255,255)}.user-search-username{font-size:14px;color:rgb(120,120,120)}.search-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.pagination-button{padding:10px 20px;background:rgb(40,40,40);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover:not(:disabled){background:rgb(50,50,50);border-color:rgb(80,80,80)}&:disabled{opacity:.4;cursor:not-allowed}}.pagination-info{font-size:14px;color:rgb(150,150,150)}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:48px 24px;position:relative;overflow:hidden}.welcome-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(132,94,247,.15) 0,rgba(255,107,107,.08) 40%,transparent 70%);pointer-events:none;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-content{text-align:center;z-index:1;animation:fadeUp .8s ease-out}.welcome-title{font-family:var(--font-display);font-size:96px;font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,#fff,#e0e0e0 50%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;@media (max-width:768px){font-size:64px}@media (max-width:400px){font-size:48px}padding-bottom:.5em}.welcome-tagline{font-family:var(--font-display);font-size:22px;line-height:1.6;color:rgb(160,160,160);margin:24px 0 48px;font-weight:400;@media (max-width:768px){font-size:18px;margin-left:0;margin-bottom:36px;margin-right:0;margin-top:20px}}.welcome-cta{display:inline-block;padding:16px 48px;font-family:var(--font-display);font-size:18px;font-weight:600;text-decoration:none;color:#000;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50px;transition:all .3s ease;box-shadow:0 4px 24px rgba(255,255,255,.1);&:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,.2)}&:active{transform:translateY(0)}}.welcome-footer{position:absolute;bottom:48px;z-index:1;animation:fadeUp .8s ease-out .3s both;p{margin:0;font-size:14px;color:rgb(100,100,100);font-family:var(--font-display)}}.user-nav{position:fixed;left:0;top:0;width:250px;height:100vh;background:rgb(15,15,15);border-right:1px solid rgb(40,40,40);display:flex;flex-direction:column;padding:24px 16px;gap:8px;z-index:100;@media (max-width:768px){top:auto;bottom:0;left:0;right:0;width:100%;height:auto;flex-direction:row;justify-content:space-around;padding-left:16px;padding-bottom:12px;padding-right:16px;padding-top:12px;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:rgb(40,40,40);border-top-style:solid;border-top-width:1px}}.user-nav.nav-hidden{@media (max-width:640px){display:none}}.user-nav-link{display:flex;align-items:center;gap:16px;padding:14px 18px;color:rgb(200,200,200);text-decoration:none;border-radius:50px;font-size:18px;font-weight:500;transition:all .2s;&:hover{background:rgb(30,30,30);color:rgb(255,255,255)}@media (max-width:768px){flex-direction:column;gap:4px;padding-left:12px;padding-bottom:8px;padding-right:12px;padding-top:8px;font-size:11px}}.user-nav-button{background:none;border:none;cursor:pointer;font-family:inherit}.user-nav-label{@media (max-width:768px){font-size:11px}}.user-nav-new-post{@media (max-width:768px){display:none}}.new-post-fab{display:none;position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:50%;background:rgb(59,130,246);border:none;cursor:pointer;z-index:101;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s,background .2s;&:hover{background:rgb(37,99,235);transform:scale(1.05)}&:active{transform:scale(.95)}svg{color:white}@media (max-width:768px){display:flex}}.new-post-fab.nav-hidden{@media (max-width:640px){display:none}}.modal-overlay,.new-post-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;overflow:hidden}.modal-overlay .new-post-card,.new-post-modal-overlay .new-post-card{max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-content,.new-post-modal{width:100%;max-width:500px}[class*=photo-editor],[class*=react-photo-editor]{@media (max-width:768px){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;max-width:none!important;max-height:none!important}}.with-nav{margin-left:250px;@media (max-width:768px){margin-left:0;padding-bottom:80px}}.notification-bell-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:2px 5px;background:var(--accent-coral);border-radius:10px;font-size:11px;font-weight:600;line-height:18px;text-align:center;color:#fff;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px;gap:24px}.notifications-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px}.notifications-title{margin:0;font-size:32px;line-height:1.2}.notification-feed{display:flex;flex-direction:column;gap:1px;background:rgb(40,40,40);overflow:hidden}.notification-feed,.notification-feed-empty{width:100%;max-width:600px;border-radius:12px}.notification-feed-empty{padding:48px 24px;text-align:center;color:rgb(120,120,120);background:rgb(20,20,20);border:1px solid rgb(40,40,40)}.notification-container{display:flex;gap:14px;padding:16px 20px;background:rgb(20,20,20);transition:background .2s;&:hover{background:rgb(28,28,28)}&.unread{background:rgb(25,25,30);border-left:3px solid var(--accent-violet)}}.notification-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgb(40,40,40)}.notification-like .notification-icon{color:var(--accent-coral);background:rgba(255,107,107,.15)}.notification-repost .notification-icon{color:#4ade80;background:rgba(74,222,128,.15)}.notification-follow .notification-icon{color:var(--accent-violet);background:rgba(132,94,247,.15)}.notification-content{flex:1 1;min-width:0}.notification-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4}.notification-profile-picture{width:24px;height:24px;border-radius:50%;object-fit:cover}.chat-profile-picture{width:24px!important;height:24px!important;border-radius:50%;object-fit:cover}.notification-header .profile-picture-container{margin-right:4px}.notification-actor{font-weight:600;color:rgb(255,255,255);text-decoration:none;&:hover{text-decoration:underline}}.notification-action{color:rgb(180,180,180);font-size:15px}.notification-time{color:rgb(100,100,100);font-size:13px;margin-left:auto}.notification-preview{margin:8px 0 0;padding:10px 12px;background:rgb(35,35,35);border-radius:8px;color:rgb(160,160,160);font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-notifications-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px;gap:24px}.admin-notifications-title{margin:0;font-size:32px;line-height:1.2}.admin-notification-form{width:100%;max-width:600px;background:rgb(20,20,20);border-radius:12px;padding:24px;border:1px solid rgb(40,40,40);display:flex;flex-direction:column;gap:16px}.admin-notification-input{width:100%;min-height:120px;padding:12px 14px;background:rgb(30,30,30);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(255,255,255);font-size:16px;font-family:inherit;resize:vertical;transition:border-color .2s;&::placeholder{color:rgb(80,80,80)}&:focus{outline:none;border-color:rgb(120,120,120)}&:disabled{opacity:.6;cursor:not-allowed}}.admin-notification-error{margin:0;padding:12px;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);border-radius:8px;color:rgb(255,120,120);font-size:14px}.admin-notification-actions{display:flex;gap:12px;justify-content:flex-end}.admin-notification-submit{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}}.admin-notification-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-notification-dialog{background:rgb(20,20,20);border-radius:12px;padding:24px;border:1px solid rgb(40,40,40);max-width:500px;width:100%;display:flex;flex-direction:column;gap:16px}.admin-notification-dialog-title{margin:0;font-size:24px;font-weight:600;color:rgb(255,255,255)}.admin-notification-dialog-message{margin:0;padding:16px;background:rgb(30,30,30);border-radius:8px;color:rgb(230,230,230);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.admin-notification-dialog-warning{margin:0;padding:12px;background:rgba(255,200,0,.1);border:1px solid rgba(255,200,0,.3);border-radius:8px;color:rgb(255,220,100);font-size:14px}.admin-notification-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.admin-notification-dialog-cancel{padding:10px 20px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(120,120,120);color:rgb(255,255,255)}&:disabled{opacity:.5;cursor:not-allowed}}.admin-notification-dialog-confirm{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}}.update-display-name-button{padding:10px 24px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;margin-top:8px;&:hover{border-color:rgb(120,120,120);color:rgb(255,255,255)}}.update-display-name-modal{width:100%;max-width:500px;background:rgb(20,20,20);border-radius:12px;padding:24px;border:1px solid rgb(40,40,40);display:flex;flex-direction:column;gap:16px}.update-display-name-title{margin:0;font-size:20px;font-weight:600;color:rgb(255,255,255)}.update-display-name-error{margin:0;padding:12px;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);border-radius:8px;color:rgb(255,120,120);font-size:14px}.update-display-name-actions{display:flex;gap:12px;justify-content:flex-end}.update-display-name-cancel{padding:10px 20px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(120,120,120);color:rgb(255,255,255)}&:disabled{opacity:.5;cursor:not-allowed}}.update-display-name-submit{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}}.releases-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px;gap:24px}.releases-title{margin:0;font-size:32px;line-height:1.2}.releases-content{width:100%;max-width:700px;background:rgb(20,20,20);border-radius:12px;padding:32px;border:1px solid rgb(40,40,40);h1{font-size:28px;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid rgb(40,40,40)}h2{font-size:22px;margin:32px 0 16px;color:rgb(255,255,255)}h3{font-size:16px;margin:24px 0 12px;color:rgb(200,200,200)}p{color:rgb(180,180,180);line-height:1.6}p,ul{margin:12px 0}ul{padding-left:24px}li{margin:8px 0;color:rgb(180,180,180);line-height:1.5}a{color:var(--accent-violet);text-decoration:none;&:hover{text-decoration:underline}}code{font-family:var(--font-mono);font-size:14px;padding:2px 6px;background:rgb(40,40,40);border-radius:4px;color:rgb(230,230,230)}strong{color:rgb(255,255,255)}}.link-preview-image{width:100%;height:auto;border-radius:5px}.post-external-link{text-decoration:underline;font-size:small;display:inline-flex;align-items:center;gap:4px;word-break:break-word;padding:10px}.post-link-preview{border:1px solid rgba(160,160,160,.2);margin-top:15px;text-overflow:break;word-break:break-all;border-radius:5px}.modal-overlay .repost-modal-content .link-preview-image,.modal-overlay .repost-modal-content img.link-preview-image,.new-post-modal-overlay .repost-modal-content .link-preview-image,.new-post-modal-overlay .repost-modal-content img.link-preview-image{max-height:400px!important}.follows-you-badge{background:rgba(180,180,180,.3);padding:4px;border-radius:5%;font-size:small;font-weight:700}.post-picture{margin-top:4px}.post-picture,.post-picture-preview{width:100%;height:auto}.post-picture-preview video{max-height:400px;object-fit:contain}.modal-overlay .repost-modal-content .post-picture-preview img,.new-post-modal-overlay .repost-modal-content .post-picture-preview img{max-height:400px!important;object-fit:contain!important;width:100%!important;height:auto!important}.image-editor-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;touch-action:none;overscroll-behavior:contain;@media (max-width:768px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;align-items:stretch}}.image-editor-modal{background:rgb(25,25,25);border-radius:12px;width:900px;height:650px;overflow:hidden;display:flex;flex-direction:column;@media (max-width:940px){width:calc(100vw - 40px);height:90vh}@media (max-width:768px){width:100%;height:100%;border-radius:0}}.image-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgb(50,50,50)}.image-editor-header h3{margin:0;font-size:18px;font-weight:600}.image-editor-close{background:none;border:none;color:rgb(150,150,150);font-size:28px;cursor:pointer;padding:0;line-height:1}.image-editor-close:hover{color:rgb(255,255,255)}.image-editor-body{display:flex;flex:1 1;overflow:hidden;min-height:0;@media (max-width:768px){flex-direction:column}}.image-editor-canvas-container{flex:1 1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgb(15,15,15);overflow:hidden;position:relative;@media (max-width:768px){flex:1 1;padding-left:12px;padding-bottom:12px;padding-right:12px;padding-top:12px}}.image-editor-canvas-text-input{position:absolute;background:transparent;border:1px dashed rgba(255,255,255,.5);outline:none;font-family:sans-serif;min-width:100px;padding:2px 4px;transform:translateY(-100%);z-index:10}.image-editor-canvas-text-input::placeholder{color:rgba(255,255,255,.3)}.image-editor-canvas{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.4);touch-action:none}.image-editor-controls{width:280px;background:rgb(30,30,30);padding:16px;overflow-y:auto;border-left:1px solid rgb(50,50,50);flex-shrink:0;@media (max-width:768px){width:100%;height:280px;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-top-color:rgb(50,50,50);border-top-style:solid;border-top-width:1px}}.image-editor-toolbar{display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgb(50,50,50);justify-content:space-between}.image-editor-tool-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgb(45,45,45);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(180,180,180);cursor:pointer;transition:all .15s ease;flex-shrink:0}.image-editor-tool-btn:hover{background:rgb(55,55,55);color:rgb(255,255,255)}.image-editor-tool-btn.active{background:rgb(255,255,255);color:rgb(0,0,0);border-color:rgb(255,255,255)}.image-editor-tool-btn:disabled{opacity:.4;cursor:not-allowed}.image-editor-adjustments,.image-editor-draw-options,.image-editor-move-options,.image-editor-text-options{display:flex;flex-direction:column;gap:16px}.image-editor-slider-group{display:flex;flex-direction:column;gap:6px}.image-editor-slider-group label{font-size:13px;color:rgb(150,150,150)}.image-editor-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgb(50,50,50);border-radius:3px;cursor:pointer}.image-editor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:rgb(255,255,255);border-radius:50%;cursor:pointer}.image-editor-slider::-moz-range-thumb{width:16px;height:16px;background:rgb(255,255,255);border-radius:50%;cursor:pointer;border:none}.image-editor-reset-btn{padding:10px 16px;background:transparent;border:1px solid rgb(80,80,80);border-radius:6px;color:rgb(180,180,180);font-size:13px;cursor:pointer;transition:all .15s ease}.image-editor-reset-btn:hover{background:rgb(45,45,45);color:rgb(255,255,255)}.image-editor-color-group{display:flex;flex-direction:column;gap:8px}.image-editor-color-group label{font-size:13px;color:rgb(150,150,150)}.image-editor-color-picker{width:50px;height:36px;padding:2px;background:rgb(45,45,45);border:1px solid rgb(60,60,60);border-radius:6px;cursor:pointer}.image-editor-color-presets{display:flex;flex-wrap:wrap;gap:6px}.image-editor-color-preset{width:28px;height:28px;border:2px solid rgb(60,60,60);border-radius:4px;cursor:pointer;transition:all .15s ease}.image-editor-color-preset:hover{transform:scale(1.1)}.image-editor-color-preset.active{border-color:rgb(255,255,255);box-shadow:0 0 0 2px rgba(255,255,255,.3)}.image-editor-text-input-group{display:flex;flex-direction:column;gap:6px}.image-editor-text-input-group label{font-size:13px;color:rgb(150,150,150)}.image-editor-text-input{width:100%;padding:10px 12px;background:rgb(45,45,45);border:1px solid rgb(60,60,60);border-radius:6px;color:rgb(255,255,255);font-size:14px}.image-editor-text-input:focus{outline:none;border-color:rgb(100,100,100)}.image-editor-text-input::placeholder{color:rgb(100,100,100)}.image-editor-place-text-btn{padding:10px 16px;background:rgb(255,255,255);border:none;border-radius:6px;color:rgb(0,0,0);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.image-editor-place-text-btn:hover{background:rgb(230,230,230)}.image-editor-place-text-btn.active{background:var(--accent-coral);color:rgb(255,255,255)}.image-editor-place-text-btn:disabled{opacity:.4;cursor:not-allowed}.image-editor-hint{font-size:13px;color:rgb(150,150,150);margin:0}.image-editor-position-info{display:flex;gap:16px;font-size:13px;color:rgb(120,120,120);font-family:var(--font-mono)}.image-editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgb(50,50,50)}.image-editor-cancel-btn{padding:10px 20px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .15s ease}.image-editor-cancel-btn:hover{background:rgb(45,45,45);color:rgb(255,255,255)}.image-editor-save-btn{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.image-editor-save-btn:hover{background:rgb(230,230,230)}.messages-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:24px}.messages-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px}.messages-title{margin:0;font-size:32px;line-height:1.2}.new-chat-button{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;&:hover{opacity:.9}}.chat-feed{display:flex;flex-direction:column;gap:1px;background:rgb(40,40,40);overflow:hidden}.chat-feed,.chat-feed-empty{width:100%;max-width:600px;border-radius:12px}.chat-feed-empty{padding:48px 24px;text-align:center;color:rgb(120,120,120);background:rgb(20,20,20);border:1px solid rgb(40,40,40)}.chat-feed-loader{display:flex;justify-content:center;padding:24px;background:rgb(20,20,20)}.chat-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:rgb(20,20,20);text-decoration:none;transition:background .2s;&:hover{background:rgb(30,30,30)}}.chat-item-avatar{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;object-fit:cover;border:2px solid rgb(40,40,40)}.chat-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-item-name{font-weight:600;color:rgb(255,255,255);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-count{font-size:13px;color:rgb(120,120,120)}.chat-unread-badge{margin-left:auto;min-width:22px;height:22px;padding:2px 6px;background:var(--accent-coral);border-radius:11px;font-size:12px;font-weight:600;line-height:18px;text-align:center;color:#fff}.message-icon-wrapper{position:relative;display:inline-flex}.create-chat-form{width:100%;max-width:500px;background:rgb(20,20,20);border-radius:12px;padding:24px;border:1px solid rgb(40,40,40);display:flex;flex-direction:column;gap:20px}.create-chat-title{margin:0;font-size:24px;font-weight:600;color:rgb(255,255,255)}.create-chat-field{display:flex;flex-direction:column;gap:6px}.create-chat-label{font-size:14px;color:rgb(180,180,180)}.create-chat-input{padding:12px 14px;background:rgb(30,30,30);border:1px solid rgb(60,60,60);border-radius:8px;color:rgb(255,255,255);font-size:16px;transition:border-color .2s;&::placeholder{color:rgb(80,80,80)}&:focus{outline:none;border-color:rgb(120,120,120)}}.create-chat-error{padding:12px;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);border-radius:8px;color:rgb(255,120,120);font-size:14px}.create-chat-actions{display:flex;gap:12px;justify-content:flex-end}.create-chat-cancel{padding:10px 20px;background:transparent;border:1px solid rgb(80,80,80);border-radius:8px;color:rgb(200,200,200);font-size:14px;cursor:pointer;transition:all .2s;&:hover{border-color:rgb(120,120,120);color:rgb(255,255,255)}&:disabled{opacity:.5;cursor:not-allowed}}.create-chat-submit{padding:10px 20px;background:rgb(255,255,255);border:none;border-radius:8px;color:rgb(0,0,0);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;&:hover{opacity:.9}&:disabled{opacity:.5;cursor:not-allowed}}.mutual-follower-selector{display:flex;flex-direction:column;gap:12px}.mutual-follower-selector-loading{display:flex;justify-content:center;padding:24px}.mutual-follower-selector-empty{padding:24px;text-align:center;color:rgb(120,120,120);background:rgb(30,30,30);border-radius:8px}.mutual-follower-header{font-size:14px;color:rgb(180,180,180)}.mutual-follower-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto;background:rgb(30,30,30);border-radius:8px}.mutual-follower-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;cursor:pointer;transition:background .2s;text-align:left;width:100%;&:hover:not(.disabled){background:rgb(40,40,40)}&.selected{background:rgba(132,94,247,.15)}&.disabled{opacity:.5;cursor:not-allowed}}.mutual-follower-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;object-fit:cover;border:2px solid rgb(50,50,50)}.mutual-follower-info{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.mutual-follower-display-name{font-weight:600;color:rgb(255,255,255);font-size:14px}.mutual-follower-username{font-size:13px;color:rgb(120,120,120)}.mutual-follower-checkbox{width:22px;height:22px;border:2px solid rgb(80,80,80);border-radius:4px;display:flex;align-items:center;justify-content:center;color:transparent;font-size:14px;transition:all .2s;&.checked{background:var(--accent-violet);border-color:var(--accent-violet);color:rgb(255,255,255)}}.chat-view{display:flex;flex-direction:column;width:100%;max-width:600px;height:calc(100vh - 48px);background:rgb(20,20,20);border-radius:12px;border:1px solid rgb(40,40,40);overflow:hidden;@media (max-width:768px){position:fixed;top:0;left:0;right:0;height:100dvh;max-width:none;border-radius:0;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;z-index:100}}.chat-view-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgb(25,25,25);border-bottom:1px solid rgb(40,40,40);flex-shrink:0;@media (max-width:768px){position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}}.chat-view-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:50%;color:rgb(200,200,200);cursor:pointer;transition:all .2s;&:hover{background:rgb(40,40,40);color:rgb(255,255,255)}}.chat-view-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-view-header-name{font-weight:600;font-size:18px;color:rgb(255,255,255);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-view-header-count{font-size:13px;color:rgb(120,120,120)}.message-feed{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message-feed-empty,.message-feed-loading{flex:1 1;display:flex;align-items:center;justify-content:center}.message-feed-empty{color:rgb(120,120,120);text-align:center;padding:24px}.message-feed-loader{display:flex;justify-content:center;padding:12px}.message-item{display:flex;gap:10px;max-width:80%}.message-item-own{align-self:flex-end;flex-direction:row-reverse}.message-item-avatar{width:32px!important;height:32px!important;min-width:32px;min-height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-item-content{display:flex;flex-direction:column;gap:4px}.message-item-own .message-item-content{align-items:flex-end}.message-item-author{font-size:12px;font-weight:600;color:rgb(180,180,180);margin-left:4px}.message-item-bubble{padding:10px 14px;background:rgb(35,35,35);border-radius:18px;border-top-left-radius:4px}.message-item-own .message-item-bubble{background:var(--accent-violet);border-radius:18px;border-top-right-radius:4px;border-top-left-radius:18px}.message-item-text{margin:0;font-size:15px;line-height:1.4;color:rgb(255,255,255);word-wrap:break-word;word-break:break-word}.message-item-time{font-size:11px;color:rgb(100,100,100);margin-left:4px}.message-item-own .message-item-time{margin-left:0;margin-right:4px}.message-input{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:rgb(25,25,25);border-top:1px solid rgb(40,40,40);flex-shrink:0;@media (max-width:768px){padding-bottom:max(12px,env(safe-area-inset-bottom))}}.message-input-error{padding:8px 12px;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);border-radius:8px;color:rgb(255,120,120);font-size:13px}.message-input-row{display:flex;align-items:flex-end;gap:10px}.message-input-textarea{flex:1 1;min-height:40px;max-height:120px;padding:10px 14px;background:rgb(35,35,35);border:1px solid rgb(50,50,50);border-radius:20px;color:rgb(255,255,255);font-size:15px;font-family:inherit;resize:none;transition:border-color .2s;&::placeholder{color:rgb(100,100,100)}&:focus{outline:none;border-color:rgb(80,80,80)}&:disabled{opacity:.6}}.message-input-send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-violet);border:none;border-radius:50%;color:rgb(255,255,255);cursor:pointer;transition:all .2s;flex-shrink:0;&:hover:not(:disabled){background:rgb(113,78,216)}&:disabled{opacity:.5;cursor:not-allowed}}