-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcomprehensive-css-diagnostic-results.json
More file actions
67 lines (67 loc) · 20.1 KB
/
Copy pathcomprehensive-css-diagnostic-results.json
File metadata and controls
67 lines (67 loc) · 20.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
{
"environment": {
"development": true,
"production": false,
"detected": "development"
},
"containerInfo": {
"chemquest-client-dev": "0.0.0.0",
"chemquest-server-dev": "0.0.0.0",
"chemquest-postgres-dev": "0.0.0.0",
"chemquest-redis-dev": "0.0.0.0"
},
"tests": [
{
"testName": "VITE_ROOT",
"url": "http://localhost:3000",
"timestamp": "2025-08-29T09:01:19.591Z",
"success": false,
"statusCode": 404,
"responseTime": 69,
"error": null,
"body": ""
},
{
"testName": "DEV_CSS_/src/index.css",
"url": "http://localhost:3000/src/index.css",
"timestamp": "2025-08-29T09:01:19.662Z",
"success": true,
"statusCode": 200,
"contentType": "application/javascript",
"responseTime": 15,
"error": null,
"body": "import { createHotContext as __vite__createHotContext } from \"/@vite/client\";import.meta.hot = __vite__createHotContext(\"/src/index.css\");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from \"/@vite/client\"\nconst __vite__id = \"/app/src/index.css\"\nconst __vite__css = \":root {\\r\\n font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;\\r\\n line-height: 1.5;\\r\\n font-weight: 400;\\r\\n\\r\\n color-scheme: light dark;\\r\\n color: rgba(255, 255, 255, 0.87);\\r\\n background-color: #242424;\\r\\n\\r\\n font-synthesis: none;\\r\\n text-rendering: optimizeLegibility;\\r\\n -webkit-font-smoothing: antialiased;\\r\\n -moz-osx-font-smoothing: grayscale;\\r\\n -webkit-text-size-adjust: 100%;\\r\\n}\\r\\n\\r\\n* {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n}\\r\\n\\r\\nbody {\\r\\n margin: 0;\\r\\n display: flex;\\r\\n place-items: center;\\r\\n min-width: 320px;\\r\\n min-height: 100vh;\\r\\n}\\r\\n\\r\\n#root {\\r\\n width: 100%;\\r\\n margin: 0 auto;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n@media (prefers-color-scheme: light) {\\r\\n :root {\\r\\n color: #213547;\\r\\n background-color: #ffffff;\\r\\n }\\r\\n}\"\n__vite__updateStyle(__vite__id, __vite__css)\nimport.meta.hot.accept()\nexport default __vite__css\nimport.meta.hot.prune(() => __vite__removeStyle(__vite__id))"
},
{
"testName": "DEV_CSS_/src/App.css",
"url": "http://localhost:3000/src/App.css",
"timestamp": "2025-08-29T09:01:19.679Z",
"success": true,
"statusCode": 200,
"contentType": "application/javascript",
"responseTime": 16,
"error": null,
"body": "import { createHotContext as __vite__createHotContext } from \"/@vite/client\";import.meta.hot = __vite__createHotContext(\"/src/App.css\");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from \"/@vite/client\"\nconst __vite__id = \"/app/src/App.css\"\nconst __vite__css = \".App {\\r\\n min-height: 100vh;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.navbar {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n padding: 1rem 2rem;\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n color: white;\\r\\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\\r\\n}\\r\\n\\r\\n.nav-brand {\\r\\n font-size: 1.5rem;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.nav-links {\\r\\n display: flex;\\r\\n gap: 1rem;\\r\\n}\\r\\n\\r\\n.nav-links a {\\r\\n color: white;\\r\\n text-decoration: none;\\r\\n padding: 0.5rem 1rem;\\r\\n border-radius: 0.5rem;\\r\\n transition: background-color 0.3s;\\r\\n}\\r\\n\\r\\n.nav-links a:hover {\\r\\n background-color: rgba(255,255,255,0.2);\\r\\n}\\r\\n\\r\\n.main-content {\\r\\n flex: 1;\\r\\n padding: 2rem;\\r\\n}\\r\\n\\r\\n.page {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.page h1 {\\r\\n font-size: 3rem;\\r\\n margin-bottom: 1rem;\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n}\\r\\n\\r\\n.page h2 {\\r\\n font-size: 2rem;\\r\\n margin-bottom: 2rem;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.realms-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\\r\\n gap: 1.5rem;\\r\\n margin-top: 2rem;\\r\\n}\\r\\n\\r\\n.realm-card {\\r\\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\\r\\n color: white;\\r\\n padding: 2rem;\\r\\n border-radius: 1rem;\\r\\n font-size: 1.2rem;\\r\\n font-weight: bold;\\r\\n cursor: pointer;\\r\\n transition: transform 0.3s, box-shadow 0.3s;\\r\\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\\r\\n}\\r\\n\\r\\n.realm-card:hover {\\r\\n transform: translateY(-5px);\\r\\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\\r\\n}\\r\\n\\r\\n.auth-form {\\r\\n max-width: 400px;\\r\\n margin: 0 auto;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 1rem;\\r\\n}\\r\\n\\r\\n.auth-form input {\\r\\n padding: 1rem;\\r\\n border: 2px solid #ddd;\\r\\n border-radius: 0.5rem;\\r\\n font-size: 1rem;\\r\\n transition: border-color 0.3s;\\r\\n}\\r\\n\\r\\n.auth-form input:focus {\\r\\n outline: none;\\r\\n border-color: #667eea;\\r\\n}\\r\\n\\r\\n.auth-form button {\\r\\n padding: 1rem;\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n color: white;\\r\\n border: none;\\r\\n border-radius: 0.5rem;\\r\\n font-size: 1rem;\\r\\n font-weight: bold;\\r\\n cursor: pointer;\\r\\n transition: transform 0.3s;\\r\\n}\\r\\n\\r\\n.auth-form button:hover {\\r\\n transform: translateY(-2px);\\r\\n}\\r\\n\\r\\n@media (prefers-color-scheme: light) {\\r\\n .page h2 {\\r\\n color: #333;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (prefers-color-scheme: dark) {\\r\\n .page h2 {\\r\\n color: #fff;\\r\\n }\\r\\n \\r\\n .auth-form input {\\r\\n background-color: #333;\\r\\n color: white;\\r\\n border-color: #555;\\r\\n }\\r\\n}/*\\r\\n Authentication Styles */\\r\\n.auth-container {\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n min-height: calc(100vh - 80px);\\r\\n padding: 20px;\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n}\\r\\n\\r\\n.auth-card {\\r\\n background: white;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\\r\\n padding: 40px;\\r\\n width: 100%;\\r\\n max-width: 500px;\\r\\n}\\r\\n\\r\\n.auth-header {\\r\\n text-align: center;\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.auth-header h2 {\\r\\n color: #333;\\r\\n margin-bottom: 10px;\\r\\n font-size: 1.8rem;\\r\\n}\\r\\n\\r\\n.auth-header p {\\r\\n color: #666;\\r\\n font-size: 1rem;\\r\\n}\\r\\n\\r\\n.auth-form {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n.form-group {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 5px;\\r\\n}\\r\\n\\r\\n.form-row {\\r\\n display: grid;\\r\\n grid-template-columns: 1fr 1fr;\\r\\n gap: 15px;\\r\\n}\\r\\n\\r\\n.form-group label {\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.form-group input,\\r\\n.form-group select {\\r\\n padding: 12px;\\r\\n border: 2px solid #e1e5e9;\\r\\n border-radius: 8px;\\r\\n font-size: 1rem;\\r\\n transition: border-color 0.3s ease;\\r\\n}\\r\\n\\r\\n.form-group input:focus,\\r\\n.form-group select:focus {\\r\\n outline: none;\\r\\n border-color: #667eea;\\r\\n}\\r\\n\\r\\n.form-group input.error,\\r\\n.form-group select.error {\\r\\n border-color: #e74c3c;\\r\\n}\\r\\n\\r\\n.error-message {\\r\\n color: #e74c3c;\\r\\n font-size: 0.85rem;\\r\\n margin-top: 5px;\\r\\n}\\r\\n\\r\\n.form-hint {\\r\\n color: #666;\\r\\n font-size: 0.8rem;\\r\\n margin-top: 5px;\\r\\n}\\r\\n\\r\\n.auth-button {\\r\\n padding: 12px 24px;\\r\\n border: none;\\r\\n border-radius: 8px;\\r\\n font-size: 1rem;\\r\\n font-weight: 600;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\r\\n text-decoration: none;\\r\\n text-align: center;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.auth-button.primary {\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n color: white;\\r\\n}\\r\\n\\r\\n.auth-button.primary:hover:not(:disabled) {\\r\\n transform: translateY(-2px);\\r\\n box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\\r\\n}\\r\\n\\r\\n.auth-button.secondary {\\r\\n background: #f8f9fa;\\r\\n color: #333;\\r\\n border: 2px solid #e1e5e9;\\r\\n}\\r\\n\\r\\n.auth-button.secondary:hover:not(:disabled) {\\r\\n background: #e9ecef;\\r\\n}\\r\\n\\r\\n.auth-button:disabled {\\r\\n opacity: 0.6;\\r\\n cursor: not-allowed;\\r\\n}\\r\\n\\r\\n.auth-links {\\r\\n margin-top: 30px;\\r\\n text-align: center;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 15px;\\r\\n}\\r\\n\\r\\n.auth-divider {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n margin: 20px 0;\\r\\n}\\r\\n\\r\\n.auth-divider::before,\\r\\n.auth-divider::after {\\r\\n content: '';\\r\\n flex: 1;\\r\\n height: 1px;\\r\\n background: #e1e5e9;\\r\\n}\\r\\n\\r\\n.auth-divider span {\\r\\n padding: 0 15px;\\r\\n color: #666;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.link {\\r\\n color: #667eea;\\r\\n text-decoration: none;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n.link:hover {\\r\\n text-decoration: underline;\\r\\n}\\r\\n\\r\\n.error-banner {\\r\\n background: #fee;\\r\\n border: 1px solid #fcc;\\r\\n color: #c33;\\r\\n padding: 12px;\\r\\n border-radius: 8px;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.success-banner {\\r\\n background: #efe;\\r\\n border: 1px solid #cfc;\\r\\n color: #363;\\r\\n padding: 12px;\\r\\n border-radius: 8px;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.info-message {\\r\\n background: #f0f8ff;\\r\\n border: 1px solid #b3d9ff;\\r\\n color: #0066cc;\\r\\n padding: 15px;\\r\\n border-radius: 8px;\\r\\n margin: 20px 0;\\r\\n}\\r\\n\\r\\n.success-message {\\r\\n background: #f0fff4;\\r\\n border: 1px solid #90ee90;\\r\\n color: #006400;\\r\\n padding: 15px;\\r\\n border-radius: 8px;\\r\\n margin: 20px 0;\\r\\n}\\r\\n\\r\\n/* Navigation Styles */\\r\\n.navbar {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n padding: 15px 30px;\\r\\n background: white;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\\r\\n position: sticky;\\r\\n top: 0;\\r\\n z-index: 100;\\r\\n}\\r\\n\\r\\n.nav-brand {\\r\\n font-size: 1.5rem;\\r\\n font-weight: bold;\\r\\n color: #667eea;\\r\\n text-decoration: none;\\r\\n}\\r\\n\\r\\n.nav-links {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n.nav-link {\\r\\n color: #333;\\r\\n text-decoration: none;\\r\\n font-weight: 500;\\r\\n transition: color 0.3s ease;\\r\\n}\\r\\n\\r\\n.nav-link:hover {\\r\\n color: #667eea;\\r\\n}\\r\\n\\r\\n.nav-user {\\r\\n color: #666;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.nav-button {\\r\\n background: #667eea;\\r\\n color: white;\\r\\n border: none;\\r\\n padding: 8px 16px;\\r\\n border-radius: 6px;\\r\\n cursor: pointer;\\r\\n font-weight: 500;\\r\\n transition: background 0.3s ease;\\r\\n}\\r\\n\\r\\n.nav-button:hover {\\r\\n background: #5a6fd8;\\r\\n}\\r\\n\\r\\n/* Dashboard Styles */\\r\\n.dashboard {\\r\\n padding: 30px;\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.dashboard-header {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: flex-start;\\r\\n margin-bottom: 30px;\\r\\n flex-wrap: wrap;\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n.user-info h1 {\\r\\n color: #333;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.verification-notice {\\r\\n background: #fff3cd;\\r\\n border: 1px solid #ffeaa7;\\r\\n color: #856404;\\r\\n padding: 10px 15px;\\r\\n border-radius: 6px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.verify-link {\\r\\n color: #667eea;\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.dashboard-actions {\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n}\\r\\n\\r\\n.character-stats {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\r\\n gap: 20px;\\r\\n margin-bottom: 40px;\\r\\n}\\r\\n\\r\\n.stat-card {\\r\\n background: white;\\r\\n padding: 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.stat-card h3 {\\r\\n color: #666;\\r\\n font-size: 0.9rem;\\r\\n margin-bottom: 10px;\\r\\n text-transform: uppercase;\\r\\n letter-spacing: 1px;\\r\\n}\\r\\n\\r\\n.stat-value {\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.realms-section h2 {\\r\\n color: #333;\\r\\n margin-bottom: 20px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.realms-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n.realm-card {\\r\\n background: white;\\r\\n padding: 25px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\\r\\n text-align: center;\\r\\n transition: transform 0.3s ease;\\r\\n}\\r\\n\\r\\n.realm-card:hover {\\r\\n transform: translateY(-5px);\\r\\n}\\r\\n\\r\\n.realm-icon {\\r\\n font-size: 3rem;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.realm-card h3 {\\r\\n color: #333;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.realm-card p {\\r\\n color: #666;\\r\\n margin-bottom: 20px;\\r\\n line-height: 1.5;\\r\\n}\\r\\n\\r\\n/* Button Styles */\\r\\n.btn {\\r\\n padding: 10px 20px;\\r\\n border: none;\\r\\n border-radius: 8px;\\r\\n font-size: 1rem;\\r\\n font-weight: 600;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\r\\n text-decoration: none;\\r\\n display: inline-block;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.btn.btn-primary {\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n color: white;\\r\\n}\\r\\n\\r\\n.btn.btn-primary:hover {\\r\\n transform: translateY(-2px);\\r\\n box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\\r\\n}\\r\\n\\r\\n.btn.btn-secondary {\\r\\n background: #f8f9fa;\\r\\n color: #333;\\r\\n border: 2px solid #e1e5e9;\\r\\n}\\r\\n\\r\\n.btn.btn-secondary:hover {\\r\\n background: #e9ecef;\\r\\n}\\r\\n\\r\\n.btn.btn-outline {\\r\\n background: transparent;\\r\\n color: #667eea;\\r\\n border: 2px solid #667eea;\\r\\n}\\r\\n\\r\\n.btn.btn-outline:hover {\\r\\n background: #667eea;\\r\\n color: white;\\r\\n}\\r\\n\\r\\n.btn.btn-accent {\\r\\n background: linear-gradient(135deg, #f39c12, #e67e22);\\r\\n color: white;\\r\\n}\\r\\n\\r\\n.btn.btn-accent:hover {\\r\\n background: linear-gradient(135deg, #e67e22, #d35400);\\r\\n transform: translateY(-2px);\\r\\n box-shadow: 0 5px 15px rgba(243, 156, 18, 0.4);\\r\\n}\\r\\n\\r\\n/* Profile Styles */\\r\\n.profile-container {\\r\\n padding: 30px;\\r\\n max-width: 800px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.profile-header {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.back-link {\\r\\n color: #667eea;\\r\\n text-decoration: none;\\r\\n font-weight: 500;\\r\\n margin-bottom: 10px;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.profile-tabs {\\r\\n display: flex;\\r\\n border-bottom: 2px solid #e1e5e9;\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.tab {\\r\\n padding: 15px 25px;\\r\\n background: none;\\r\\n border: none;\\r\\n font-size: 1rem;\\r\\n font-weight: 600;\\r\\n cursor: pointer;\\r\\n color: #666;\\r\\n border-bottom: 3px solid transparent;\\r\\n transition: all 0.3s ease;\\r\\n}\\r\\n\\r\\n.tab.active {\\r\\n color: #667eea;\\r\\n border-bottom-color: #667eea;\\r\\n}\\r\\n\\r\\n.profile-section {\\r\\n background: white;\\r\\n padding: 30px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\\r\\n}\\r\\n\\r\\n.profile-info {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.info-item {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n padding: 15px 0;\\r\\n border-bottom: 1px solid #f0f0f0;\\r\\n}\\r\\n\\r\\n.info-item:last-child {\\r\\n border-bottom: none;\\r\\n}\\r\\n\\r\\n.info-item label {\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n}\\r\\n\\r\\n.verified-badge {\\r\\n color: #28a745;\\r\\n font-size: 0.8rem;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.unverified-badge {\\r\\n color: #ffc107;\\r\\n font-size: 0.8rem;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.character-stats {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\\r\\n gap: 15px;\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.stat-item {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n padding: 10px 15px;\\r\\n background: #f8f9fa;\\r\\n border-radius: 8px;\\r\\n}\\r\\n\\r\\n.stat-item label {\\r\\n font-weight: 600;\\r\\n color: #666;\\r\\n}\\r\\n\\r\\n.profile-form {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n.avatar-preview {\\r\\n margin-top: 10px;\\r\\n}\\r\\n\\r\\n.avatar-preview img {\\r\\n width: 80px;\\r\\n height: 80px;\\r\\n border-radius: 50%;\\r\\n object-fit: cover;\\r\\n border: 3px solid #e1e5e9;\\r\\n}\\r\\n\\r\\n/* Loading Styles */\\r\\n.loading-container {\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n min-height: 50vh;\\r\\n}\\r\\n\\r\\n.loading-spinner {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.spinner {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n border: 4px solid #f3f3f3;\\r\\n border-top: 4px solid #667eea;\\r\\n border-radius: 50%;\\r\\n animation: spin 1s linear infinite;\\r\\n margin: 0 auto 20px;\\r\\n}\\r\\n\\r\\n@keyframes spin {\\r\\n 0% { transform: rotate(0deg); }\\r\\n 100% { transform: rotate(360deg); }\\r\\n}\\r\\n\\r\\n/* Hero Section */\\r\\n.hero-section {\\r\\n text-align: center;\\r\\n padding: 60px 20px;\\r\\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\\r\\n color: white;\\r\\n margin-bottom: 40px;\\r\\n}\\r\\n\\r\\n.hero-section h1 {\\r\\n font-size: 3rem;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.hero-section p {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 30px;\\r\\n opacity: 0.9;\\r\\n}\\r\\n\\r\\n.hero-actions {\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n gap: 20px;\\r\\n flex-wrap: wrap;\\r\\n}\\r\\n\\r\\n.features-section {\\r\\n padding: 40px 20px;\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.features-section h2 {\\r\\n text-align: center;\\r\\n color: #333;\\r\\n margin-bottom: 40px;\\r\\n font-size: 2rem;\\r\\n}\\r\\n\\r\\n/* Responsive Design */\\r\\n@media (max-width: 768px) {\\r\\n .form-row {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n \\r\\n .dashboard-header {\\r\\n flex-direction: column;\\r\\n align-items: stretch;\\r\\n }\\r\\n \\r\\n .character-stats {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n \\r\\n .realms-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n \\r\\n .hero-section h1 {\\r\\n font-size: 2rem;\\r\\n }\\r\\n \\r\\n .hero-actions {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n \\r\\n .nav-links {\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 480px) {\\r\\n .auth-card {\\r\\n padding: 20px;\\r\\n }\\r\\n \\r\\n .character-stats {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n \\r\\n .dashboard,\\r\\n .profile-container {\\r\\n padding: 15px;\\r\\n }\\r\\n}\"\n__vite__updateStyle(__vite__id, __vite__css)\nimport.meta.hot.accept()\nexport default __vite__css\nimport.meta.hot.prune(() => __vite__removeStyle(__vite__id))"
},
{
"testName": "DEV_CSS_/src/styles/main.css",
"url": "http://localhost:3000/src/styles/main.css",
"timestamp": "2025-08-29T09:01:19.697Z",
"success": false,
"statusCode": 404,
"responseTime": 56,
"error": null,
"body": ""
},
{
"testName": "CONTAINER_INTERNAL_ACCESS",
"success": false,
"error": "No HTML content received"
}
],
"summary": {},
"recommendations": [
"Development environment detected with failed tests. This is often normal as Vite serves CSS as JavaScript modules.",
"Container internal access failed. Check if the development server is running inside the container."
]
}