CSS

CSS = '\n    MCPLoginScreen {\n        align: center middle;\n    }\n\n    MCPLoginScreen > Vertical {\n        width: 80;\n        max-width: 92%;\n        height: auto;\n        max-height: 85%;\n        background: $surface;\n        border: solid $primary;\n        padding: 1 2;\n    }\n\n    MCPLoginScreen .ml-title {\n        text-style: bold;\n        color: $primary;\n        text-align: center;\n        margin-bottom: 1;\n    }\n\n    MCPLoginScreen .ml-status {\n        height: auto;\n        color: $text;\n        margin-bottom: 1;\n    }\n\n    MCPLoginScreen .ml-link {\n        height: auto;\n        color: $accent;\n        margin-bottom: 1;\n    }\n\n    MCPLoginScreen .ml-history {\n        height: auto;\n        max-height: 8;\n        background: $surface-lighten-1;\n        margin-bottom: 1;\n    }\n\n    MCPLoginScreen .ml-history-line {\n        height: 1;\n        color: $text-muted;\n        padding: 0 1;\n    }\n\n    MCPLoginScreen .ml-prompt {\n        height: 1;\n        color: $text;\n    }\n\n    MCPLoginScreen #ml-input {\n        margin-bottom: 1;\n        border: solid $primary-lighten-2;\n    }\n\n    MCPLoginScreen #ml-input:focus {\n        border: solid $primary;\n    }\n\n    MCPLoginScreen .ml-help {\n        height: 1;\n        color: $text-muted;\n        text-style: italic;\n        text-align: center;\n    }\n    '