@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--color-base:#f0f0f3;--color-bg-soft:#e8e8eb;--color-bg-section:#eaeaed;--color-surface:#fff;--color-surface-hover:#f8f8f8;--color-background:#f0f0f3;--color-lavender:#e0e0e3;--color-text-primary:#2d2d2d;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9e9e9e;--color-primary:#4a4a4a;--color-primary-hover:#2d2d2d;--color-lavender-deep:#d1d1d4;--color-powder-blue:#dcdce0;--color-powder-blue-light:#ededf0;--color-accent:#4a4a4a;--color-accent-light:#7a7a7a;--color-accent-dark:#2d2d2d;--color-accent-glow:#2d2d2d1a;--color-text:#2d2d2d;--color-text-sub:#6b6b6b;--color-text-muted:#9e9e9e;--color-border:#dcdce0;--color-border-dark:#2d2d2d;--color-success:#6bcb8b;--color-warning:#f0c674;--color-danger:#e8707a;--color-sidebar-bg:#f0f0f3;--color-drop-zone:#2d2d2d0d;--color-drop-zone-active:#2d2d2d1f;--shadow-neu-raised:6px 6px 12px #d1d1d4, -6px -6px 12px #fff;--shadow-neu-raised-sm:3px 3px 6px #d1d1d4, -3px -3px 6px #fff;--shadow-neu-inset:inset 3px 3px 6px #d1d1d4, inset -3px -3px 6px #fff;--shadow-neu-inset-deep:inset 4px 4px 8px #d1d1d4, inset -4px -4px 8px #fff;--shadow-neu-flat:0 0 0 transparent;--shadow-sm:2px 2px 4px #d1d1d4, -2px -2px 4px #fff;--shadow-md:4px 4px 8px #d1d1d4, -4px -4px 8px #fff;--shadow-lg:8px 8px 16px #d1d1d4, -8px -8px 16px #fff;--shadow-block:4px 4px 8px #d1d1d4, -4px -4px 8px #fff;--shadow-block-hover:2px 2px 4px #d1d1d4, -2px -2px 4px #fff;--shadow-drag:8px 8px 16px #d1d1d4, -8px -8px 16px #fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--color-base:#2d2d2d;--color-bg-soft:#232323;--color-bg-section:#2a2a2a;--color-surface:#333;--color-surface-hover:#3d3d3d;--color-background:#2d2d2d;--color-lavender:#444;--color-text-primary:#f0f0f3;--color-text-secondary:#aaa;--color-text-tertiary:#777;--color-primary:#e0e0e3;--color-primary-hover:#f0f0f3;--color-lavender-deep:#555;--color-powder-blue:#444;--color-powder-blue-light:#333;--color-accent:#7a7a7a;--color-accent-light:#aaa;--color-accent-dark:#f0f0f3;--color-accent-glow:#ffffff1a;--color-text:#f0f0f3;--color-text-sub:#aaa;--color-text-muted:#777;--color-border:#444;--color-border-dark:#777;--color-sidebar-bg:#2d2d2d;--color-drop-zone:#ffffff0d;--color-drop-zone-active:#ffffff1f;--shadow-neu-raised:6px 6px 12px #1e1e1e, -6px -6px 12px #3c3c3c;--shadow-neu-raised-sm:3px 3px 6px #1e1e1e, -3px -3px 6px #3c3c3c;--shadow-neu-inset:inset 3px 3px 6px #1e1e1e, inset -3px -3px 6px #3c3c3c;--shadow-neu-inset-deep:inset 4px 4px 8px #1e1e1e, inset -4px -4px 8px #3c3c3c;--shadow-sm:2px 2px 4px #1e1e1e, -2px -2px 4px #3c3c3c;--shadow-md:4px 4px 8px #1e1e1e, -4px -4px 8px #3c3c3c;--shadow-lg:8px 8px 16px #1e1e1e, -8px -8px 16px #3c3c3c;--shadow-block:4px 4px 8px #1e1e1e, -4px -4px 8px #3c3c3c;--shadow-block-hover:2px 2px 4px #1e1e1e, -2px -2px 4px #3c3c3c;--shadow-drag:8px 8px 16px #1e1e1e, -8px -8px 16px #3c3c3c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--color-text);background:var(--color-base);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-weight:400;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:var(--font-family);font-size:.9rem}h1{letter-spacing:-.02em;color:var(--color-text);font-size:1.75rem;font-weight:700}h2{letter-spacing:-.01em;color:var(--color-text);font-size:1.35rem;font-weight:600}h3{color:var(--color-text);font-size:1.1rem;font-weight:600}h4{color:var(--color-text-sub);font-size:.95rem;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;padding:10px 22px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-base);color:var(--color-accent-dark);box-shadow:var(--shadow-neu-raised)}.btn-primary:hover{box-shadow:var(--shadow-neu-inset);transform:none}.btn-primary:active{box-shadow:var(--shadow-neu-inset-deep);transform:none}.btn-secondary{background:var(--color-base);color:var(--color-accent-dark);box-shadow:var(--shadow-neu-raised-sm);border:none}.btn-secondary:hover{box-shadow:var(--shadow-neu-inset);border-color:#0000}.btn-ghost{color:var(--color-text-sub);padding:8px 14px}.btn-ghost:hover{background:var(--color-bg-soft);color:var(--color-text)}.input-field{border-radius:var(--radius-md);background:var(--color-base);width:100%;color:var(--color-text);transition:all var(--transition-fast);box-shadow:var(--shadow-neu-inset);border:none;outline:none;padding:10px 14px;font-size:.9rem}.input-field:hover{border-color:#0000}.input-field:focus{box-shadow:var(--shadow-neu-inset-deep);border-color:#0000}.input-field::placeholder{color:var(--color-text-muted)}.label{color:var(--color-text-sub);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600;display:block}.card{background:var(--color-base);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-neu-raised);transition:box-shadow var(--transition-base);border:none}.card:hover{box-shadow:var(--shadow-neu-raised-sm)}.divider{background:var(--color-border);width:100%;height:1px;margin:var(--space-lg) 0}.divider-dark{background:var(--color-border-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-slide-in{animation:.3s forwards slideInRight}.animate-scale-in{animation:.3s forwards scaleIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8c8cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a4}