:root{--bg:#0f172a;--surface:#111827;--surface-2:#1f2933;--border:#2d3748;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-active:#6d28d9;--primary-hover-background:#68519251;--text:#f9fafb;--text-secondary:#9ca3af;--text-middle:#cad1db;--text-muted:#6b7280;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--error-background:#ef44441a;--box-shadow:0 4px 12px #0000004d, 0 12px 32px #00000059;--box-shadow-secondary:0 2px 6px #0003, 0 8px 24px #00000040}*{box-sizing:border-box;font-family:system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;border-radius:4px;transition:all .2s;outline:2px solid var(--primary)!important}body{background:var(--bg);color:var(--text);margin:0;padding:0}#root{flex-direction:column;align-items:center;gap:1rem;min-height:100vh;display:flex}.defaultBackground{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1rem;font-size:large}.loginOptions{text-align:center;width:90%}.loginOptions hr{border-color:var(--border);margin:0}.githubLoginButton{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;padding:10px}.textOnBackground{color:var(--text-secondary)}.textOnBackground a:hover{text-decoration:underline}.errorContainer{border:1px solid var(--error);background:var(--error-background);border-radius:6px;width:90%;margin:0;padding:.5rem}.errorContainer span{color:var(--error)}.defaultLink{cursor:pointer;color:var(--primary);word-break:keep-all;font-weight:500;text-decoration:none;transition:all .2s}.defaultLink:hover{color:var(--primary-hover);text-decoration:underline}.defaultLink:active{color:var(--primary-active)}.destructiveActionLink{color:var(--error);transition:all .2s}.destructiveActionLink:focus-visible{outline:2px solid var(--error);outline-offset:2px;border-radius:4px}.dropdownItem .destructiveActionLink:hover{background-color:var(--error-background)}.dropdownItem .defaultLink:hover{color:var(--primary);background-color:var(--primary-hover-background);text-decoration:none}hr{border:none;border-top:4px solid var(--surface-2);width:100%}hr.small{border-top:2px solid var(--surface-2)}.verticalHr{background-color:var(--surface-2);border:0;border-radius:10px;width:4px;height:100%;padding:0}.defaultButton{text-align:center;background-color:var(--primary);cursor:pointer;min-width:fit-content;height:fit-content;color:initial;border:none;border-radius:5px;padding:.5rem 1rem;font-size:large;text-decoration:none;transition:all .2s}.defaultButton:disabled{filter:grayscale(.8);cursor:not-allowed}.defaultButton:not(:disabled):hover{background-color:var(--primary-hover)}.defaultButton:not(:disabled):active{background-color:var(--primary-active)}.defaultAvatar{display:flex}.defaultAvatar img{border:1px solid var(--border);border-radius:50%;flex:1}.column{display:block}form{background-color:var(--surface);border:2px solid var(--border);width:min(275px,90%);height:fit-content;box-shadow:var(--box-shadow);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;display:flex}form legend{text-align:start;font-size:x-large}form label{flex-direction:column;align-items:start;gap:.2rem;width:90%;display:flex}form input{background-color:var(--surface-2);width:100%;color:inherit;border:none;border-radius:5px;padding:.2rem .4rem;font-size:large}form button{background-color:var(--primary);cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:50%;min-width:fit-content;padding:.5rem 1rem;font-size:large;transition:transform .2s,background-color .2s;display:flex}.loginOptions{flex-direction:column;gap:.2rem;display:flex}form .loginOptions hr{border-top:1px solid var(--surface-2);height:0}form button:hover{background-color:var(--primary-hover)}.bgImg{background-size:cover;flex-direction:column;flex:auto;align-items:center;width:100%;height:100%;display:flex}.header{justify-content:center;width:100%;padding:1.5rem 1rem 0;display:flex}.headerContent{background:var(--surface);border:1px solid var(--border);width:100%;max-width:1100px;box-shadow:var(--box-shadow-secondary);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.logo{cursor:pointer;align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logoSegOne{color:var(--primary);margin-right:2px;font-size:1.8rem}.logoSegTwo{color:var(--text);letter-spacing:.5px}.nav{gap:16px;display:flex}.dropdownContainer{aspect-ratio:1;height:fit-content;display:flex;position:relative}.dropdownTrigger,.modalTrigger{cursor:pointer;flex:auto}.dropdown{background-color:var(--surface-2);border:2px solid var(--border);border-radius:1rem;flex-direction:column;padding:1rem;display:flex;position:absolute;top:110%}.dropdown.right{right:0}.dropdown.left{left:0}.dropdownItem{cursor:pointer;font-size:large;display:flex}.dropdownItem>*{border-radius:.5rem;flex-grow:1;padding:.4rem .8rem}.modalOverlay{background-color:#0003;justify-content:center;align-items:start;padding:3rem 1rem;display:flex;position:fixed;inset:0}.modal{background-color:var(--surface-2);border-radius:1rem;justify-content:center;min-width:100px;padding:1rem;display:flex}.postContainer{flex-direction:column;flex:auto;align-items:center;gap:1rem;width:100%;min-width:300px;max-width:min(90vw,700px);display:flex}.newPost{flex-direction:column;align-items:center;gap:1rem;width:100%;height:fit-content;min-height:700px;display:flex}.newPost input,.newPost textarea{background-color:var(--surface-2);border:2px solid var(--border);color:var(--text);border-radius:.2rem;width:90%;padding:.2rem .3rem;font-size:large}.newPost input{font-size:xx-large}.newPost textarea{resize:vertical;flex:auto;height:fit-content}.scrollWrapper{flex-direction:column;align-items:center;gap:1rem;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow-y:hidden}.posts{flex-direction:column;flex:auto;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.singlePost{background-color:var(--surface);border:1px solid var(--border);color:inherit;box-shadow:var(--box-shadow-secondary);border-radius:5px;padding:1rem;text-decoration:none;transition:border .4s}.singlePost:hover{border:1px solid var(--primary)}.singlePost>a{display:block}.sidebar{border-radius:10px;flex-direction:column;min-width:min(200px,25vw);padding:1rem;display:flex}.sidebar a{padding:.4rem .8rem}.sidebar a:hover{background-color:var(--primary-hover-background);border-radius:5px;text-decoration:none}.flex{flex:auto;width:100%;min-width:300px;max-width:min(1000px,90vw);max-height:80vh;display:flex}.makeComment{flex-direction:column;align-items:flex-end;gap:.5rem;width:80%;display:flex}textarea#comment{background-color:var(--surface);border:2px solid var(--border);width:100%;min-height:100px;color:inherit;resize:vertical;border-radius:.2rem;padding:.2rem .4rem}.commentContainer{flex-direction:column;gap:1rem;width:100%;padding-bottom:1rem;display:flex}.comment{background-color:var(--surface);border:1px solid var(--border);border-radius:5px;flex-direction:column;padding:.5rem;animation:.7s ease-out forwards loadPopIn;display:flex}.openReplys:hover{text-decoration:underline}@keyframes loadPopIn{0%{background-color:var(--surface-2);border-radius:1rem;transform:scale(1.1)}to{transform:scale(1)}}.commentReply{align-self:flex-end;gap:.5rem;width:95%;animation:.7s ease-out forwards loadPopIn;display:flex}.flexColumn{flex-direction:column;width:100%;min-width:0;display:flex}.flexFarApart{justify-content:space-between;align-items:centerx;width:100%;display:flex}.curved-arrow{height:1.5rem;margin-right:.5rem}.row{width:100%;display:flex}.commentText{overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;color:var(--text-middle)}.commentActions{gap:1rem;width:fit-content;display:flex}.commentActions span{white-space:nowrap}.flexEnd{justify-content:end;width:100%;display:flex}.replyContainer{justify-content:center;width:100%;margin:1rem 0;display:flex}.post{width:100%}.postOptions{cursor:default;flex-wrap:wrap;gap:1rem;display:flex}.postOption{cursor:pointer;border-radius:.2rem;padding:.2rem .5rem;transition:background-color .25s ease-in-out}.postOption:hover{background-color:var(--primary-hover-background)}.userDetails{gap:1rem;width:fit-content;display:flex}.profile{background:var(--surface);border:1px solid var(--border);width:min(900px,92vw);box-shadow:var(--box-shadow-secondary);border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.profileTop{flex-wrap:wrap;gap:1.25rem;display:flex}.profile .leftSide{flex-direction:column;flex:0 9rem;display:flex}.profile .rightSide{flex-direction:column;flex:2 20rem;justify-content:space-between;align-items:end;display:flex}.profile .rightSide .links{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.profile .rightSide .links img{cursor:pointer;height:2rem;transition:transform .2s ease-in-out}.profile .rightSide .links img:hover{transform:scale(1.1)}.profile .leftSide h2{overflow-wrap:anywhere;margin:0;font-size:2rem;line-height:1.1}.fadedText{color:var(--text-middle);margin-top:.15rem;font-size:.95rem}.profileBlurb{overflow-wrap:anywhere;width:100%;margin:0;font-size:1.2rem}.profileStats{flex-wrap:wrap;gap:1rem;display:flex}.profileStat{background:var(--surface-3);border-radius:1rem;min-width:100px;padding:.75rem 1rem}.profileStat h3{color:var(--text-middle);margin:0;font-size:.8rem;font-weight:500}.profileStat p{margin:.2rem 0 0;font-size:1.2rem;font-weight:700}.editProfileLinkContainer{text-align:end;width:min(900px,92vw)}.profile input,.profile textarea{background-color:var(--surface-2);width:100%;color:inherit;resize:vertical;border:none;border-radius:5px;width:100%;padding:.2rem .4rem;font-size:large}.wideInputs{flex-direction:column;gap:.5rem;width:100%;display:flex}.profileActions{justify-content:end;gap:1rem;display:flex}.marginTopOneRem{margin-top:1rem}.avatarOptions{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.avatarOptionOutline{cursor:pointer;border-radius:50%}.changeAvatarWrapper{flex-direction:column;gap:1rem;display:flex}.avatarTopButtons{justify-content:space-between;gap:1rem;display:flex}.avatarTopButtons>*{flex:1;height:100%}.avatarBottomButtons{justify-content:end;display:flex}.avatarBottomButtons>*{flex:1;max-width:45%}@media (width<=600px){.avatarOptions{flex-wrap:wrap;justify-content:center;display:flex}}