.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background-color:var(--color-content-background);padding:2rem;border-radius:.5rem;border:var(--border-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.github-button{border:var(--border-primary);padding:.6rem 1.8rem;background-color:var(--color-content-background);color:var(--color-text-primary);font-size:1.1rem;margin-top:1.2rem;cursor:pointer}.github-button:hover{background-color:#272727}.modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:1000}.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}.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}.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:.75rem;color:var(--color-text-primary);font-size:1rem;font-family:inherit;resize:none;margin-bottom:1rem}.modal textarea:focus{outline:none}.modal-footer{display:flex;justify-content:end;align-items:center;gap:1rem;padding:1.5rem}.char-count{color:#777;font-size:.95rem}button.primary{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}button.primary: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}.nav-new-post-button{background-color:#ffffff14;width:60px;height:48px}.nav-item:hover{background-color:#ffffff14}.new-post-button{position:fixed;right:20px;bottom:20px;width:80px;height:66px;background-color:#181818;color:#f3f5f7;font-size:36px;border:1px solid rgba(243,245,247,.15);cursor:pointer;border-radius:1rem;box-shadow:#00000014 0 6px 8px;display:flex;justify-content:center;align-items:center}.new-post-button svg{fill:var(--color-text-primary)}.new-post-button:hover{width:90px;height:74px;right:15px;bottom:16px}.new-post-button:hover svg{width:2.2rem}.logout-button{background-color:inherit;color:#4d4d4d;border:none;margin-bottom:22px;border-radius:.8rem}.logout-button:hover{color:#f3f5f7;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 0rem;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-option{background:none;background-color:var(--color-content-background);border:var(--border-primary);cursor:pointer;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem;display:flex;justify-content:center;align-items:center}.nav-icon{fill:#4d4d4d;width:2rem}.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)}.feed-option{padding:2px;border-radius:1rem}.feed-chevron{fill:var(--color-text-primary);width:1.2rem}.feed-dropdown{position:absolute;top:calc(100% + .5rem);left:3rem;background-color:#282828;border:var(--border-primary);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #0000004d;padding:.5rem}.feed-dropdown-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}.feed-dropdown-item:hover{background-color:#ffffff0d}.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}.back-button svg{width:1rem;fill:#fff}@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:#4d4d4d}.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:#4d4d4d;font-size:1rem;cursor:pointer;border-bottom:2px solid rgb(77,77,77);transition:all .2s;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}.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}.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:#282828;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}.username{font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{color:#f3f5f74d}.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}.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)}.trigger-content{display:flex;justify-content:space-between;align-items:center}.trigger-content span{color:#fff6;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:.47rem .99rem;border-radius:.625rem;border:var(--border-primary);cursor:pointer;font-size:.9375rem;font-weight:600;z-index:5;font-family:inherit}.empty-feed{padding-left:1rem}@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}.display-name{color:var(--color-text-muted);font-weight:600;font-size:.95rem;margin:0}.username{color:var(--color-text-primary)}.follow-button{background:none;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}.following{background-color:var(--color-content-background);color:var(--color-text-primary);border:var(--border-primary)}.loading,.error{text-align:center;padding:2rem;color:var(--color-text-primary)}.error{color:orange}.users-container{display:flex;flex-direction:column}.empty-users{text-align:center;padding:3rem 1rem;color:var(--color-text-primary)}.loading,.error{text-align:center;padding:2rem;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,.profile-username{margin:0}.profile-username{margin-top:2px}.profile-top{display:flex;justify-content:space-between}.edit-profile-button,.profile-follow-button{width:100%;padding:.4rem;font-weight:600;font-family:inherit;font-size:.9375rem;border-radius:.5rem;cursor:pointer;margin-top:.5rem}.edit-profile-button{background-color:var(--color-content-background);border:var(--border-primary);color:var(--color-text-primary)}.profile-follow-button{background-color:var(--color-text-primary);border:none;color:var(--color-content-background)}.profile-follow-button.profile-following{background-color:var(--color-content-background);color:var(--color-text-primary);border:var(--border-primary)}.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}.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}.char-count{display:block;text-align:right}.edit-profile-modal::backdrop{display:none}.modal-actions{border-top:var(--border-primary);padding:1rem}.modal-done{width:100%;margin-top:.75rem;padding:1rem;border:none;background-color:#fff;color:#000;font-weight:600;font-family:inherit;cursor:pointer;font-size:.9375rem;border-radius:.5rem}.empty-post{padding:1rem}.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;padding:.5rem 1rem;color:var(--color-text-primary)}.reply-form textarea:focus{outline:none}.reply-form-footer{display:flex;justify-content: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;transition:opacity .2s}.reply-button:hover:not(:disabled){opacity:.9}.reply-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:790px){.reply-form{width:100%;bottom:60px}}:root{--color-background: rgb(10, 10, 10);--color-content-background: #181818;--color-text-primary: rgb(243, 245, 247);--color-text-muted: rgba(255, 255, 255, .5);--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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}