yenru0/chakmate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify themes

Browse Source
This commit is contained in:
yenru0
2026-05-18 14:52:30 +09:00
parent 1a54fbf9b2
commit 72b7d35719
5 changed files with 1169 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
index.html
View File

@@ -3,38 +3,39 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chackly - 지능형 디지털 자산 관리</title>
<title>Chakmate - 지능형 디지털 자산 관리</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
/* Color Palette - Soft & Approachable */
--primary: #6366f1;
--primary-light: #818cf8;
--primary-dark: #4f46e5;
--secondary: #f472b6;
--secondary-light: #f9a8d4;
--accent: #34d399;
--accent-warn: #fbbf24;
--accent-danger: #f87171;
/* Blue Light Puzzle Theme - Intelligent, Precise, Cool */
--primary: #3b82f6;
--primary-light: #60a5fa;
--primary-dark: #1d4ed8;
--secondary: #06b6d4;
--secondary-light: #22d3ee;
--accent: #0ea5e9;
--accent-warn: #38bdf8;
--accent-danger: #f472b6;
/* Neutrals */
--bg-primary: #faf9fb;
--bg-secondary: #f3f2f7;
--bg-primary: #f8fafc;
--bg-secondary: #e2e8f0;
--bg-card: #ffffff;
--bg-overlay: rgba(99, 102, 241, 0.1);
--bg-overlay: rgba(14, 165, 233, 0.08);
/* Text */
--text-primary: #1e1b2e;
--text-secondary: #6b6880;
--text-muted: #9d99a8;
--text-primary: #0f172a;
--text-secondary: #475569;
--text-muted: #94a3b8;
/* Shadows */
--shadow-sm: 0 2px 8px rgba(30, 27, 46, 0.06);
--shadow-md: 0 4px 20px rgba(30, 27, 46, 0.08);
--shadow-lg: 0 8px 40px rgba(30, 27, 46, 0.12);
--shadow-glow: 0 0 30px rgba(99, 102, 241, 0.3);
/* Shadows with Blue Glow */
--shadow-sm: 0 2px 8px rgba(14, 165, 233, 0.06);
--shadow-md: 0 4px 20px rgba(14, 165, 233, 0.08);
--shadow-lg: 0 8px 40px rgba(14, 165, 233, 0.12);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.25);
--shadow-blue: 0 4px 20px rgba(59, 130, 246, 0.3);
/* Spacing */
--space-1: 4px;
@@ -63,16 +64,17 @@
}
[data-theme="dark"] {
--bg-primary: #0f0e17;
--bg-secondary: #1a1825;
--bg-card: #252336;
--bg-overlay: rgba(99, 102, 241, 0.15);
--text-primary: #f3f2f7;
--text-secondary: #a8a4b8;
--text-muted: #6b6880;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
--bg-primary: #0a0e1a;
--bg-secondary: #111827;
--bg-card: #1e293b;
--bg-overlay: rgba(14, 165, 233, 0.12);
--text-primary: #f1f5f9;
--text-secondary: #94a3b8;
--text-muted: #64748b;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.6);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.3);
}
* {
@@ -289,12 +291,12 @@
.btn-primary {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
color: white;
box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
box-shadow: var(--shadow-blue);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(99, 102, 241, 0.5);
box-shadow: 0 6px 25px rgba(59, 130, 246, 0.4);
}
.btn-primary:active {
@@ -380,12 +382,26 @@
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-blue);
position: relative;
}
.header-logo::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
border-radius: var(--radius-md);
filter: blur(8px);
opacity: 0.5;
z-index: -1;
}
.header-logo svg {
width: 24px;
height: 24px;
fill: white;
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
.header-title {
@@ -481,7 +497,7 @@
fill: none;
}
.stat-icon.purple { background: rgba(99, 102, 241, 0.1); color: var(--primary); }
.stat-icon.purple { background: rgba(59, 130, 246, 0.1); color: var(--primary); }
.stat-icon.pink { background: rgba(244, 114, 182, 0.1); color: var(--secondary); }
.stat-icon.green { background: rgba(52, 211, 153, 0.1); color: var(--accent); }
@@ -552,7 +568,7 @@
}
.tree-item.folder {
background: rgba(99, 102, 241, 0.08);
background: rgba(14, 165, 233, 0.08);
}
.tree-icon {
@@ -573,7 +589,7 @@
stroke-width: 2;
}
.tree-icon.folder-icon { background: rgba(99, 102, 241, 0.15); color: var(--primary); }
.tree-icon.folder-icon { background: rgba(59, 130, 246, 0.15); color: var(--primary); }
.tree-icon.file-icon { background: rgba(52, 211, 153, 0.15); color: var(--accent); }
.tree-icon.image-icon { background: rgba(244, 114, 182, 0.15); color: var(--secondary); }
.tree-icon.doc-icon { background: rgba(251, 191, 36, 0.15); color: var(--accent-warn); }
@@ -674,7 +690,7 @@
}
.suggestion-item.selected {
background: rgba(99, 102, 241, 0.1);
background: rgba(59, 130, 246, 0.1);
border-color: var(--primary);
}
@@ -989,7 +1005,7 @@
}
.card-file-icon.image { background: rgba(244, 114, 182, 0.15); color: var(--secondary); }
.card-file-icon.doc { background: rgba(99, 102, 241, 0.15); color: var(--primary); }
.card-file-icon.doc { background: rgba(59, 130, 246, 0.15); color: var(--primary); }
.card-file-icon.pdf { background: rgba(251, 191, 36, 0.15); color: var(--accent-warn); }
.card-file-icon.video { background: rgba(168, 85, 247, 0.15); color: #a855f7; }
@@ -1642,7 +1658,7 @@
<div class="logo">
<svg viewBox="0 0 24 24"><path d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/></svg>
</div>
<h1 class="brand-name">Chackly</h1>
<h1 class="brand-name">Chakmate</h1>
<p class="tagline">지능형 디지털 자산 관리 솔루션</p>
<div class="steps-indicator">
@@ -1697,9 +1713,22 @@
<header class="header">
<div class="header-left">
<div class="header-logo">
<svg viewBox="0 0 24 24"><path d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/></svg>
<svg viewBox="0 0 24 24" fill="none">
<!-- Puzzle piece representing '착' - fitting together -->
<defs>
<linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#06b6d4"/>
<stop offset="50%" stop-color="#3b82f6"/>
<stop offset="100%" stop-color="#0ea5e9"/>
</linearGradient>
</defs>
<!-- Puzzle piece body -->
<path d="M6 3a3 3 0 013 3v2a3 3 0 01-3 3H4a2 2 0 00-2 2v6a2 2 0 002 2h2a3 3 0 013 3v2a3 3 0 01-3 3H6a3 3 0 01-3-3v-2a3 3 0 013-3h2a2 2 0 002-2V8a2 2 0 00-2-2H6a3 3 0 01-3-3V6a3 3 0 013-3z" fill="url(#logoGrad)"/>
<!-- Puzzle knob highlight -->
<circle cx="12" cy="12" r="3" fill="white" opacity="0.3"/>
</svg>
</div>
<h1 class="header-title">Chackly</h1>
<h1 class="header-title">Chakmate</h1>
</div>
<div class="header-right">
<div class="streak-badge" id="streak-display">
@@ -2074,7 +2103,7 @@
<script>
// ============================================
// Chackly - Intelligent Digital Asset Management
// Chakmate - Intelligent Digital Asset Management
// ============================================
// State Management

65
scene_ai_classification.html
View File

@@ -3,34 +3,36 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI 분류 - Chackly</title>
<title>AI 분류 - Chakmate</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #6366f1;
--primary-light: #818cf8;
--primary-dark: #4f46e5;
--secondary: #f472b6;
--secondary-light: #f9a8d4;
--accent: #34d399;
--accent-warn: #fbbf24;
--accent-danger: #f87171;
/* Blue Light Puzzle Theme - Intelligent, Precise, Cool */
--primary: #3b82f6;
--primary-light: #60a5fa;
--primary-dark: #1d4ed8;
--secondary: #06b6d4;
--secondary-light: #22d3ee;
--accent: #0ea5e9;
--accent-warn: #38bdf8;
--accent-danger: #f472b6;
--bg-primary: #faf9fb;
--bg-secondary: #f3f2f7;
--bg-primary: #f8fafc;
--bg-secondary: #e2e8f0;
--bg-card: #ffffff;
--bg-overlay: rgba(99, 102, 241, 0.1);
--bg-overlay: rgba(14, 165, 233, 0.08);
--text-primary: #1e1b2e;
--text-secondary: #6b6880;
--text-muted: #9d99a8;
--text-primary: #0f172a;
--text-secondary: #475569;
--text-muted: #94a3b8;
--shadow-sm: 0 2px 8px rgba(30, 27, 46, 0.06);
--shadow-md: 0 4px 20px rgba(30, 27, 46, 0.08);
--shadow-lg: 0 8px 40px rgba(30, 27, 46, 0.12);
--shadow-glow: 0 0 30px rgba(99, 102, 241, 0.3);
--shadow-sm: 0 2px 8px rgba(14, 165, 233, 0.06);
--shadow-md: 0 4px 20px rgba(14, 165, 233, 0.08);
--shadow-lg: 0 8px 40px rgba(14, 165, 233, 0.12);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.25);
--shadow-blue: 0 4px 20px rgba(59, 130, 246, 0.3);
--space-1: 4px;
--space-2: 8px;
@@ -56,16 +58,17 @@
}
[data-theme="dark"] {
--bg-primary: #0f0e17;
--bg-secondary: #1a1825;
--bg-card: #252336;
--bg-overlay: rgba(99, 102, 241, 0.15);
--text-primary: #f3f2f7;
--text-secondary: #a8a4b8;
--text-muted: #6b6880;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
--bg-primary: #0a0e1a;
--bg-secondary: #111827;
--bg-card: #1e293b;
--bg-overlay: rgba(14, 165, 233, 0.12);
--text-primary: #f1f5f9;
--text-secondary: #94a3b8;
--text-muted: #64748b;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.6);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.3);
}
* {
@@ -108,12 +111,12 @@
.btn-primary {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
color: white;
box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
box-shadow: var(--shadow-blue);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(99, 102, 241, 0.5);
box-shadow: 0 6px 25px rgba(59, 130, 246, 0.4);
}
.btn-primary:active {

93
scene_gamification.html
View File

@@ -3,38 +3,39 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>내 진행 상황 - Chackly</title>
<title>내 진행 상황 - Chakmate</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
/* Color Palette */
--primary: #6366f1;
--primary-light: #818cf8;
--primary-dark: #4f46e5;
--secondary: #f472b6;
--secondary-light: #f9a8d4;
--accent: #34d399;
--accent-warn: #fbbf24;
--accent-danger: #f87171;
/* Blue Light Puzzle Theme - Intelligent, Precise, Cool */
--primary: #3b82f6;
--primary-light: #60a5fa;
--primary-dark: #1d4ed8;
--secondary: #06b6d4;
--secondary-light: #22d3ee;
--accent: #0ea5e9;
--accent-warn: #38bdf8;
--accent-danger: #f472b6;
/* Neutrals */
--bg-primary: #faf9fb;
--bg-secondary: #f3f2f7;
--bg-primary: #f8fafc;
--bg-secondary: #e2e8f0;
--bg-card: #ffffff;
--bg-overlay: rgba(99, 102, 241, 0.1);
--bg-overlay: rgba(14, 165, 233, 0.08);
/* Text */
--text-primary: #1e1b2e;
--text-secondary: #6b6880;
--text-muted: #9d99a8;
--text-primary: #0f172a;
--text-secondary: #475569;
--text-muted: #94a3b8;
/* Shadows */
--shadow-sm: 0 2px 8px rgba(30, 27, 46, 0.06);
--shadow-md: 0 4px 20px rgba(30, 27, 46, 0.08);
--shadow-lg: 0 8px 40px rgba(30, 27, 46, 0.12);
--shadow-glow: 0 0 30px rgba(99, 102, 241, 0.3);
/* Shadows with Blue Glow */
--shadow-sm: 0 2px 8px rgba(14, 165, 233, 0.06);
--shadow-md: 0 4px 20px rgba(14, 165, 233, 0.08);
--shadow-lg: 0 8px 40px rgba(14, 165, 233, 0.12);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.25);
--shadow-blue: 0 4px 20px rgba(59, 130, 246, 0.3);
/* Spacing */
--space-1: 4px;
@@ -63,16 +64,17 @@
}
[data-theme="dark"] {
--bg-primary: #0f0e17;
--bg-secondary: #1a1825;
--bg-card: #252336;
--bg-overlay: rgba(99, 102, 241, 0.15);
--text-primary: #f3f2f7;
--text-secondary: #a8a4b8;
--text-muted: #6b6880;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
--bg-primary: #0a0e1a;
--bg-secondary: #111827;
--bg-card: #1e293b;
--bg-overlay: rgba(14, 165, 233, 0.12);
--text-primary: #f1f5f9;
--text-secondary: #94a3b8;
--text-muted: #64748b;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.6);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.3);
}
* {
@@ -131,12 +133,26 @@
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-blue);
position: relative;
}
.header-logo::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
border-radius: var(--radius-md);
filter: blur(8px);
opacity: 0.5;
z-index: -1;
}
.header-logo svg {
width: 24px;
height: 24px;
fill: white;
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
.header-title {
@@ -700,7 +716,20 @@
<header class="header">
<div class="header-left">
<div class="header-logo">
<svg viewBox="0 0 24 24"><path d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/></svg>
<svg viewBox="0 0 24 24" fill="none">
<!-- Puzzle piece representing '착' - fitting together -->
<defs>
<linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#06b6d4"/>
<stop offset="50%" stop-color="#3b82f6"/>
<stop offset="100%" stop-color="#0ea5e9"/>
</linearGradient>
</defs>
<!-- Puzzle piece body -->
<path d="M6 3a3 3 0 013 3v2a3 3 0 01-3 3H4a2 2 0 00-2 2v6a2 2 0 002 2h2a3 3 0 013 3v2a3 3 0 01-3 3H6a3 3 0 01-3-3v-2a3 3 0 013-3h2a2 2 0 002-2V8a2 2 0 00-2-2H6a3 3 0 01-3-3V6a3 3 0 013-3z" fill="url(#logoGrad)"/>
<!-- Puzzle knob highlight -->
<circle cx="12" cy="12" r="3" fill="white" opacity="0.3"/>
</svg>
</div>
<h1 class="header-title">내 진행 상황</h1>
</div>

73
scene_swipe.html
View File

@@ -3,34 +3,36 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>스와이프 모드 - Chackly</title>
<title>스와이프 모드 - Chakmate</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #6366f1;
--primary-light: #818cf8;
--primary-dark: #4f46e5;
--secondary: #f472b6;
--secondary-light: #f9a8d4;
--accent: #34d399;
--accent-warn: #fbbf24;
--accent-danger: #f87171;
/* Blue Light Puzzle Theme - Intelligent, Precise, Cool */
--primary: #3b82f6;
--primary-light: #60a5fa;
--primary-dark: #1d4ed8;
--secondary: #06b6d4;
--secondary-light: #22d3ee;
--accent: #0ea5e9;
--accent-warn: #38bdf8;
--accent-danger: #f472b6;
--bg-primary: #faf9fb;
--bg-secondary: #f3f2f7;
--bg-primary: #f8fafc;
--bg-secondary: #e2e8f0;
--bg-card: #ffffff;
--bg-overlay: rgba(99, 102, 241, 0.1);
--bg-overlay: rgba(14, 165, 233, 0.08);
--text-primary: #1e1b2e;
--text-secondary: #6b6880;
--text-muted: #9d99a8;
--text-primary: #0f172a;
--text-secondary: #475569;
--text-muted: #94a3b8;
--shadow-sm: 0 2px 8px rgba(30, 27, 46, 0.06);
--shadow-md: 0 4px 20px rgba(30, 27, 46, 0.08);
--shadow-lg: 0 8px 40px rgba(30, 27, 46, 0.12);
--shadow-glow: 0 0 30px rgba(99, 102, 241, 0.3);
--shadow-sm: 0 2px 8px rgba(14, 165, 233, 0.06);
--shadow-md: 0 4px 20px rgba(14, 165, 233, 0.08);
--shadow-lg: 0 8px 40px rgba(14, 165, 233, 0.12);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.25);
--shadow-blue: 0 4px 20px rgba(59, 130, 246, 0.3);
--space-1: 4px;
--space-2: 8px;
@@ -56,16 +58,17 @@
}
[data-theme="dark"] {
--bg-primary: #0f0e17;
--bg-secondary: #1a1825;
--bg-card: #252336;
--bg-overlay: rgba(99, 102, 241, 0.15);
--text-primary: #f3f2f7;
--text-secondary: #a8a4b8;
--text-muted: #6b6880;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
--bg-primary: #0a0e1a;
--bg-secondary: #111827;
--bg-card: #1e293b;
--bg-overlay: rgba(14, 165, 233, 0.12);
--text-primary: #f1f5f9;
--text-secondary: #94a3b8;
--text-muted: #64748b;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);
--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.6);
--shadow-glow: 0 0 30px rgba(14, 165, 233, 0.3);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
@@ -101,12 +104,12 @@
.btn-primary {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
color: white;
box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
box-shadow: var(--shadow-blue);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(99, 102, 241, 0.5);
box-shadow: 0 6px 25px rgba(59, 130, 246, 0.4);
}
.btn-primary:active {
@@ -193,13 +196,13 @@
font-size: 14px;
font-weight: 600;
cursor: pointer;
box-shadow: var(--shadow-md), 0 4px 15px rgba(99, 102, 241, 0.3);
box-shadow: var(--shadow-md), 0 4px 15px rgba(14, 165, 233, 0.3);
transition: var(--transition-base);
}
.undo-btn:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: var(--shadow-lg), 0 6px 20px rgba(99, 102, 241, 0.4);
box-shadow: var(--shadow-lg), 0 6px 20px rgba(14, 165, 233, 0.4);
}
.undo-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }
@@ -585,8 +588,8 @@
}
@keyframes pulse {
0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4); }
50% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(99, 102, 241, 0); }
0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4); }
50% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(14, 165, 233, 0); }
}
.empty-state .icon-wrapper svg { width: 60px; height: 60px; color: white; }

1082
scene_visualization.html
View File

File diff suppressed because it is too large Load Diff