.discord-status{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:20px;margin:20px 0;position:relative}.discord-status.connected{border-left:4px solid #46b450}.discord-status.not-connected{border-left:4px solid #dc3232}.discord-status h3{margin:0 0 15px 0;color:#23282d;font-size:18px}.discord-status p{margin:10px 0;color:#666}.discord-status button{margin:10px 10px 10px 0}.discord-link-form{margin-top:15px;padding:15px;background:#fff;border:1px solid #ddd;border-radius:3px}.discord-link-form input[type="text"]{width:100%;max-width:300px;margin-bottom:10px;padding:8px 12px;border:1px solid #ddd;border-radius:3px;font-size:14px}.discord-link-form input[type="text"].valid{border-color:#46b450;box-shadow:0 0 5px rgb(70 180 80 / .3)}.discord-link-form input[type="text"].error{border-color:#dc3232;box-shadow:0 0 5px rgb(220 50 50 / .3)}.discord-link-form button{margin-right:10px}.button-discord{background:#7289da!important;border-color:#7289da!important;color:#fff!important;text-decoration:none;display:inline-block;padding:8px 16px;border-radius:3px;font-size:14px;line-height:1.4;cursor:pointer;transition:all 0.2s ease}.button-discord:hover{background:#5b6eae!important;border-color:#5b6eae!important;color:#fff!important}.button-discord:focus{box-shadow:0 0 0 2px rgb(114 137 218 / .5);outline:none}.discord-icon{margin-right:8px;font-size:16px}.discord-login-section{margin:20px 0;text-align:center;padding:20px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px}.discord-login-text{margin:0 0 15px 0;font-size:16px;color:#666}.discord-status.loading{opacity:.7;pointer-events:none}.discord-status .spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #7289da;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.discord-status{padding:15px;margin:15px 0}.discord-status h3{font-size:16px}.discord-link-form input[type="text"]{max-width:100%}.discord-status button{width:100%;margin:5px 0;text-align:center}}.form-table .discord-status{margin:0;background:#fff0;border:none;padding:0}.form-table .discord-status h2{margin:0 0 20px 0;padding:0;border:none}.form-table .discord-status table{margin:0}.form-table .discord-status th{width:200px;padding:15px 10px 15px 0}.form-table .discord-status td{padding:15px 10px}.discord-profile-status{max-width:600px;margin:20px auto}.discord-profile-status .discord-status{text-align:center}.discord-profile-status .discord-link-form{text-align:left}.discord-notice{padding:10px 15px;margin:10px 0;border-radius:3px;border-left:4px solid}.discord-notice.success{background:#d4edda;border-color:#28a745;color:#155724}.discord-notice.error{background:#f8d7da;border-color:#dc3545;color:#721c24}.discord-notice.info{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.discord-id-help{color:#0073aa;text-decoration:underline;cursor:help;font-size:12px;margin-left:10px}.discord-id-help:hover{color:#005a87}.discord-link-form .error-message{color:#dc3232;font-size:12px;margin-top:5px;display:none}.discord-link-form input[type="text"].error+.error-message{display:block}.discord-status[role="region"]{outline:none}.discord-status[role="region"]:focus{outline:2px solid #0073aa;outline-offset:2px}@media (prefers-contrast:high){.discord-status{border-width:2px}.discord-status.connected{border-left-width:6px}.discord-status.not-connected{border-left-width:6px}}