body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#36393f;color:#fff}.container{min-height:100vh;display:flex;flex-direction:column}.title{margin:0;line-height:1.15;font-size:3rem}.brand{color:#5865f2}.description{line-height:1.5;font-size:1.2rem;margin:1rem 0;text-align:center}.card{background-color:#2f3136;border-radius:8px;padding:2rem;margin:1rem 0;width:100%;max-width:600px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.serverForm{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.serverForm label{font-weight:700}.serverForm input{padding:.5rem;border-radius:4px;border:none;background-color:#40444b;color:#fff}.serverForm button{background-color:#5865f2;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-weight:700}.serverForm button:hover{background-color:#4752c4}.serverInfo{display:flex;flex-direction:column;align-items:center;gap:1rem}.inviteButton:disabled{background-color:#4e5a6b;cursor:not-allowed}.shareSection{width:100%;margin-top:1.5rem}.shareInput{margin:.5rem 0}.codeBlock,.shareInput{width:100%;padding:.5rem;border-radius:4px;border:none;background-color:#40444b;color:#fff}.codeBlock{min-height:80px;font-family:monospace;resize:vertical}.error{color:#f04747}.error,.footer{text-align:center}.footer{width:100%;padding:1rem 0;border-top:1px solid #40444b;margin-top:2rem}.autoJoinContainer{background-color:#2f3136;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.autoJoinContainer p{font-size:1.2rem;margin:0;color:#5865f2;font-weight:700}.serverIconPlaceholder{background-color:#5865f2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700}.serverIcon,.serverIconPlaceholder{width:128px;height:128px;border-radius:50%}.serverIcon{-o-object-fit:cover;object-fit:cover}.card section{margin-bottom:2rem}.card h2{color:#5865f2;border-bottom:1px solid #40444b;padding-bottom:.5rem}.card h3{color:#b9bbbe;margin-top:1.5rem}.card ul{padding-left:1.5rem}.card li{margin-bottom:.5rem}.inviteButton{background-color:#5865f2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700;font-size:1rem;margin:1rem 0;text-decoration:none;display:inline-block;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.inviteButton:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.inviteButton:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}.footer a{transition:all .2s ease}.footer a:hover{color:#7289da!important;text-decoration:underline!important}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:1rem 2rem 2rem}@media (max-width:768px){.main{padding:.5rem 1rem 1rem}nav{padding:.5rem 1rem!important;flex-direction:column;gap:.5rem!important}nav>div{justify-content:center!important}.title{font-size:2rem!important}.card{padding:1rem}.serverForm{gap:.5rem}.inviteButton{padding:.5rem 1rem;font-size:.9rem}}@media (max-width:480px){.title{font-size:1.5rem!important}.description{font-size:1rem}nav>div{flex-direction:column;width:100%}nav a{width:100%;text-align:center}}