@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap";.toast-container{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.1rem;border-radius:.75rem;border:var(--border-primary);font-size:.9375rem;font-weight:500;white-space:nowrap;pointer-events:all;cursor:pointer;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background-color:#1a2a1a;color:#78dc78;border-color:#78dc7833}.toast-error{background-color:#2a1a1a;color:#f0645a;border-color:#f0645a33}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-icon svg{width:1rem;height:1rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background-color:var(--color-content-background);padding:2.5rem;border-radius:1rem;border:var(--border-primary);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-card .app-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:.5rem 0 0}.login-card .app-tagline{font-size:.9rem;color:var(--color-text-muted);margin:0 0 1rem}.github-button{display:flex;align-items:center;gap:.6rem;border:var(--border-primary);padding:.6rem 1.5rem;background-color:var(--color-content-background);color:var(--color-text-primary);font-size:1rem;font-family:inherit;font-weight:500;cursor:pointer;border-radius:.625rem;transition:background-color .15s ease,opacity .15s ease}.github-button:hover{background-color:var(--color-surface-raised)}.github-button-icon{width:1.1rem;height:1.1rem;fill:var(--color-text-primary);flex-shrink:0}.modal{position:fixed;background-color:var(--color-content-background);border:var(--border-primary);box-shadow:#00000014 0 12px 24px;border-radius:1rem}.modal.centered{top:50%;left:50%;transform:translate(-50%,-50%);width:618px;z-index:1001}.modal.floating{right:20px;bottom:20px;width:494px;max-width:calc(100vh - 40px)}.modal-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:var(--border-primary);height:3.5rem}.cancel-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:1rem;padding:0;justify-self:start;padding-left:1.5rem;transition:opacity .15s,ease}.cancel-button:hover{opacity:.6}.modal-header-spacer{padding-right:1.5rem}.modal-header h3{margin:0;color:var(--color-text-primary);font-size:1rem;text-align:center}.modal textarea{width:100%;background-color:var(--color-content-background);border:none;padding:1rem 1.5rem;color:var(--color-text-primary);font-size:1rem;font-family:inherit;resize:none;overflow:hidden;min-height:4rem;max-height:80vh;margin-bottom:1rem}.modal textarea:focus{outline:none}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem}.modal-submit{color:var(--color-text-primary);background-color:var(--color-content-background);padding:.6rem .8rem;border-radius:.625rem;border:var(--border-primary);cursor:pointer;font-size:.9375rem;font-weight:600;font-family:inherit;transition:opacity .2s}.modal-submit:hover:not(:disabled){opacity:.8}.modal-submit:disabled{border:1px solid rgba(119,119,119,.2);color:#f3f5f733;cursor:not-allowed}.layout{display:flex;justify-content:center;min-height:100vh}.nav-menu{width:76px;height:100vh;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px}.nav-center-bundle{display:flex;flex-direction:column;gap:12px}.nav-item{width:60px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:28px;border:none;text-decoration:none;text-align:center;cursor:pointer;background:none;color:inherit;transition:background-color .15s ease}.nav-new-post-button,.nav-item:hover{background-color:#ffffff14}.new-post-button{position:fixed;right:20px;bottom:20px;width:80px;height:66px;background-color:var(--color-content-background);color:var(--color-text-primary);font-size:36px;border:var(--border-primary);cursor:pointer;border-radius:1rem;box-shadow:#00000014 0 6px 16px;display:flex;justify-content:center;align-items:center;transition:transform .15s ease,box-shadow .15s ease}.new-post-button svg{fill:var(--color-text-primary)}.new-post-button:hover{transform:scale(1.08);box-shadow:#000 0 8px 20px}.logout-button{background-color:inherit;color:var(--color-icon-muted);border:none;margin-bottom:22px;border-radius:.8rem;transition:background-color .15s ease,color .15s ease}.logout-button:hover{color:var(--color-text-primary);background-color:#ffffff14}.center-area{position:relative;width:640px}.content{background-color:var(--color-content-background);border:var(--border-primary);box-shadow:#00000014 0 12px 24px;padding-top:.5rem;border-radius:1.5rem}.top-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:10;padding:1rem 0;background-color:var(--color-background)}.header-left{justify-self:start}.header-center{position:relative;justify-self:center}.header-right{justify-self:end}.page-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;padding:.25rem}.feed-selector{display:flex;gap:.25rem;background-color:var(--color-content-background);border:var(--border-primary);border-radius:.75rem;padding:.25rem}.feed-tab{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.35rem 1rem;border-radius:.5rem;transition:background-color .15s ease,color .15s ease}.feed-tab:hover{color:var(--color-text-primary);background-color:#ffffff0d}.feed-tab.active{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.nav-icon{fill:var(--color-icon-muted);width:1.6rem;transition:fill .15s ease}.nav-new-post-button:hover svg{fill:var(--color-text-primary)}.active svg{fill:var(--color-text-primary)}.logo svg{fill:var(--color-text-primary)}.back-button{background-color:var(--color-content-background);border:var(--border-primary);display:flex;border-radius:2rem;padding:.2rem;margin-left:1.5rem;cursor:pointer;transition:background-color .15s ease}.back-button svg{width:1rem;fill:#fff}.back-button:hover{background-color:var(--color-surface-raised)}@media(max-width:790px){.nav-menu{display:none}.center-area{height:100vh;margin-left:0;overflow-y:auto;max-width:100%;width:100%;border-left:none;border-right:none;padding-bottom:70px}.top-header{display:none}.mobile-logo-header{display:flex;justify-content:center;align-items:center;padding:1rem;position:sticky;top:0;z-index:10}.new-post-button{display:none}.navbar-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background-color:var(--color-background);z-index:100;justify-content:space-around;align-items:center}.nav-item-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;text-decoration:none;background:none;border:none;cursor:pointer;gap:.25rem}.nav-item-mobile.active{color:var(--color-text-primary)}.nav-icon-mobile{width:40px;height:40px;fill:var(--color-icon-muted);transition:fill .15s ease}.nav-item-mobile.active .nav-icon mobile{fill:var(--color-text-primary)}.mobile-feed-selector{display:flex;background-color:var(--color-background);z-index:9}.mobile-feed-option{flex:1;padding:1rem;background:none;border:none;color:var(--color-icon-muted);font-size:1rem;cursor:pointer;border-bottom:2px solid var(--color-icon-muted);transition:color .15s ease,border-bottom-color .15s ease;font-weight:500;font-family:inherit}.mobile-feed-option.active{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--color-text-primary)}.content{border-radius:0;border:none}.mobile-home-header{background-color:var(--color-background);position:sticky;top:0;z-index:1000;display:flex;flex-direction:column}.mobile-back-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.mobile-back-button svg{width:30px;height:30px;fill:var(--color-text-primary)}.mobile-back-button:hover{background-color:#ffffff1a}.mobile-upper{display:grid;grid-template-columns:1fr 1fr 1fr}.mobile-left-spacer{display:flex;align-items:center;padding-left:1rem}}@media(min-width:791px){.navbar-mobile,.mobile-home-header,.mobile-logo-header,.mobile-feed-selector{display:none}}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:var(--border-primary)}.avatar-small{width:20px;height:20px}.avatar-medium{width:36px;height:36px}.avatar-large{width:48px;height:48px}.avatar-huge{width:84px;height:84px}.post-card{border-bottom:var(--border-primary);padding:1rem 1.5rem .3rem;cursor:pointer;font-size:.9375rem;transition:background-color .15s ease}.post-card:hover{background-color:#ffffff05}.replies-section .post-card:last-child,.profile-posts .post-card:last-child,.posts-container .post-card:last-child{border-bottom:none}.post-header{position:relative;display:flex;gap:.5rem;align-items:center;padding-left:.25rem}.post-menu{margin-left:auto;position:relative}.post-menu-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1rem;padding:.4rem .5rem .25rem;border-radius:1rem;transition:background-color .2s;text-align:center}.post-menu-button:hover{background-color:#ffffff08}.post-menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-surface-raised);border:var(--border-primary);border-radius:1rem;min-width:240px;overflow:hidden;box-shadow:0 4px 12px #0000004d;padding:.5rem}.post-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:.9375rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background-color .2s;font-family:inherit;font-weight:500;border-radius:.5rem}.post-menu-item.delete{color:#ff3040}.post-menu-item:hover{background-color:#ffffff0d}.post-layout{display:flex;gap:.5rem;align-items:flex-start}.post-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.post-content{margin:0;padding-left:.25rem}.author-link{text-decoration:none;color:inherit;padding-top:.4rem}.author-link:hover{text-decoration:underline}.post-username{font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{color:var(--color-text-faint)}.post-actions{display:flex;align-items:center}.post-svg{width:1.2rem}.action-button{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--color-text-muted);font-family:inherit;font-size:.9375rem;fill:var(--color-text-muted);cursor:pointer;min-height:2.25rem;border-radius:.75rem;padding:.4rem .6rem}.action-button:hover{background-color:#ffffff0d}.liked{color:#ff2e40;fill:#ff2e40;color:color(display-p3 1 .18 .25);fill:color(display-p3 1 .18 .25)}.reply{transform:scaleX(-1)}.delete svg{fill:#ff3040;width:1.45rem}.reply-text{color:var(--color-text-muted)}.reply-context{padding:.75rem;padding-top:0}.new-post-trigger{padding:1rem 1.5rem;border-bottom:var(--border-primary);cursor:pointer;transition:background-color .15s ease}.new-post-trigger:hover{background-color:#ffffff05}.trigger-content{display:flex;justify-content:space-between;align-items:center}.trigger-content span{color:var(--color-text-muted);font-size:.95rem}.trigger-left{display:flex;align-items:center;gap:.75rem}.trigger-post-button{color:var(--color-text-primary);background-color:var(--color-content-background);padding:.5rem 1rem;border-radius:.625rem;border:var(--border-primary);cursor:pointer;font-size:.9375rem;font-weight:600;z-index:5;font-family:inherit;transition:background-color .15s ease}.trigger-post-button:hover{background-color:var(--color-surface-raised)}.empty-feed{padding:2rem 1rem;text-align:center;color:var(--color-text-muted)}@media(max-width:790px){.new-post-trigger{display:none}}.user-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:var(--border-primary);transition:background-color .2s}.user-info{display:flex;flex-direction:row;gap:1rem;flex:1;text-decoration:none;min-width:0}.user-details{display:flex;flex-direction:column;gap:.3rem}.user-display-name{color:var(--color-text-muted);font-weight:600;font-size:.95rem;margin:0}.user-username{color:var(--color-text-primary)}.follow-button{background-color:var(--color-text-primary);border:none;color:var(--color-content-background);cursor:pointer;padding:.4rem 1rem;font-weight:600;font-family:inherit;font-size:.9375rem;border-radius:.5rem;transition:opacity .2s}.follow-button:hover{opacity:.85}.follow-button.following{background-color:var(--color-content-background);color:var(--color-text-primary);border:var(--border-primary)}.follow-button.following:hover{opacity:.7}.users-container{display:flex;flex-direction:column}.empty-users{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.profile-container{display:flex;flex-direction:column}.profile-header{padding:.5rem 1.5rem 1rem;border-bottom:var(--border-primary);display:flex;flex-direction:column}.profile-names{padding-top:1rem}.profile-display-name{margin:0;font-size:1.25rem;font-weight:700}.profile-username{margin-top:2px 0 0;color:var(--color-text-muted);font-size:.9375rem}.profile-bio{margin:0 .75rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--color-text-primary)}.profile-top{display:flex;justify-content:space-between}.profile-actions{margin-top:.75rem}.edit-profile-button,.profile-follow-button{width:100%;padding:.4rem;font-weight:600;font-family:inherit;font-size:.9375rem;border-radius:.5rem;cursor:pointer;transition:opacity .2s}.edit-profile-button{background-color:var(--color-content-background);border:var(--border-primary);color:var(--color-text-primary)}.edit-profile-button:hover{opacity:.75}.profile-follow-button{background-color:var(--color-text-primary);border:none;color:var(--color-content-background)}.profile-follow-button:hover{opacity:.85}.profile-follow-button.profile-following{background-color:var(--color-content-background);color:var(--color-text-primary);border:var(--border-primary)}.profile-follow-button.profile-following:hover{opacity:.7}.edit-profile-modal{background-color:#101010;border-radius:1rem;padding:0;width:90%;max-width:618px;border:var(--border-primary);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1001}.form-groups{padding:1.5rem 1.5rem .5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.form-group label{display:block;color:var(--color-text-primary);font-weight:600;font-size:.9375rem;padding-left:.5rem}.form-group input,.form-group textarea{width:100%;background-color:#101010;border:var(--border-primary);border-radius:.5rem;color:var(--color-text-primary);padding:.75rem;font-size:.9375rem;font-family:inherit}.form-group textarea{resize:none}.edit-profile-modal::backdrop{display:none}.modal-actions{border-top:var(--border-primary);padding:1rem;display:flex;gap:.75rem}.modal-cancel{flex:1;padding:1rem;border:var(--border-primary);background-color:transparent;color:var(--color-text-primary);font-weight:600;font-family:inherit;cursor:pointer;font-size:.9375rem;border-radius:.5rem;transition:opacity .15s ease}.modal-cancel:hover{opacity:.7}.modal-done{flex:1;margin:0;padding:1rem;border:none;background-color:#fff;color:#000;font-weight:600;font-family:inherit;cursor:pointer;font-size:.9375rem;border-radius:.5rem;transition:opacity .2s}.modal-done:hover{opacity:.85}.empty-posts{text-align:center;padding:2rem;color:var(--color-text-muted)}.post-page{display:flex;flex-direction:column}.reply-form{padding:1rem;border-bottom:var(--border-primary)}.reply-form-last{border-bottom:none}.reply-form-content{display:flex;border:var(--border-primary);background-color:var(--color-content-background);border-radius:2rem;justify-content:center;align-items:center;padding:.1rem 1rem;margin-bottom:.5rem}.reply-form textarea{flex:1;border:none;background-color:var(--color-content-background);border-radius:2rem;font-size:1rem;font-family:inherit;resize:none;overflow:hidden;padding:.5rem 1rem;color:var(--color-text-primary);min-height:1.5rem}.reply-form textarea:focus{outline:none}.reply-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.reply-button{background-color:var(--color-content-background);color:var(--color-text-primary);border:none;padding:.5rem 1.5rem;border-radius:1.5rem;cursor:pointer;font-weight:600;font-family:inherit;transition:opacity .2s}.reply-button:hover:not(:disabled){opacity:.85}.reply-button:disabled{cursor:not-allowed;opacity:.4}@media(max-width:790px){.reply-form{width:100%}}:root{--color-background: rgb(10, 10, 10);--color-content-background: #181818;--color-surface-raised: rgb(40, 40, 40);--color-text-primary: rgb(243, 245, 247);--color-text-muted: rgba(255, 255, 255, .5);--color-text-faint: rgba(243, 245, 247, .3);--color-icon-muted: rgb(77, 77, 77);--color-error: rgb(220, 80, 60);--color-error-bg: rgba(220, 80, 60, .1);--border-primary: 1px solid rgba(243, 245, 247, .15)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.loading,.error{text-align:center;padding:2rem;color:var(--color-text-muted)}.error{color:var(--color-error)}.char-count{display:block;color:var(--color-text-muted);font-size:.875rem}.modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:1000}