.App{min-height:100vh;display:flex;flex-direction:column;background-color:var(--nc-black);color:var(--nc-white)}.App-content{flex:1;max-width:800px;margin:0 auto;padding:40px 20px;width:100%}.App-header{margin-bottom:40px}.App-header h1{font-family:"IBM Plex Serif",serif;font-size:3em;font-weight:400;letter-spacing:-.025em;margin:0 0 10px;color:var(--nc-white)}.App-header p{font-family:IBM Plex Mono,monospace;font-size:1em;color:var(--nc-mint);margin:0}.message-form{margin-bottom:40px}.message-form textarea{width:100%;padding:15px;font-family:IBM Plex Mono,monospace;font-size:16px;background-color:var(--nc-white);color:var(--nc-black);border:3px solid var(--nc-white);border-radius:0;resize:vertical;box-sizing:border-box}.message-form textarea:focus{outline:none;border-color:var(--nc-mint)}.message-form .char-count{text-align:right;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--nc-mint);margin-top:5px}.message-form button{margin-top:15px;padding:15px 40px;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:700;background-color:var(--nc-mint);color:var(--nc-black);border:3px solid var(--nc-mint);border-radius:0;cursor:pointer;transition:all .2s;text-transform:uppercase}.message-form button:hover:not(:disabled){background-color:var(--nc-black);color:var(--nc-mint)}.message-form button:disabled{opacity:.5;cursor:not-allowed}.messages-section{margin-bottom:60px}.messages-section h2{font-family:"IBM Plex Serif",serif;font-size:2em;font-weight:400;letter-spacing:-.025em;margin:0 0 20px;color:var(--nc-white)}.empty-state{font-family:IBM Plex Mono,monospace;color:var(--nc-mint);font-style:italic;padding:20px}.message{background-color:var(--nc-white);color:var(--nc-black);padding:20px;margin-bottom:15px;border:3px solid var(--nc-white);transition:border-color .2s}.message:hover{border-color:var(--nc-mint)}.message-text{font-family:IBM Plex Mono,monospace;font-size:16px;margin-bottom:10px;line-height:1.6}.message-timestamp{font-family:IBM Plex Mono,monospace;font-size:12px;color:#666}.App-footer{background-color:var(--nc-black);border-top:3px solid var(--nc-mint);padding:30px 20px;text-align:center}.footer-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:15px}.footer-text{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--nc-white)}.footer-logo{height:40px;width:auto}:root{--nc-mint: #a9f5e4;--nc-black: #1c1c1c;--nc-white: #f5f5f5}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Serif";src:url(/fonts/IBM_Plex_Serif/IBMPlexSerif-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;font-family:IBM Plex Mono,monospace;background-color:var(--nc-black);color:var(--nc-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}code{font-family:IBM Plex Mono,monospace}