.back-button{color:#333;display:inline-block;margin-bottom:20px;padding:10px 15px;text-decoration:none}.back-button,.message-card{background-color:#f0f0f0;border-radius:5px}.message-card{margin-bottom:15px;padding:15px}.message-actions{margin-top:10px}.message-actions button{margin-right:10px}.replies{border-left:2px solid #ccc;margin-top:10px;padding-left:20px}.reply-item{background-color:#e8e8e8;border-radius:5px;margin-top:10px;padding:10px}.reply-text{margin:0}.reply-timestamp{color:#666;font-size:.8em;margin-top:5px}body,html{font-family:Arial,sans-serif;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#ffd1dc;padding:10px 20px}.header-content{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.logo{color:#000;flex-grow:1;font-size:24px;left:38.2%;margin:0;position:absolute;text-align:center;transform:translateX(-50%)}.auth-links{align-items:center;display:flex}.auth-links>*{margin-left:10px}.auth-links a{color:#000;text-decoration:none}.main-content{flex-grow:1;padding:20px}.main-nav{align-items:center;display:flex;gap:20px;margin-left:auto;margin-right:20px}.main-nav .nav-item{color:#000;margin-right:20px;text-decoration:none}.main-nav .nav-item:hover{text-decoration:underline}.nav-item{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#000;display:block;padding:15px 20px;text-decoration:none}.nav-item:hover{background-color:#e0e0e0}.city-link{background-color:#fffacd!important}.city-link:hover{background-color:#e6d66e!important}.interest-link{background-color:#e0ffe0!important}.interest-link:hover{background-color:#85e685!important}.spark-link{background-color:#ffcccb!important}.spark-link:hover{background-color:#eb6b6b!important}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.logo{margin-bottom:10px;position:static;transform:none}.auth-links{align-self:flex-end;margin-left:0}.main-content{padding:10px}.nav-item{padding:10px 15px}}.login-page,.register-page{margin:0 auto;max-width:400px;padding:20px}.login-page h2,.register-page h2{text-align:center}.login-page form,.register-page form{display:flex;flex-direction:column;gap:15px}.login-page input,.register-page input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.login-page button,.register-page button{background-color:#ffeb3b;border:none;border-radius:4px;cursor:pointer;padding:10px}.login-page button:hover,.register-page button:hover{background-color:#fdd835}.login-page p,.register-page p{margin-top:15px;text-align:center}.back-to-home{color:#333;display:block;margin-top:20px;text-align:center;text-decoration:none}.back-to-home:hover{text-decoration:underline}.account-banner{border-bottom:1px solid #ddd;padding:10px;text-align:center}.account-address,.account-banner{background-color:#f0f0f0;font-size:14px}.account-address{border-radius:4px;font-family:monospace;margin-right:10px;padding:5px 10px}.account-details{margin:0 auto;max-width:600px;padding:20px}.detail-item{margin-bottom:15px}.note{color:#666;font-size:.8em}.system-address{background-color:#f0f0f0;border-radius:4px;margin-top:5px;padding:10px}.warning{color:red;font-weight:700;margin-left:10px}.export-key-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px}.export-key-btn:hover{background-color:#45a049}.back-link{color:#333;display:block;margin-top:20px;text-decoration:none}.back-link:hover{text-decoration:underline}.instructions{margin:0 auto;max-width:800px;padding:20px}.markdown-content{border-radius:4px;margin-bottom:20px;padding:20px}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:0}.markdown-content p{line-height:1.6}.markdown-content code{background-color:#f0f0f0;border-radius:4px;padding:2px 4px}.content-nav{display:flex;flex-direction:column;gap:10px;margin-top:20px}.content-nav .nav-item{background-color:#f0f0f0;border-radius:4px;color:#333;padding:10px;text-decoration:none}.content-nav .nav-item:hover{background-color:#e0e0e0}.spark-board{margin:0 auto;max-width:800px;padding:20px}.spark-board h2{color:#ff6b6b}.spark-board textarea{height:100px;margin-bottom:10px;padding:10px;width:100%}.spark-board button{background-color:#ff6b6b;border:none;color:#fff;cursor:pointer;padding:10px 20px}.spark-board .message{background-color:#fff0f0;border:1px solid #ffcccb;margin-bottom:10px;padding:10px}